* { box-sizing: border-box; }

:root {
  --bg: #05060f;
  --text: #d1e4fa;
  --text-soft: #c7d3ea;
  --text-faint: #9da7ba;
  --accent: #3d5cff;
  --glass-edge: rgba(186,214,247,0.12);
  --luminous-fill: rgba(199,211,234,0.12);
  --glass-fill: rgba(186,214,247,0.03);
}

html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--accent); }

.legal-nav {
  display: flex; align-items: center; justify-content: space-between;
  padding: 24px clamp(20px,5vw,64px); border-bottom: 1px solid var(--glass-edge);
}
.legal-nav__brand { font-size: 15px; font-weight: 600; color: var(--text); text-decoration: none; font-family: 'JetBrains Mono', monospace; letter-spacing: 0.02em; }
.legal-nav__brand span { color: var(--accent); }
.legal-nav__back { font-size: 13px; color: var(--text-soft); text-decoration: none; transition: color 0.25s; }
.legal-nav__back:hover { color: var(--text); }

.legal-main { max-width: 720px; margin: 0 auto; padding: clamp(48px,8vw,96px) clamp(20px,5vw,24px) 120px; }
.legal-kicker {
  font-family: 'JetBrains Mono', monospace; font-size: 13px; font-weight: 400;
  letter-spacing: 0.10em; text-transform: uppercase; color: var(--text-soft);
}
.legal-title {
  font-family: 'Space Grotesk', -apple-system, sans-serif; font-size: clamp(30px,5vw,44px);
  font-weight: 500; letter-spacing: -0.01em; margin: 16px 0 8px;
  background: linear-gradient(180deg, #d8ecf8 0%, #98c0ef 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.legal-updated { font-size: 13px; color: var(--text-faint); margin: 0 0 48px; }
.legal-sections { display: flex; flex-direction: column; gap: 32px; font-size: 16px; line-height: 1.6; color: var(--text-soft); }
.legal-sections h2 { font-family: 'Space Grotesk', sans-serif; font-size: 20px; font-weight: 500; color: var(--text); margin: 0 0 10px; }
.legal-sections p { margin: 0; }
.legal-sections p + p { margin-top: 10px; }
.legal-sections strong { color: var(--text); }

.legal-cookie-cats { display: flex; flex-direction: column; gap: 14px; margin-top: 8px; }
.legal-cookie-cat {
  padding: 16px; border-radius: 16px; background: var(--glass-fill);
  box-shadow: inset 0 1px 1px rgba(199,211,234,0.12), inset 0 24px 48px rgba(199,211,234,0.05);
}
.legal-cookie-cat__title { font-size: 14px; font-weight: 600; color: var(--text); margin-bottom: 4px; }
.legal-cookie-cat__desc { font-size: 13.5px; color: var(--text-soft); }

.legal-cta {
  display: inline-flex; margin-top: 40px; align-items: center; gap: 8px;
  padding: 12px 24px; border-radius: 999px; background: var(--accent);
  color: #fff; text-decoration: none; font-size: 14px; font-weight: 500;
}

.legal-footer { padding: 32px clamp(20px,5vw,64px); border-top: 1px solid var(--glass-edge); text-align: center; font-size: 12px; color: var(--text-faint); }