:root{color:#f7f4ed;font-synthesis:none;background:#101613;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% 0,#81f2b429,#0000 35rem),linear-gradient(145deg,#101613,#18211c);min-height:100vh;margin:0}main{width:min(72rem,100% - 2rem);margin:0 auto;padding:5rem 0 3rem}header{max-width:47rem;margin-bottom:2rem}a{color:#8ff0b9;text-underline-offset:.2em}nav{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:5rem;display:flex}.brand{color:#f7f4ed;font-weight:800;text-decoration:none}.page-header{margin-bottom:2rem}.centered-page{place-items:center;min-height:100vh;padding-block:2rem;display:grid}.eyebrow,.step{color:#8ff0b9;letter-spacing:.13em;text-transform:uppercase;font:700 .75rem/1.2 ui-monospace,monospace}h1{letter-spacing:-.07em;max-width:13ch;margin:.65rem 0 1rem;font-size:clamp(3rem,9vw,6.8rem);line-height:.9}.compact-title{max-width:16ch;font-size:clamp(3rem,8vw,5.5rem)}.lede{color:#b9c7bf;max-width:40rem;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55}#status{color:#cbd7d0;background:#070a0873;border:1px solid #35463d;border-radius:.75rem;min-height:3.1rem;margin:2rem 0;padding:.9rem 1rem}#status[data-kind=success]{color:#a9f2c7;border-color:#4c9a6d}#status[data-kind=error]{color:#ffc0b9;border-color:#a65d57}.grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.card{background:#1c2620d1;border:1px solid #3a4b41;border-radius:1.25rem;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 1.5rem 4rem #0000002e}.accent{color:#132019;background:#d9ffe8}.accent .step{color:#286a45}.card h2{letter-spacing:-.04em;margin:.6rem 0 .4rem;font-size:clamp(1.6rem,3vw,2.3rem)}.card p,.card small{color:#aebdb4;line-height:1.5}.accent p{color:#426050}form{gap:.9rem;margin-top:1.25rem;display:grid}label{color:#cbd7d0;gap:.4rem;font-size:.82rem;font-weight:700;display:grid}input{color:#f7f4ed;width:100%;font:inherit;background:#101713;border:1px solid #52675b;border-radius:.65rem;outline:none;padding:.82rem .9rem}input:focus{border-color:#8ff0b9;box-shadow:0 0 0 3px #8ff0b924}button{min-height:2.9rem;color:inherit;cursor:pointer;background:0 0;border:1px solid #6f8579;border-radius:.7rem;padding:.75rem 1rem;font:750 .9rem/1 inherit}button:hover:not(:disabled){border-color:#a8c8b5;transform:translateY(-1px)}button:disabled{cursor:wait;opacity:.55}button.primary,.accent button{color:#102217;background:#79e7a7;border-color:#79e7a7}.button-link{min-height:2.9rem;color:inherit;border:1px solid #6f8579;border-radius:.7rem;justify-content:center;align-items:center;padding:.75rem 1rem;font-weight:750;text-decoration:none;display:inline-flex}.button-link.primary{color:#102217;background:#79e7a7;border-color:#79e7a7}[hidden]{display:none!important}.accent button{color:#fff;background:#173a27;border-color:#173a27;width:100%;margin-top:1rem}.fallback{grid-column:1/-1;padding-block:1rem}summary{cursor:pointer;color:#aebdb4;font-weight:700}.fallback form{grid-template-columns:1fr 1fr auto;align-items:end}.session{max-width:46rem}.session h3{color:#aebdb4;text-transform:uppercase;letter-spacing:.08em;margin-top:2rem;font-size:.85rem}.platform-note{color:#8ea096;max-width:42rem;font-size:.85rem;line-height:1.5}.auth-card{width:min(36rem,100%)}.auth-grid{max-width:58rem}.account-grid{grid-template-columns:minmax(16rem,.75fr) minmax(20rem,1.25fr);align-items:start;gap:1rem;display:grid}.profile-card h2,.passkey-card h2{margin-top:.65rem}dl{gap:0;margin:1.5rem 0 0;display:grid}dl div{border-top:1px solid #3a4b41;gap:.25rem;padding:.8rem 0;display:grid}dt{color:#8ea096;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}dd{overflow-wrap:anywhere;color:#e2ebe5;margin:0}ul{gap:.6rem;padding:0;list-style:none;display:grid}li{background:#111814;border:1px solid #3a4b41;border-radius:.7rem;justify-content:space-between;gap:1rem;padding:1rem;display:flex}li small{color:#8ea096}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.page-switch{color:#aebdb4;margin-top:1.5rem}.nav-button{min-height:auto;padding-block:.5rem}footer{color:#7f9187;text-align:center;margin-top:3rem;font-size:.82rem}@media (width<=700px){main{padding-top:3rem}nav{margin-bottom:3rem}.grid,.account-grid,.fallback form{grid-template-columns:1fr}li{flex-direction:column}}