:root{color:#eaf2ff;font-synthesis:none;text-rendering:optimizelegibility;background:#07101f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 5%,#276dff38,#0000 36rem),radial-gradient(circle at 90% 90%,#2fdab21f,#0000 34rem),#07101f;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}a{color:inherit}.shell{width:min(1080px,100% - 2rem);margin:0 auto;padding:1.25rem 0 4rem}.brand{justify-content:space-between;align-items:center;min-height:3.5rem;margin-bottom:clamp(3rem,9vw,7rem);display:flex}.brand a{align-items:center;gap:.75rem;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#286dff,#4ddcbb);border:1px solid #fff3;border-radius:.75rem;place-items:center;width:2.25rem;height:2.25rem;display:grid}.card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#09172bc2;border:1px solid #97b2db29;border-radius:1.5rem;box-shadow:0 2rem 6rem #0000003d}.hero{grid-template-columns:1.5fr .8fr;align-items:end;gap:clamp(2rem,7vw,6rem);padding:clamp(2rem,6vw,5rem);display:grid}.eyebrow{color:#64dfc1;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .7rem;font-size:.75rem;font-weight:800}h1{letter-spacing:-.055em;max-width:15ch;margin:0;font-size:clamp(2.35rem,7vw,5.3rem);line-height:.98}h2{margin:.8rem 0}.lede,.muted,.security-note p{color:#9eb1ce;line-height:1.65}.lede{max-width:56ch;margin-top:1.6rem}.actions{flex-direction:column;gap:.8rem;display:flex}.button{color:#fff;cursor:pointer;background:#2f73ff;border:0;border-radius:.8rem;justify-content:center;align-items:center;min-height:2.9rem;padding:.75rem 1.15rem;font-weight:750;text-decoration:none;display:inline-flex}.button:hover{background:#4a86ff}.button:disabled{cursor:wait;opacity:.65}.button-secondary,.button-quiet{background:#ffffff14}.button-quiet{min-height:2.4rem}.button-danger{background:#9f3043}.button-danger:hover{background:#bd3b51}.button-row{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.text-button{color:#77a2ff;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.auth-divider{color:#8499b8;text-transform:uppercase;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#97b2db38;flex:1;height:1px}.session-panel{background:#ffffff0e;border-radius:1rem;flex-direction:column;gap:.55rem;padding:1.25rem;display:flex}.session-panel small{color:#8499b8;overflow-wrap:anywhere}.status{color:#6de1c5;font-size:.85rem}.status i{background:#50dbb9;border-radius:50%;width:.55rem;height:.55rem;margin-right:.45rem;display:inline-block}.auth-layout{grid-template-columns:minmax(0,34rem) minmax(16rem,1fr);justify-content:center;align-items:center;gap:clamp(2rem,7vw,6rem);display:grid}.auth-card{padding:clamp(1.5rem,5vw,3rem)}.auth-card h1{font-size:clamp(2.4rem,6vw,4.2rem)}.auth-card label{color:#c8d5e9;gap:.55rem;margin-top:1.2rem;font-size:.9rem;font-weight:650;display:grid}input{color:#fff;background:#020a18b8;border:1px solid #97b2db47;border-radius:.75rem;outline:none;width:100%;padding:.85rem .95rem}input:focus{border-color:#4f89ff;box-shadow:0 0 0 3px #2f73ff2e}.auth-card>.button{width:100%;margin-top:1.5rem}.checkbox{align-items:center;grid-template-columns:auto 1fr!important}.checkbox input{width:1rem;height:1rem}.switch-link{color:#9eb1ce;text-align:center;font-size:.9rem}.switch-link a{color:#77a2ff}.security-note{max-width:28rem}.security-icon{color:#64dfc1;background:#48dab524;border-radius:1rem;place-items:center;width:3rem;height:3rem;font-size:1.4rem;display:grid}.status-card{width:min(42rem,100%);padding:clamp(2rem,6vw,4rem)}.status-card h1{font-size:clamp(2.4rem,6vw,4.2rem)}.status-card .button{margin-top:1rem}.security-card{width:min(44rem,100%);margin:0 auto;padding:clamp(1.5rem,5vw,3rem)}.security-stack{gap:1.5rem;display:grid}.passkey-list{gap:.75rem;margin:1.5rem 0;display:grid}.passkey-item{background:#020a1866;border:1px solid #97b2db38;border-radius:.85rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.passkey-item div:first-child{gap:.35rem;display:grid}.passkey-item small,.passkey-limit{color:#8499b8}.compact-row{flex:none;margin-top:0}.compact-row .button{min-height:2.4rem;padding:.55rem .8rem}.passkey-limit{margin-top:.75rem;font-size:.82rem}.security-card h1{font-size:clamp(2.4rem,6vw,4.2rem)}.security-form{gap:1rem;margin-top:2rem;display:grid}.security-form label{color:#c8d5e9;gap:.55rem;font-size:.9rem;font-weight:650;display:grid}.status-line{color:#6de1c5;font-weight:750}.status-dot{background:#50dbb9;border-radius:50%;width:.65rem;height:.65rem;margin-right:.45rem;display:inline-block}.status-off{background:#8499b8}.totp-qr{background:#fff;border-radius:1rem;width:240px;max-width:100%;padding:.75rem}.shared-key{color:#eaf2ff;overflow-wrap:anywhere;background:#020a18b8;border-radius:.75rem;padding:1rem;font-size:1rem;display:block}.recovery-codes{color:#eaf2ff;white-space:pre-wrap;background:#020a18b8;border:1px solid #97b2db47;border-radius:.75rem;padding:1.25rem;font-size:1rem;line-height:1.8}.alert{color:#ffc0c7;background:#b12c4129;border:1px solid #ff808d59;border-radius:.75rem;margin:1rem 0;padding:.85rem 1rem;line-height:1.45}.alert-warning{color:#ffdda0;background:#a96c0d2e;border-color:#ffc65d59}@media (width<=760px){.brand{margin-bottom:2.5rem}.hero,.auth-layout{grid-template-columns:1fr}.passkey-item{flex-direction:column;align-items:stretch}.hero{padding:1.5rem}.security-note{padding:0 .5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}