:root,:root[data-theme="dark"]{color-scheme:dark;--bg:#07101c;--surface:#0c1828;--card:#12233a;--active:#182e4a;--border:#203956;--text:#f4f8fc;--secondary:#bfd0df;--muted:#8298ad;--accent:#1678f2;--accent-hover:#55a8ff;--accent-soft:rgba(22,120,242,.16);--accent-border:rgba(22,120,242,.44);--focus:rgba(22,120,242,.28);--orange:#ff8700;--red:#f04444}
:root[data-theme="light"]{color-scheme:light;--bg:#f3f7fc;--surface:#fff;--card:#f7faff;--active:#eaf2fb;--border:#dbe7f2;--text:#182433;--secondary:#40566d;--muted:#6b7f92;--accent:#1669d4;--accent-hover:#0e5ec4;--accent-soft:rgba(22,105,212,.11);--accent-border:rgba(22,105,212,.34);--focus:rgba(22,105,212,.22);--orange:#c76300;--red:#c73535}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);padding:28px;border:0;border-radius:14px;background:var(--surface);box-shadow:none}
.login-logo{display:block;width:78px;height:78px;margin:0 auto 18px;border:0;border-radius:14px;object-fit:cover;box-shadow:none}.eyebrow{margin:0 0 8px;text-align:center;color:var(--accent-hover);font-size:11px;font-weight:850;letter-spacing:.13em}h1{margin:0;text-align:center;font-size:30px;line-height:1.08;letter-spacing:-.04em}.lead{margin:11px auto 23px;max-width:350px;text-align:center;color:var(--muted);font-size:14px;line-height:1.55}
form{display:grid;gap:14px}label{display:grid;gap:7px;color:var(--secondary);font-size:13px;font-weight:800}input{width:100%;height:46px;padding:0 13px;border:0;border-radius:9px;background:var(--card);color:var(--text);font:inherit;font-size:16px;outline:none}input:hover{background:var(--active)}input:focus{border:0;background:var(--active);box-shadow:0 0 0 3px var(--focus),0 10px 24px rgba(0,0,0,.16)}button{height:46px;margin-top:2px;border:0;border-radius:9px;background:var(--accent);color:#fff;font:inherit;font-size:14px;font-weight:850;cursor:pointer;box-shadow:0 8px 22px var(--accent-soft)}button:hover{filter:brightness(1.06)}button:focus-visible{outline:0;box-shadow:0 0 0 3px var(--focus),0 10px 24px var(--accent-soft)}
.login-error{margin:0 0 14px;padding:11px 13px;border-left:3px solid var(--red);border-radius:8px;background:color-mix(in srgb,var(--red) 10%,var(--surface));color:var(--secondary);font-size:13px;font-weight:700;line-height:1.45}.privacy-note{margin:17px 0 0;text-align:center;color:var(--muted);font-size:11px;line-height:1.5}
@media(max-width:480px){.login-shell{padding:14px}.login-card{padding:23px 18px}.login-logo{width:70px;height:70px}h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}