/* Privacy policy page in the same Odessa site design */
.privacy-page-main {
  min-height: 100vh;
  padding: 270px 24px 90px;
  background:
    linear-gradient(180deg, rgba(6, 29, 52, 0.76), rgba(4, 21, 38, 0.94)),
    url("odessa-opera-house.jpg") center top / cover fixed no-repeat;
}
.privacy-page-card {
  width: min(1100px, 100%);
  margin: 0 auto;
  padding: 64px;
  border-radius: 32px;
  border: 1px solid rgba(53, 211, 216, 0.42);
  background: linear-gradient(180deg, rgba(7, 34, 56, 0.94), rgba(6, 29, 52, 0.90));
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255,255,255,0.05);
  color: var(--odesa-foam, #eafaff);
  backdrop-filter: blur(10px);
}
.privacy-page-card h1 {
  margin: 0 0 30px;
  max-width: 950px;
  color: var(--odesa-sand, #f4c96a) !important;
  font-size: clamp(30px, 3.8vw, 56px);
  line-height: 1.08;
  letter-spacing: -2px;
}
.privacy-page-card h2 {
  margin: 38px 0 16px;
  color: var(--odesa-aqua, #35d3d8) !important;
  font-size: clamp(24px, 2.8vw, 34px);
  line-height: 1.15;
}
.privacy-page-card p,
.privacy-page-card li {
  color: rgba(234, 250, 255, 0.92) !important;
  font-size: 18px;
  line-height: 1.75;
  margin-bottom: 14px;
}
.privacy-page-card ul {
  margin: 10px 0 22px 24px;
  padding: 0;
}
.privacy-back-link {
  position: relative;
  z-index: 6;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 28px;
  padding: 12px 20px;
  border-radius: 999px;
  border: 1px solid rgba(53, 211, 216, 0.46);
  color: #061d34 !important;
  background: linear-gradient(135deg, var(--odesa-sand, #f4c96a), var(--odesa-aqua, #35d3d8)) !important;
  text-decoration: none !important;
  font-weight: 800;
}
.privacy-back-link:hover {
  color: #061d34 !important;
  transform: translateY(-1px);
}

.privacy-page-card > *:first-child {
  margin-top: 0 !important;
}
@media (max-width: 767px) {
  .privacy-page-main { padding: 185px 16px 56px; background-attachment: scroll; }
  .privacy-page-card { padding: 32px 22px; border-radius: 24px; }
  .privacy-page-card p, .privacy-page-card li { font-size: 16px; line-height: 1.65; }
}

/* Step 20: make the legal page back button clearly below the fixed header */
html body .privacy-page-main {
  padding-top: 410px !important;
}

html body .privacy-page-card {
  margin-top: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

html body .privacy-back-link {
  display: inline-flex !important;
  position: relative !important;
  z-index: 1000002 !important;
  pointer-events: auto !important;
  margin-top: 0 !important;
  margin-bottom: 34px !important;
}

@media (max-width: 959px) {
  html body .privacy-page-main {
    padding-top: 300px !important;
  }
}

@media (max-width: 767px) {
  html body .privacy-page-main {
    padding-top: 240px !important;
  }
}


/* Step 21 duplicate fallback: lower back button and smaller legal headings */
html body main#Content.privacy-page-main { padding-top: 300px !important; }
html body .privacy-page-card { padding-top: 72px !important; }
html body .privacy-back-link { margin-top: 35px !important; margin-bottom: 30px !important; z-index: 9999999 !important; pointer-events: auto !important; }
html body .privacy-page-card h1 { font-size: clamp(24px, 2.5vw, 40px) !important; line-height: 1.14 !important; letter-spacing: -1px !important; max-width: 850px !important; }
html body .privacy-page-card h2 { font-size: clamp(19px, 1.8vw, 27px) !important; line-height: 1.2 !important; }
@media (max-width: 959px) { html body main#Content.privacy-page-main { padding-top: 260px !important; } html body .privacy-back-link { margin-top: 35px !important; } }
@media (max-width: 767px) { html body main#Content.privacy-page-main { padding-top: 210px !important; } html body .privacy-page-card { padding-top: 36px !important; } html body .privacy-back-link { margin-top: 25px !important; } html body .privacy-page-card h1 { font-size: 26px !important; } }