:root { --auth-bg:#0f172a; --auth-panel:#172033; --auth-border:rgba(148,163,184,.25); --auth-text:#f8fafc; --auth-muted:#a8b4c6; --auth-primary:#38bdf8; --auth-danger:#fda4af; --auth-success:#86efac; }
[hidden] { display:none !important; }
.account-nav { position:fixed; z-index:1000; inset-block-start:14px; inset-inline-end:16px; }
.account-nav--start { inset-inline-end:auto; inset-inline-start:16px; }
.account-nav a,.auth-button { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 18px; border:1px solid rgba(56,189,248,.55); border-radius:999px; background:rgba(15,23,42,.9); color:#e0f2fe; font:700 14px/1 system-ui,sans-serif; text-decoration:none; box-shadow:0 8px 30px rgba(0,0,0,.28); backdrop-filter:blur(12px); }
.account-nav a:hover,.auth-button:hover { background:#0c4a6e; }
.account-nav a[data-auth-unavailable="true"] { opacity:.75; }
.auth-page { min-height:100vh; box-sizing:border-box; margin:0; padding:32px 18px; display:grid; place-items:center; background:radial-gradient(circle at 15% 10%,rgba(14,165,233,.17),transparent 32rem),radial-gradient(circle at 90% 90%,rgba(168,85,247,.15),transparent 32rem),var(--auth-bg); color:var(--auth-text); font-family:system-ui,"Segoe UI",Arial,sans-serif; }
.auth-shell { width:min(100%,520px); }
.auth-home-link { color:#bae6fd; text-decoration:none; }
.auth-card { margin-top:18px; padding:clamp(24px,6vw,42px); border:1px solid var(--auth-border); border-radius:24px; background:rgba(23,32,51,.94); box-shadow:0 24px 70px rgba(0,0,0,.38); }
.auth-card h1 { margin:0 0 10px; font-size:clamp(28px,6vw,40px); }
.auth-lead { margin:0 0 28px; color:var(--auth-muted); line-height:1.65; }
.auth-field { display:grid; gap:8px; margin-block:18px; }
.auth-field label,.auth-choice legend { font-weight:700; }
.auth-field input { width:100%; box-sizing:border-box; min-height:48px; padding:0 14px; border:1px solid #52617a; border-radius:12px; background:#0f172a; color:var(--auth-text); font:inherit; }
.auth-field input:focus { outline:3px solid rgba(56,189,248,.25); border-color:var(--auth-primary); }
.auth-choice { border:0; padding:0; margin:22px 0; }
.auth-choice-options { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:10px; }
.auth-choice label { display:flex; gap:8px; align-items:center; padding:14px; border:1px solid var(--auth-border); border-radius:12px; cursor:pointer; }
.auth-button { width:100%; border:0; background:#0284c7; color:white; cursor:pointer; }
.auth-button:disabled { cursor:wait; opacity:.65; }
.auth-note { color:var(--auth-muted); font-size:14px; line-height:1.6; }
.auth-status { min-height:24px; margin-top:18px; color:var(--auth-success); line-height:1.5; }
.auth-status[data-kind="error"] { color:var(--auth-danger); }
.auth-retry { margin-top:18px; }
.auth-profile { display:grid; gap:10px; margin:24px 0; padding:18px; border-radius:14px; background:#0f172a; }
@media (max-width:560px) { .account-nav { position:static; align-self:flex-end; margin-bottom:16px; } .auth-choice-options { grid-template-columns:1fr; } }