/* Sign-in, signed-out and access-denied pages. Matches the console's palette. */
:root { color-scheme: dark; --bg:#0a0a14; --surface:#14142a; --fg:#e8e8ec; --muted:#b4b4c8; --accent:#ff8a00; }
@media (prefers-color-scheme: light) {
  :root { color-scheme: light; --bg:#f7f6fb; --surface:#ffffff; --fg:#14142a; --muted:#3d3d52; --accent:#a34f00; }
}
* { box-sizing: border-box; }
html { font-size: 100%; }
body { margin: 0; background: var(--bg); color: var(--fg);
  font: 1rem/1.55 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; }
.gate { max-width: 32rem; margin: 12vh auto 2rem; padding: 2rem 1.5rem; background: var(--surface);
  border: 1px solid color-mix(in srgb, var(--accent) 35%, transparent); border-radius: 12px; }
.logo { height: 2rem; width: auto; }
h1 { font-size: 1.6rem; margin: 1rem 0 .5rem; }
p { margin: .6rem 0; }
.note { color: var(--muted); }
a { color: var(--accent); }
.btn { display: inline-block; margin-top: .5rem; padding: .7rem 1.2rem; border-radius: 8px; background: var(--accent);
  color: #14142a; font-weight: 600; text-decoration: none; }
a:focus-visible, .btn:focus-visible { outline: 3px solid var(--fg); outline-offset: 3px; }