:root {
  color-scheme: dark;
  --text: #f5f5f2;
  --muted: #d8d8d3;
  --surface: rgba(11, 11, 13, 0.78);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { min-height: 100%; }
body {
  min-height: 100vh;
  color: var(--text);
  background: #0b0b0d url("/Background.jpeg") center / cover no-repeat fixed;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.28);
}
.landing, .policy { position: relative; z-index: 1; }
.landing { min-height: 100vh; padding: 2rem; }
h1 { color: var(--text); font-size: clamp(1.3rem, 2.4vw, 2rem); font-weight: 600; letter-spacing: .02em; line-height: 1.2; }
.document { padding: 2rem; }
.policy { max-width: 48rem; margin: 0 auto; padding: 2rem; background: var(--surface); line-height: 1.65; }
.policy h2 { margin: 1.75rem 0 .5rem; font-size: 1.2rem; }
.policy p { margin-bottom: 1rem; color: var(--muted); }
.policy .updated { font-size: .9rem; }
.policy a { color: var(--text); }
@media (max-width: 600px) {
  .landing, .document { padding: 1.25rem; }
  .policy { padding: 1.25rem; }
  h1 { font-size: 1.35rem; }
}