/* Sign-in gate - one page, no script, nothing from outside. */
:root { color-scheme: light dark; --bg: #f7f3ec; --text: #1f1a14; --accent: #1f4e8c; --muted: #5c5346; }
@media (prefers-color-scheme: dark) { :root { --bg: #14110d; --text: #efe8dc; --accent: #8fb4e8; --muted: #bfb3a2; } }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 1.1rem; line-height: 1.55; background: var(--bg); color: var(--text); padding: 1.25rem; }
main { max-width: 28rem; }
h1 { font-size: 1.8rem; line-height: 1.2; margin: 0 0 1rem; }
a { color: var(--accent); }
a:focus-visible, button:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
.button, button { display: inline-block; background: var(--accent); color: #fff; text-decoration: none; font: inherit; font-weight: 600;
  padding: 0.7rem 1.4rem; border: 0; border-radius: 6px; cursor: pointer; }
footer { color: var(--muted); font-size: 0.85rem; margin-top: 3rem; }