/* Sign-in page. Kept in its own file because the strict CSP forbids inline styles,
   and this stylesheet must be readable before the visitor has signed in. */
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:#f6f8fb;font:14px/1.5 "Segoe UI",Arial,sans-serif;color:#1f2933;padding:24px}
.box{background:#fff;border:1px solid #e3e8ef;border-radius:10px;padding:32px;
  width:100%;max-width:390px;box-shadow:0 4px 20px rgba(31,56,100,.08)}
h1{margin:0;font-size:19px;font-weight:600;color:#1f3864;line-height:1.3}
.firm{margin:4px 0 22px;font-size:12px;color:#6b7280}
label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
input{width:100%;padding:10px 12px;border:1px solid #d3dae5;border-radius:6px;font:inherit;background:#fff}
input:focus{outline:2px solid #1f3864;outline-offset:1px;border-color:#1f3864}
button{width:100%;margin-top:16px;background:#1f3864;color:#fff;border:none;padding:11px 16px;
  border-radius:6px;font:inherit;font-weight:600;cursor:pointer}
button:hover{background:#2a4a80}
.err{background:#fde7e9;color:#9c0006;border:1px solid #f3b9bf;border-radius:6px;
  padding:9px 12px;font-size:13px;margin:0 0 16px}
.note{margin:20px 0 0;font-size:11.5px;color:#6b7280;line-height:1.5}
@media (prefers-color-scheme:dark){
  body{background:#11161f;color:#e6e9ef}
  .box{background:#182030;border-color:#2a3446;box-shadow:none}
  h1{color:#9db8e8}
  input{background:#0f141d;border-color:#2a3446;color:#e6e9ef}
  .note,.firm{color:#94a0b4}
}