:root{color-scheme:light dark;--bg:#0f172a;--card:#111827;--text:#f8fafc;--muted:#94a3b8;--accent:#38bdf8;--accent-dark:#0284c7;--border:#1f2937;--error:#f87171;--success:#4ade80;--warning:#fb923c}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#1e293b,var(--bg));color:var(--text)}body{-webkit-font-smoothing:antialiased}.shell{min-height:100dvh;display:grid;place-items:center;padding:1rem}.card{width:min(100%,28rem);background:color-mix(in srgb,var(--card) 92%,white 8%);border:1px solid var(--border);border-radius:1.25rem;padding:1.5rem;box-shadow:0 20px 60px rgba(0,0,0,.35)}.app-logo{display:flex;justify-content:center;margin-bottom:1rem}.app-logo img{border-radius:.75rem;box-shadow:0 8px 24px rgba(0,0,0,.25)}h1,h2,p{margin:0}h1{font-size:1.75rem;margin-top:.75rem}h2{font-size:1rem;margin-bottom:.75rem}.badge{display:inline-block;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.muted{color:var(--muted);margin-top:.5rem;line-height:1.5}.tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem;margin:1.5rem 0 1rem;background:rgba(255,255,255,.04);padding:.25rem;border-radius:999px}.tab{border:0;background:transparent;color:var(--muted);padding:.75rem 1rem;border-radius:999px;font-weight:600}.tab.active{background:var(--accent);color:#082f49}.form{grid-gap:1rem;gap:1rem}.form,label{display:grid}label{grid-gap:.5rem;gap:.5rem;font-size:.9rem;font-weight:600}input{width:100%;border:1px solid var(--border);background:rgba(255,255,255,.03);color:var(--text);border-radius:.875rem;padding:.9rem 1rem;font-size:1rem}input:focus{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);border-color:var(--accent)}.button{border:0;border-radius:.875rem;padding:.95rem 1rem;font-size:1rem;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#082f49;cursor:pointer}.button:disabled{opacity:.7;cursor:wait}.button.secondary{margin-top:1.5rem;background:transparent;color:var(--text);border:1px solid var(--border)}.error,.hint,.message{font-size:.9rem;line-height:1.5}.hint{color:var(--muted)}.message{color:var(--success)}.error{color:var(--error)}.warning{color:var(--warning);font-weight:600}.mobile-auth-qr{margin:1rem 0;padding:1rem;border:1px solid var(--border);border-radius:1rem;background:rgba(255,255,255,.03);text-align:center}.mobile-auth-qr__title{margin:0 0 .35rem;font-size:.95rem;font-weight:700;color:var(--text)}.mobile-auth-qr__code{display:inline-flex;margin:.75rem 0;padding:.75rem;border-radius:.75rem;background:#ffffff}.mobile-auth-qr__link{display:inline-block;margin-top:.35rem;color:var(--accent);font-size:.9rem;font-weight:600;text-decoration:none}.mobile-auth-qr__link:hover{text-decoration:underline}.passkey-list{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.passkey-item{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border);font-size:.9rem}@media (max-width:480px){.card{border-radius:1rem;padding:1.25rem}h1{font-size:1.5rem}}