:root{color-scheme:dark;--bg:#0b1018;--card:#141d29;--line:#2b3b50;--text:#edf4fa;--muted:#91a4b8;--blue:#4c9aff;--red:#ff8585}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#17273b 0,#0b1018 45%);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}
.login-shell{width:min(420px,calc(100% - 32px))}
.login-card{padding:32px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 70px #0008}
.eyebrow{margin:0 0 4px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.16em}
h1{margin:0;font-size:30px}
.subtitle{margin:3px 0 25px;color:var(--blue);font-weight:700}
form{display:grid;gap:9px}
label{margin-top:8px;color:#c9d5e0;font-weight:650}
input{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:#0f1722;color:var(--text);font:inherit}
input:focus-visible,button:focus-visible{outline:3px solid #4c9aff66;outline-offset:2px}
button{margin-top:15px;padding:12px;border:0;border-radius:8px;background:var(--blue);color:#06111e;font:inherit;font-weight:850;cursor:pointer}
button:hover{filter:brightness(1.08)}
.login-error{margin:0 0 12px;padding:10px 12px;border:1px solid #7c3440;border-radius:7px;background:#331821;color:var(--red)}
@media(max-width:480px){.login-card{padding:24px}}