:root{--ink:#101114;--muted:#6f737b;--line:#e8e8ec;--gold:#b88a44;--paper:#f7f7f9;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display",Segoe UI,sans-serif;background:var(--paper);color:var(--ink)}a{color:inherit}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-brand{padding:64px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#111318,#202631);color:#fff}.auth-logo{font-weight:800;letter-spacing:-1px;font-size:25px}.auth-brand h1{font-size:clamp(42px,6vw,78px);line-height:.98;letter-spacing:-4px;max-width:720px;margin:40px 0 20px}.auth-brand p{color:#c8cbd2;max-width:520px;font-size:18px;line-height:1.7}.auth-panel{display:flex;align-items:center;justify-content:center;padding:36px}.auth-card{width:min(100%,520px);background:#fff;border:1px solid var(--line);border-radius:32px;padding:36px;box-shadow:0 20px 70px rgba(20,22,28,.08)}.auth-card h2{font-size:34px;letter-spacing:-1.5px;margin:8px 0}.auth-card>p{color:var(--muted);line-height:1.6}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0}.role-card{border:1px solid var(--line);border-radius:22px;padding:20px;text-decoration:none;transition:.2s;background:#fff}.role-card:hover{transform:translateY(-2px);border-color:#b8bac1}.role-card strong{display:block;font-size:18px;margin:10px 0 6px}.role-card span{color:var(--muted);font-size:14px;line-height:1.5}.role-card.coming{background:#f7f7f9}.pill{display:inline-flex;padding:6px 10px;border-radius:99px;background:#f0e7d7;color:#77531c;font-size:12px;font-weight:700}.form-grid{display:grid;gap:15px;margin-top:22px}.form-grid.two{grid-template-columns:1fr 1fr}.field{display:grid;gap:7px}.field span{font-size:13px;font-weight:700}.field input{width:100%;padding:16px;border:1px solid var(--line);border-radius:15px;font:inherit;outline:none}.field input:focus{border-color:#8f929b;box-shadow:0 0 0 4px #f1f1f4}.button{border:0;border-radius:16px;padding:16px 20px;font:inherit;font-weight:750;cursor:pointer;text-decoration:none;text-align:center}.button.primary{background:#111318;color:#fff}.button.secondary{background:#f1f1f4;color:#111}.button:disabled{opacity:.6;cursor:wait}.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font-size:14px}.notice{display:none;margin:16px 0;padding:14px 16px;border-radius:14px;background:#f1f1f4;line-height:1.5;font-size:14px}.notice.show{display:block}.notice.error{background:#fff0f0;color:#8d1d1d}.notice.success{background:#eef9f0;color:#256b35}.back{display:inline-block;margin-bottom:20px;text-decoration:none;color:var(--muted)}@media(max-width:850px){.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:290px;padding:34px}.auth-brand h1{font-size:48px;letter-spacing:-2.5px}.auth-panel{padding:18px}.auth-card{padding:25px;border-radius:26px}.form-grid.two,.role-grid{grid-template-columns:1fr}}
.auth-logo{display:none}.auth-card{box-shadow:var(--sl-shadow)!important;border:1px solid rgba(17,17,17,.06)!important}.pill{background:var(--sl-gold-soft)!important;color:#79551f!important}.button.primary{background:var(--sl-black)!important;border-radius:18px!important;min-height:58px}.field input{border-radius:18px!important}.field small{color:var(--sl-muted);font-size:12px}.otp-input{text-align:center;font-size:30px!important;font-weight:760;letter-spacing:.34em;font-variant-numeric:tabular-nums}.link-button{border:0;background:none;text-decoration:underline;padding:0;color:inherit;cursor:pointer}.auth-brand{background:linear-gradient(145deg,#10131a,#1d2430)!important}.auth-brand .brand-lockup{color:white}.auth-brand p,.auth-brand small{color:rgba(255,255,255,.72)!important}

.social-auth{display:grid;gap:11px;margin-top:20px}.social-button{min-height:56px;border:1px solid var(--line);border-radius:18px;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:720;cursor:pointer;transition:transform .15s ease,background .15s ease}.social-button:hover{background:#f8f8fa}.social-button:active{transform:scale(.985)}.social-button svg{width:20px;height:20px}.social-button.apple{background:#111;color:#fff;border-color:#111}.auth-divider{display:flex;align-items:center;gap:13px;margin:20px 0;color:#8b8e95;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.auth-divider::before,.auth-divider::after{content:"";height:1px;background:var(--line);flex:1}.otp-wrap{max-width:410px;margin-inline:auto}.otp-input{width:100%;padding-left:24px!important;padding-right:24px!important;font-size:32px!important;letter-spacing:.24em!important}.auth-card .otp-help{text-align:center;font-size:13px;color:var(--muted);margin-top:0}.auth-logo-mark{width:38px!important;height:auto!important;object-fit:contain!important;border-radius:0!important;box-shadow:none!important}@media(max-width:420px){.auth-card{padding:22px}.otp-input{font-size:28px!important;letter-spacing:.19em!important;padding-left:19px!important;padding-right:19px!important}.auth-brand{min-height:260px}.auth-brand h1{font-size:43px}}

.consent-check{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;color:#5f6068;font-size:13px;line-height:1.45}.consent-check input{width:19px;height:19px;margin-top:1px;accent-color:#111}.consent-check a{color:#111;font-weight:750;text-decoration:underline;text-underline-offset:2px}

/* v6.5 progressive authentication */
.social-legal{margin:10px 4px 0!important;color:var(--muted)!important;font-size:11px!important;line-height:1.45!important;text-align:center}.social-legal a{font-weight:750;text-underline-offset:2px}.auth-callback-loader{display:flex;justify-content:center;padding:28px 0}.auth-card .spinner--dark{width:28px;height:28px;border-width:3px}
