.login{--login-ground:#f4f2ee;--login-card:#fff;--login-ink:#1d1d1b;--login-muted:#62605b;--login-line:#dcd8d0;--login-accent:#1f4e79;--login-accent-ink:#fff;--login-danger:#9b2c2c;--login-danger-ground:#fbecec;background:var(--login-ground);min-height:100vh;color:var(--login-ink);place-items:center;padding:24px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:grid}@media (prefers-color-scheme:dark){.login{--login-ground:#161615;--login-card:#1f1f1d;--login-ink:#ecebe7;--login-muted:#a6a39c;--login-line:#34332f;--login-accent:#7fb0dc;--login-accent-ink:#10202e;--login-danger:#f0a4a4;--login-danger-ground:#3a1f1f}}.login-card{background:var(--login-card);border:1px solid var(--login-line);border-radius:10px;width:100%;max-width:380px;padding:32px 30px 28px}.login-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--login-muted);font-size:12px}.login-card h1{margin:6px 0 8px;font-size:26px;font-weight:600}.login-lead{color:var(--login-muted);margin:0 0 22px;font-size:14px;line-height:1.5}.login-form{gap:14px;display:grid}.login-form label{gap:6px;font-size:13px;font-weight:600;display:grid}.login-form input{font:inherit;border:1px solid var(--login-line);background:var(--login-card);color:var(--login-ink);border-radius:6px;padding:9px 11px;font-size:15px;font-weight:400}.login-form input:focus-visible{outline:2px solid var(--login-accent);outline-offset:1px}.login-form button{font:inherit;background:var(--login-accent);color:var(--login-accent-ink);cursor:pointer;border:0;border-radius:6px;margin-top:4px;padding:10px 14px;font-size:15px;font-weight:600}.login-form button:disabled{opacity:.6;cursor:progress}.login-error{color:var(--login-danger);background:var(--login-danger-ground);border-radius:6px;padding:8px 10px;font-size:13px}