:root{--card-radius:16px;--pill-blue:#4a7dfc;--pill-blue-disabled:#b9c9f2;--text-dark:#1b1f27;--text-muted:#5c6572;--link-blue:#2f6fe4}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100vh;color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#040b26,#0a1a4a 45%,#1e5fa8)}.xid-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px 72px;position:relative}.xid-card{width:100%;max-width:372px;background:linear-gradient(180deg,#ffffff,#f4f6f9);border-radius:var(--card-radius);padding:36px 28px 32px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.35)}.xid-brand{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:22px}.xid-brand-name{font-size:22px}.xid-brand-badge,.xid-brand-name{font-weight:800;letter-spacing:1px}.xid-brand-badge{background:#101319;color:#fff;font-size:14px;border-radius:8px;padding:4px 9px}.xid-steps{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin-bottom:6px}.xid-steps .active{color:var(--text-dark)}.xid-steps .pending{color:#9aa3b0}.xid-progress{position:relative;height:8px;border-radius:6px;background:linear-gradient(90deg,#2f6fe4,#19c8a5);margin-bottom:28px}.xid-progress-dot{position:absolute;top:50%;transform:translate(-2px,-50%);width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.35);transition:left .3s ease}.xid-mark{width:96px;height:96px;margin:0 auto 24px;border-radius:22px;background:linear-gradient(160deg,#ffcf4d,#f5a623 70%,#ef8f1c);transform:skewX(-4deg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:52px;font-weight:900;box-shadow:0 10px 26px rgba(239,143,28,.35)}.xid-mark span{transform:skewX(4deg)}.xid-title{font-size:19px;font-weight:800;margin:0 0 10px}.xid-sub{font-size:14px;margin:0 0 24px}.xid-note,.xid-sub{color:var(--text-muted);line-height:1.5}.xid-note{font-size:11.5px;margin:14px 0 18px}.xid-note a{color:var(--link-blue);text-decoration:none}.xid-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 16px;border-radius:28px;border:none;font-size:14px;font-weight:800;letter-spacing:.5px;cursor:pointer;transition:filter .15s ease,opacity .15s ease}.xid-btn+.xid-btn{margin-top:12px}.xid-btn-primary{background:var(--pill-blue);color:#fff}.xid-btn-primary:hover{filter:brightness(1.07)}.xid-btn-primary:disabled{background:var(--pill-blue-disabled);cursor:default}.xid-btn-secondary{background:#fff;color:var(--text-muted);border:1px solid #d5dae2}.xid-btn-secondary:hover{filter:brightness(.98)}.xid-register{display:inline-block;margin-top:22px;font-size:13px;color:var(--link-blue);text-decoration:none}.xid-error{margin-top:16px;padding:10px 12px;border-radius:8px;background:rgba(220,60,60,.08);border:1px solid rgba(220,60,60,.3);color:#c0392b;font-size:13px}.xid-signedin{font-size:14px;color:var(--text-muted);margin:0 0 20px;word-break:break-all}.xid-footer{position:absolute;left:0;right:0;bottom:0;justify-content:space-between;padding:18px 28px;color:#e6ecf7}.xid-footer,.xid-footer-left{display:flex;align-items:center}.xid-footer-left{gap:22px}.xid-lang{display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.4);border-radius:8px;padding:7px 12px;color:#fff;background:transparent}.xid-footer a,.xid-lang{font-size:13px;font-weight:600}.xid-footer a{color:#e6ecf7;text-decoration:none}.xid-footer a:hover{text-decoration:underline}.xid-footer-logo{font-size:13px;font-weight:900;letter-spacing:1px;color:#fff;line-height:1.05;text-align:left}@media (max-width:640px){.xid-footer{flex-direction:column;gap:12px}}