:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background:#f4f1ea; color:#13253a; }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
body { min-height:100vh; margin:0; display:grid; place-items:center; padding:24px; }
.login-card { width:min(440px,100%); background:white; border:1px solid #d8dee7; border-top:8px solid #132c46; border-radius:18px; box-shadow:0 22px 60px rgba(19,37,58,.12); padding:32px; }
.eyebrow { color:#875f22; font-size:.78rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
h1 { margin:.25rem 0 .75rem; font-size:24px; }
label { display:block; margin:1.5rem 0 .45rem; font-weight:700; }
input,button { width:100%; min-height:48px; border-radius:10px; font:inherit; }
input { border:1px solid #9ca9b8; padding:0 14px; }
input:focus { outline:3px solid #c7d9ec; border-color:#214f79; }
button { border:0; margin-top:14px; background:#132c46; color:white; font-weight:800; cursor:pointer; }
button:disabled { opacity:.65; cursor:wait; }
#status { min-height:1.3em; color:#9a2e2e; }