:root { color-scheme: dark; }
body.login { margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center; background: #1D2B53; color: #FFF1E8;
  font: 16px/1.4 system-ui, sans-serif; }
body.login main { width: min(92vw, 360px); padding: 24px 16px; background: #000; border: 4px solid #5F574F; }
body.login h1 { margin: 0 0 16px; font: 700 20px/1.2 ui-monospace, Menlo, Consolas, monospace; letter-spacing: 1px; }
body.login label { display: block; margin-bottom: 4px; font-size: 14px; }
body.login input { box-sizing: border-box; width: 100%; padding: 10px; font: 16px ui-monospace, Menlo, Consolas, monospace; background: #FFF1E8; color: #000; border: 2px solid #C2C3C7; }
body.login button { margin-top: 12px; width: 100%; padding: 12px; font: 700 16px system-ui, sans-serif; background: #29ADFF; color: #000; border: 2px solid #FFF1E8; cursor: pointer; }
body.login button:disabled { opacity: 0.6; }
body.login p { min-height: 1.4em; margin: 12px 0 0; color: #FF77A8; font-size: 14px; }