@font-face { font-family: "Oswald"; src: url("../fonts/Oswald-VariableFont_wght.woff2") format("woff2"); font-weight: 200 700; font-style: normal; font-display: swap; }
@font-face { font-family: "GeistPixel"; src: url("../fonts/GeistPixel-Regular-VariableFont_ELSH.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }

:root {
  --ink: #002e2a;
  --neon: #e1ff00;
  --pink: #ff37d0;
  --paper: #f5f5f0;
  --line: #0f4a43;
  color-scheme: dark;
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--ink); color: var(--paper);
  font-family: "Manjari", "Manrope", ui-sans-serif, system-ui, sans-serif;
  line-height: 1.6; padding-inline: 20px;
}
.page { max-width: 1040px; margin-inline: auto; width: 100%; }
.content { max-width: 680px; margin-inline: auto; padding-block: 12px 60px; text-align: left; }
.nav {
  display: flex; align-items: center; justify-content: space-between; padding-block: 20px;
}
.wordmark { display: block; text-decoration: none; }
.wordmark img { display: block; height: clamp(30px, 7vw, 36px); width: auto; }
.nav-badge {
  font-family: "GeistPixel", monospace; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.08em;
  border: 1px solid var(--line); border-radius: 999px; padding: 5px 12px; color: var(--paper); opacity: 0.8;
  transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease, opacity 0.15s ease;
}
.nav-badge:hover { border-color: var(--neon); color: var(--neon); background: rgba(225, 255, 0, 0.08); opacity: 1; }
h1 {
  font-family: "Oswald", "GeistPixel", monospace; font-weight: 700; text-transform: uppercase; color: var(--neon);
  font-size: clamp(1.15rem, 5.6vw, 2.4rem); letter-spacing: -0.01em; white-space: nowrap; margin: 0 0 10px;
}
.updated { font-size: 0.8rem; opacity: 0.55; margin: 0 0 32px; }
h2 { font-family: "GeistPixel", monospace; font-size: 1rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--pink); margin: 28px 0 10px; }
p, li { opacity: 0.9; font-size: 0.95rem; }
ul { list-style: disc; list-style-position: outside; padding-left: 20px; margin: 8px 0; }
li { margin: 4px 0; }
strong { color: var(--paper); opacity: 1; }
a { color: var(--neon); }
.consent-note { margin-top: 32px; padding: 16px; border: 1.5px dashed var(--pink); border-radius: 12px; font-size: 0.9rem; opacity: 1; }