:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9eef8;background:#070b13;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #65d7ff;outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);background:radial-gradient(circle at 12% 18%,rgba(31,195,173,.16),transparent 34%),#070b13}.brand-panel{padding:clamp(2rem,6vw,6rem);display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.08)}.brand-mark{width:3.25rem;height:3.25rem;display:grid;place-items:center;color:#061512;background:#55e1c1;border-radius:1rem;margin-bottom:2rem}.brand-mark svg{width:1.8rem;height:1.8rem}.eyebrow{color:#55e1c1;letter-spacing:.18em;font-weight:800;font-size:.74rem}h1{font-size:clamp(2.5rem,5vw,5.4rem);line-height:.98;margin:.7rem 0 1.5rem;letter-spacing:-.055em}h2{font-size:clamp(1.85rem,3vw,2.75rem);line-height:1.05;margin:.5rem 0 1rem;letter-spacing:-.035em}.brand-copy,.muted{color:#9aa9bf;line-height:1.65}.brand-copy{max-width:34rem;font-size:1.05rem}.trust-list{display:grid;gap:.9rem;list-style:none;padding:0;margin:2.5rem 0 0;color:#c8d2e3}.trust-list li{display:flex;gap:.8rem;align-items:center}.trust-list svg{width:1.1rem;color:#55e1c1}.flow-panel{padding:clamp(1.2rem,5vw,5rem);display:grid;place-items:center;align-content:center}.flow-card{width:min(100%,34rem);background:#101725f0;border:1px solid rgba(255,255,255,.1);box-shadow:0 28px 90px #00000073;border-radius:1.5rem;padding:clamp(1.5rem,4vw,3rem)}form,.flow-card>div{display:grid;gap:1rem}label{display:grid;gap:.45rem;color:#cbd5e4;font-weight:650;font-size:.9rem}input{width:100%;border-radius:.8rem;border:1px solid #334157;padding:.82rem .95rem;background:#0a101b;color:#fff}button{min-height:2.8rem;border:0;border-radius:.8rem;padding:.72rem 1rem;cursor:pointer;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}button:disabled{opacity:.55;cursor:wait}.primary{background:#55e1c1;color:#04100d}.secondary{background:#202b3d;color:#ecf3ff}.danger{background:#3a1d28;color:#ffb9c9}.text-button{background:transparent;color:#82dff5;min-height:auto}.error-banner{color:#ffd0d8;background:#3a1822;border:1px solid #6d2a3b;padding:.85rem 1rem;border-radius:.75rem}.status-box,.context-card,.totp-box{padding:1rem;border:1px solid #344157;background:#0b121f;border-radius:1rem}.success{border-color:#257b69;color:#89f4db}.context-card{display:grid;grid-template-columns:1fr 1.4fr;gap:.75rem}.context-card span{color:#8d9bb0}.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.recovery-grid code,.totp-box code{overflow-wrap:anywhere;padding:.6rem;background:#080d16;border-radius:.45rem;color:#b7eadf}.session-list{display:grid;gap:.7rem}.session-list article{display:flex;gap:.9rem;padding:.9rem;border:1px solid #2d394c;border-radius:.8rem}.session-list article div{display:grid}.session-list span{color:#8d9bb0;font-size:.82rem}details{border-top:1px solid #2b3749;padding-top:.9rem}summary{color:#9acfe0;cursor:pointer}footer{color:#68758a;font-size:.78rem;margin-top:1.2rem;text-align:center}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.brand-panel{padding:2rem 1.4rem;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.brand-panel h1{font-size:2.55rem}.trust-list{display:none}.flow-panel{padding:1rem;align-content:start}.flow-card{border-radius:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto;animation:none;transition:none}}