/* 404, privacy and terms pages */
@font-face { font-family: 'Jockey One'; src: url('/fonts/jockey-one-latin.woff2') format('woff2'); font-display: swap; }
:root { --fg: #1f2430; --muted: #5d6475; --card: rgba(255, 255, 255, 0.88); color-scheme: light; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  background: #04051a linear-gradient(180deg, #04051a, #1a1342) fixed;
  color: var(--fg); font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  padding: max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));
}
main { max-width: 680px; margin: 0 auto; padding: 28px 24px; border-radius: 24px; background: var(--card); box-shadow: 0 18px 50px rgba(40, 20, 70, 0.15); }
h1 { margin: 0 0 12px; font: 44px/1.05 'Jockey One', system-ui, sans-serif; letter-spacing: .01em; }
h2 { margin: 28px 0 6px; font-size: 19px; }
p, li { color: var(--muted); }
a { color: var(--fg); font-weight: 600; }
.back { display: inline-block; margin-bottom: 14px; text-decoration: none; }
body.center { display: grid; place-items: center; min-height: 100vh; text-align: center; }
.code { margin: 0; font: 96px/1 'Jockey One', system-ui, sans-serif; color: #fff; text-shadow: 0 6px 22px rgba(70, 30, 90, .28); }