:root{color-scheme:light dark;--bg:#f5f5f6;--panel:#fff;--fg:#18181b;--muted:#71717a;--line:#dedee3;--active:#18181b;--on:#fff}
@media(prefers-color-scheme:dark){:root{--bg:#111113;--panel:#1b1b1e;--fg:#f4f4f5;--muted:#a1a1aa;--line:#38383e;--active:#f4f4f5;--on:#18181b}}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px;background:var(--bg);color:var(--fg);font:15px/1.5 system-ui,sans-serif}.login-card{width:100%;max-width:420px;padding:36px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:0 16px 60px #00000008}.brand-mark{display:block;width:48px;height:48px;border-radius:12px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin:18px 0 8px}h1{font-size:26px;letter-spacing:-.04em;line-height:1.2;margin:0}.muted,.foot{color:var(--muted)}form{margin-top:28px}label{display:block;font-weight:500;font-size:13px;margin:18px 0 7px}input{width:100%;min-width:0;height:48px;border:1px solid var(--line);border-radius:10px;background:var(--bg);padding:0 12px;color:var(--fg);font:inherit}.password{position:relative}.password input{padding-right:72px}.password button{position:absolute;right:4px;top:4px;height:40px;padding:0 12px;border:0;background:none;color:var(--fg);font:500 13px system-ui;cursor:pointer}.primary{width:100%;height:48px;border:0;border-radius:10px;background:var(--active);color:var(--on);font:600 15px system-ui;cursor:pointer}.primary:disabled{opacity:.65;cursor:progress}:focus-visible{outline:2px solid var(--fg);outline-offset:3px}#error{color:light-dark(#b91c1c,#fca5a5);font-size:13px;min-height:20px;margin:12px 0}.foot{margin:24px 0 0;text-align:center;font-size:12px}@media(max-width:400px){.login-card{padding:24px}}