:root{
  --ink:#12161b;--muted:#66707c;--line:#e0e5ea;
  --accent:#0f2f44;--accent2:#1c6f9c;--bg:#eef1f4;--neg:#b3261e;
}
*{box-sizing:border-box;}
body{margin:0;font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;}
.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;}
.login-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px 26px;
  max-width:380px;width:100%;box-shadow:0 1px 2px rgba(16,32,50,.04);}
.login-card h1{font-size:20px;font-weight:700;margin:0 0 2px;color:var(--accent);}
.login-subtitle{color:var(--muted);font-size:12.5px;margin:0 0 20px;}
label{display:block;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;
  color:var(--muted);margin:14px 0 6px;}
input{border:1.5px solid var(--line);border-radius:9px;padding:10px 12px;font-size:14px;
  font-family:inherit;color:var(--ink);width:100%;}
input:focus{outline:none;border-color:var(--accent2);}
.error{color:var(--neg);font-size:13px;margin:12px 0 0;font-weight:600;}
.primary{width:100%;border:none;background:var(--accent);color:#fff;border-radius:11px;
  padding:13px 16px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;margin-top:18px;}
.primary:hover{background:var(--accent2);}
.primary:disabled{opacity:.6;cursor:default;}