.privacy-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 84% 8%, rgba(215, 42, 255, .16), transparent 34rem),
    radial-gradient(circle at 12% 42%, rgba(64, 131, 255, .10), transparent 32rem),
    #050505;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.privacy-shell {
  width: min(1120px, calc(100% - 40px));
  margin: 0 auto;
}

.privacy-header {
  min-height: 84px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border-bottom: 1px solid rgba(255,255,255,.12);
}

.privacy-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: -.025em;
}

.privacy-brand img {
  width: 48px;
  height: 48px;
  border-radius: 10px;
}

.privacy-home {
  color: rgba(255,255,255,.76);
  text-decoration: none;
  font-size: .9rem;
}

.privacy-home:hover,
.privacy-home:focus-visible,
.privacy-copy a:hover,
.privacy-copy a:focus-visible {
  color: #fff;
}

.privacy-main {
  padding: clamp(64px, 9vw, 128px) 0 clamp(80px, 10vw, 140px);
}

.privacy-hero {
  max-width: 850px;
  margin-bottom: clamp(48px, 7vw, 88px);
}

.privacy-kicker {
  margin: 0 0 18px;
  color: #ff88cb;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.privacy-hero h1 {
  margin: 0;
  font-size: clamp(2.65rem, 6.7vw, 6.7rem);
  font-weight: 800;
  line-height: .99;
  letter-spacing: -.075em;
}

.privacy-hero h1 em {
  font-style: normal;
  font-weight: inherit;
  background: linear-gradient(115deg, #ff88cb 5%, #ff3b8d 50%, #b266ff 95%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.privacy-intro {
  max-width: 720px;
  margin: 30px 0 0;
  color: rgba(255,255,255,.74);
  font-size: clamp(1rem, 1.7vw, 1.18rem);
  line-height: 1.8;
}

.privacy-copy {
  max-width: 820px;
}

.privacy-section {
  padding: 34px 0 38px;
  border-top: 1px solid rgba(255,255,255,.12);
}

.privacy-section h2 {
  margin: 0 0 16px;
  font-size: clamp(1.35rem, 2.5vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.04em;
}

.privacy-section p,
.privacy-section li {
  color: rgba(255,255,255,.72);
  line-height: 1.78;
}

.privacy-copy strong,
.privacy-note strong { font-weight: 700; }

.privacy-section p:last-child { margin-bottom: 0; }
.privacy-section ul { padding-left: 1.2rem; }
.privacy-copy a { color: #f39cff; text-underline-offset: 3px; }

.privacy-note {
  margin: 26px 0 0;
  padding: 20px 22px;
  border: 1px solid rgba(240,104,255,.28);
  border-radius: 16px;
  background: rgba(240,104,255,.06);
  color: rgba(255,255,255,.8);
}

.privacy-footer {
  padding: 28px 0 36px;
  border-top: 1px solid rgba(255,255,255,.12);
}

.privacy-footer-inner {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  color: rgba(255,255,255,.55);
  font-size: .84rem;
}

.privacy-footer a { color: rgba(255,255,255,.72); }

@media (max-width: 640px) {
  .privacy-shell { width: min(100% - 28px, 1120px); }
  .privacy-header { min-height: 72px; }
  .privacy-brand span { font-size: .9rem; }
  .privacy-home { font-size: .78rem; }
  .privacy-main { padding-top: 54px; }
  .privacy-footer-inner { flex-direction: column; }
}

/* Native forms keep the analytics choice usable without JavaScript. */
#analytics { scroll-margin-top: 110px; }
.analytics-choices { display: flex; flex-wrap: wrap; gap: 12px; margin: 22px 0; }
.analytics-choices button { min-height: 48px; padding: 12px 18px; border: 1px solid #d4b1ff; border-radius: 8px; background: #23132e; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.analytics-choices button:hover { background: #382047; }
.analytics-choices button:focus-visible { outline: 3px solid #ff88cb; outline-offset: 4px; }
.privacy-copy li { margin: 12px 0; line-height: 1.8; }
#analytics-state { padding: 14px 16px; border-left: 3px solid #ff88cb; background: #19121f; color: #fff; }
