:root {
  color-scheme: dark;
  --bg: #090b0f;
  --panel: #121721;
  --line: rgba(245, 242, 234, .16);
  --ink: #f5f2ea;
  --muted: rgba(245, 242, 234, .64);
  --accent: #d8c190;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--bg); }
body {
  min-height: 100vh;
  margin: 0;
  color: var(--ink);
  background:
    radial-gradient(90% 65% at 88% -5%, rgba(71, 89, 125, .2), transparent 66%),
    radial-gradient(75% 52% at 6% 88%, rgba(100, 73, 119, .12), transparent 72%),
    linear-gradient(145deg, #080a0e 0%, #111720 52%, #080a0e 100%);
  line-height: 1.65;
}
a { color: inherit; }
a:hover { color: var(--accent); }
a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; border-radius: 3px; }
.legal-header { width: min(100% - 40px, 920px); margin: 0 auto; padding: 26px 0 10px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.legal-brand { font-size: 16px; font-weight: 850; letter-spacing: -.02em; text-decoration: none; }
.legal-nav { display: flex; gap: 20px; }
.legal-nav a { color: var(--muted); font-size: 14px; font-weight: 700; text-decoration: none; }
.legal-nav a[aria-current="page"] { color: var(--ink); }
.legal-main { width: min(100% - 40px, 760px); margin: 0 auto; padding: 68px 0 84px; }
.legal-kicker { margin: 0 0 14px; color: var(--accent); font-size: 12px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(42px, 7vw, 70px); line-height: .98; letter-spacing: -.055em; }
.legal-updated { margin: 20px 0 0; color: var(--muted); font-size: 14px; }
.legal-intro { margin: 40px 0 56px; padding: 22px 24px; border: 1px solid var(--line); border-radius: 18px; color: rgba(245, 242, 234, .86); background: color-mix(in srgb, var(--panel) 90%, transparent); font-size: 17px; }
.legal-section { padding: 32px 0; border-top: 1px solid var(--line); }
.legal-section h2 { margin: 0 0 14px; font-size: 22px; line-height: 1.2; letter-spacing: -.025em; }
.legal-section p { margin: 12px 0 0; color: rgba(245, 242, 234, .75); }
.legal-section ul { margin: 14px 0 0; padding-left: 22px; color: rgba(245, 242, 234, .75); }
.legal-section li + li { margin-top: 8px; }
.legal-section strong { color: var(--ink); }
.legal-footer { width: min(100% - 40px, 920px); margin: 0 auto; padding: 24px 0 34px; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; }
.legal-footer a { text-decoration: none; }
@media (max-width: 640px) {
  .legal-header { width: min(100% - 28px, 920px); padding-top: 18px; }
  .legal-nav { gap: 14px; }
  .legal-main { width: min(100% - 28px, 760px); padding: 46px 0 64px; }
  .legal-intro { margin: 32px 0 44px; padding: 18px; font-size: 16px; }
  .legal-section { padding: 26px 0; }
  .legal-footer { width: min(100% - 28px, 920px); }
}