/* Shared styles for the small static pages (privacy, 404). */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh; padding: 24px 16px 40px;
  background: #0b2a5b; color: #fff; font: 500 16px/1.55 system-ui, -apple-system, 'Segoe UI', sans-serif;
}
main { max-width: 680px; margin: 0 auto; }
h1 { font: 900 clamp(28px, 7vw, 40px)/1.05 'Arial Black', Impact, sans-serif; color: #ffd200; margin: 8px 0 4px; }
h2 { font: 900 18px/1.2 'Arial Black', Impact, sans-serif; margin: 26px 0 6px; }
p, li { color: rgba(255,255,255,.92); }
a { color: #ffd200; }
.muted { opacity: .7; font-size: 14px; }
.btn {
  display: inline-block; margin-top: 18px; background: #ffd200; color: #000; border: 3px solid #000; border-radius: 12px;
  padding: 12px 18px; text-decoration: none; font-weight: 900;
}
/* 404 */
.center { min-height: calc(100vh - 64px); display: grid; place-items: center; text-align: center; }
.sign { background: #ff7a00; color: #111; border: 6px solid #111; padding: 18px 22px; transform: rotate(-2deg); max-width: 360px; font-weight: 700; }
.sign h1 { color: #111; margin: 0 0 6px; }