body.privacy-page {
  background:
    radial-gradient(ellipse at top, rgba(147,51,234,.22) 0%, rgba(124,58,237,.12) 25%, transparent 60%),
    linear-gradient(180deg, rgba(26,16,47,.75) 0%, rgba(18,8,31,.82) 42%, rgba(8,3,15,.88) 76%, rgba(0,0,0,.92) 100%),
    url("/assets/images/brand/myteria-bg.webp");
  background-size: auto, auto, cover;
  background-position: center top, center top, center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.privacy-page .page-bg {
  opacity: .35;
  filter: saturate(.85) brightness(.78);
}
.privacy-page .page-bg .blob { opacity: .42; }
.privacy-page .page-bg .blob.-a { width: min(48vw, 680px); right: -240px; top: -150px; bottom: auto; }
.privacy-page .page-bg .blob.-b { width: min(42vw, 560px); left: -220px; top: 45%; }
.privacy-page .page-bg .blob.-c { display: block; width: min(38vw, 500px); right: -190px; bottom: 80px; top: auto; }

.privacy-intro {
  text-align: center;
  margin-bottom: clamp(52px, 7vw, 90px);
}

.privacy-page .page-logo {
  width: min(80vw, 620px);
  height: auto;
  display: block;
  margin: 0 auto 20px;
  filter: drop-shadow(0 0 20px rgba(168,85,247,.18)) drop-shadow(0 0 60px rgba(124,58,237,.14));
}

.privacy-page .page-title {
  font-size: clamp(2.3rem, 4.8vw, 4.25rem);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1;
  background: linear-gradient(180deg, #f3e8ff 0%, #d8b4fe 30%, #c084fc 60%, #a855f7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: none;
}

.privacy-page .page-subtitle {
  margin-inline: auto;
  max-width: 760px;
}

.privacy-page .content-panel {
  background: rgba(11, 9, 16, .78);
  border-color: rgba(255,255,255,.065);
}

.policy-lead { max-width: 1040px; }
.policy-list { display: grid; gap: 22px; }

.policy-block {
  padding: 24px 0;
  border-top: 1px solid rgba(255,255,255,.075);
}
.policy-block:first-child { border-top: 0; padding-top: 0; }
.policy-block:last-child { padding-bottom: 0; }
.policy-block h2 {
  margin: 0 0 14px;
  color: #fff;
  font-size: clamp(1.45rem, 2.3vw, 2rem);
  letter-spacing: -0.035em;
  line-height: 1.12;
  font-weight: 950;
}
.policy-block h2 span { color: var(--page-accent); }
.policy-block p { max-width: 1040px; }
.policy-block strong { color: #fff; }
.policy-note {
  margin-top: 32px;
  padding: 22px 26px;
  border-radius: 18px;
  background: rgba(168,85,247,.075);
  border: 1px solid rgba(216,180,254,.12);
  color: rgba(255,255,255,.82);
  line-height: 1.7;
}
.copy-page-link {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border-radius: 6px;
  border: 1px solid rgba(216,180,254,.22);
  background: rgba(168,85,247,.13);
  color: #fff;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
  transition: transform .16s ease, filter .16s ease;
}
.copy-page-link:hover,
.copy-page-link:focus-visible { transform: translateY(-1px); filter: brightness(1.08); }

@media (max-width: 920px) {
  .privacy-page .page-bg .blob.-a,
  .privacy-page .page-bg .blob.-b,
  .privacy-page .page-bg .blob.-c { display: none; }
}

@media (max-width: 640px) {
  .privacy-page .page-logo { width: min(92vw, 520px); }
  .copy-page-link { width: 100%; }
}


/* Final prod scroll pass: avoid delayed rendering/popping while scrolling. */
.privacy-page .content-panel,
.privacy-page .policy-list,
.privacy-page .policy-block {
  content-visibility: visible !important;
  contain: none !important;
}

.privacy-page .page-bg {
  position: fixed;
  transform: translateZ(0);
}

@media (max-width: 920px), (prefers-reduced-motion: reduce) {
  .privacy-page .page-bg { position: absolute; }
}


/* Fixed background override: keep decorative blobs locked to viewport on every breakpoint. */
.jobs-page .page-bg,
.privacy-page .page-bg {
  position: fixed !important;
  inset: 0 !important;
  min-height: 100svh;
  height: 100svh;
}

.jobs-page .page-bg .blob,
.privacy-page .page-bg .blob {
  position: fixed !important;
}

@media (max-width: 920px), (prefers-reduced-motion: reduce) {
  .jobs-page .page-bg,
  .privacy-page .page-bg {
    position: fixed !important;
  }
}


/* Return button: match the Credits/Main Site navigation chip. */
.privacy-page .page-nav {
  display: flex;
  justify-content: flex-start;
  margin-bottom: clamp(28px, 4vw, 52px);
}
.privacy-page .back-home {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: .95rem;
  box-shadow: 0 12px 34px rgba(0,0,0,.18);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.privacy-page .back-home::before { content: "←"; font-size: 1rem; opacity: .8; }
.privacy-page .back-home:hover,
.privacy-page .back-home:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(168,85,247,.35);
  box-shadow: 0 10px 30px rgba(0,0,0,.25), 0 0 24px rgba(168,85,247,.18);
  background: linear-gradient(180deg, rgba(168,85,247,.12), rgba(255,255,255,.03));
  outline: none;
}

/* Fixed decorative layer: the blobs stay locked to the viewport while content scrolls. */
.privacy-page .page-bg {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw;
  height: 100svh;
  min-height: 100svh;
  overflow: hidden;
  transform: translateZ(0);
}
.privacy-page .page-bg .blob {
  position: fixed !important;
  transform: translateZ(0);
}
@media (max-width: 640px) {
  .privacy-page .page-nav { justify-content: center; }
}


/* Scroll-away decorative blobs: visible near page top/bottom only, not pinned to the viewport. */
body.privacy-page {
  position: relative;
}
.privacy-page .page-bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100%;
  min-height: 100%;
  height: auto !important;
  overflow: hidden;
  transform: none !important;
  contain: layout paint style;
}
.privacy-page .page-bg .blob {
  position: absolute !important;
  transform: none !important;
  will-change: auto !important;
}
.privacy-page .page-bg .blob.-a {
  top: -150px !important;
  right: -240px !important;
  bottom: auto !important;
}
.privacy-page .page-bg .blob.-b {
  top: 620px !important;
  left: -230px !important;
  bottom: auto !important;
}
.privacy-page .page-bg .blob.-c {
  top: auto !important;
  right: -190px !important;
  bottom: 120px !important;
}
@media (max-width: 920px), (prefers-reduced-motion: reduce) {
  .privacy-page .page-bg { position: absolute !important; }
  .privacy-page .page-bg .blob { position: absolute !important; }
}