:root { color-scheme: dark; }
  body { margin:0; min-height:100vh; display:flex; align-items:center; justify-content:center;
         background:#0f1115; color:#e6e8eb; font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; }
  .card { width:min(92vw,380px); background:#171a21; border:1px solid #262b36; border-radius:10px; padding:28px; }
  h1 { margin:0 0 6px; font-size:1.15rem; }
  p { margin:0 0 20px; color:#9aa3b2; font-size:.875rem; }
  label { display:block; font-size:.8rem; color:#9aa3b2; margin-bottom:6px; }
  input { width:100%; box-sizing:border-box; padding:11px 12px; font-size:1rem; border-radius:6px;
          border:1px solid #333a47; background:#0f1115; color:#e6e8eb; }
  input:focus { outline:none; border-color:#f0a020; }
  button { width:100%; margin-top:14px; padding:11px; font-size:.95rem; font-weight:700; cursor:pointer;
           border:0; border-radius:6px; background:#f0a020; color:#1a1200; }
  .err { display:none; margin-top:14px; padding:9px 11px; border-radius:6px;
         background:#3a1d1d; border:1px solid #6b2b2b; color:#ffb4b4; font-size:.85rem; }
.err.show { display:block; }