:root {
  color-scheme: dark;
  --navy: #08111f;
  --panel: #111d2d;
  --line: #26364a;
  --text: #eef4fb;
  --muted: #91a3b8;
  --orange: #f97316;
  --red: #fb7185;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: var(--navy); color: var(--text); }
.login-shell { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.login-card { width: min(430px, 100%); padding: 34px; border: 1px solid var(--line); border-radius: 16px; background: var(--panel); box-shadow: 0 24px 70px rgb(0 0 0 / 28%); }
.brand { color: var(--orange); font-size: 11px; font-weight: 850; letter-spacing: .19em; }
h1 { margin: 6px 0 0; font-size: 30px; letter-spacing: -.035em; }
.intro { margin: 10px 0 26px; color: var(--muted); font-size: 14px; }
form { display: grid; gap: 16px; }
label { display: grid; gap: 7px; color: #c9d5e3; font-size: 12px; font-weight: 700; }
input { width: 100%; min-height: 44px; border: 1px solid var(--line); border-radius: 8px; background: #0c1726; color: var(--text); padding: 10px 12px; font: inherit; }
input:focus { outline: 2px solid rgb(249 115 22 / 45%); border-color: var(--orange); }
button { min-height: 44px; margin-top: 4px; border: 0; border-radius: 8px; background: var(--orange); color: #180b03; font-weight: 800; cursor: pointer; }
button:hover:not(:disabled) { background: #fb923c; }
button:disabled { opacity: .55; cursor: wait; }
.message { min-height: 18px; margin: 14px 0 0; color: var(--red); font-size: 13px; }