/* privacy-policy.css — Remove extra scrollbar from privacy-bg for good and update bottom navigation buttons to match terms style */

/* Prevent .privacy-bg from scrolling */
.privacy-bg {
  min-height: 100vh;
  padding-top: 90px;
  position: relative;
  background: linear-gradient(135deg, #191b1f 80%, #23243c 100%) fixed;
  color: #e5e7eb;
  font-family: 'Inter', Arial, sans-serif;
  overflow: hidden !important; /* prevent any scrollbars on this element */
  z-index: 1;
}

/* All child/page content should NOT specify overflow-y: auto or scroll on any major layout element */

/* Ensure all floating shapes and layout sections do NOT scroll independently */
.privacy-floating-shapes,
.privacy-content-section,
.privacy-toc-section,
.privacy-content-container,
.privacy-section-card {
  overflow: visible !important;
}

/* --- rest of your styling unchanged --- */
/* Floating shapes like terms page */
.privacy-floating-shapes { position: fixed; inset: 0; pointer-events: none; z-index: 0; }
.privacy-shape { position: absolute; border-radius: 50%; background: radial-gradient(circle, #60a5fa22 0%, #a855f722 100%); opacity: 0.16; filter: blur(3px); animation: float-privacy-term-shape 18s infinite linear; }
.privacy-shape-1 { width: 180px; height: 180px; top: 10%; left: 7%; animation-delay: 0s; }
.privacy-shape-2 { width: 120px; height: 120px; top: 50%; left: 80%; animation-delay: 2s; }
.privacy-shape-3 { width: 80px; height: 80px; top: 65%; left: 40%; animation-delay: 4s; }
.privacy-shape-4 { width: 90px; height: 90px; top: 80%; left: 75%; animation-delay: 6s; }
.privacy-shape-5 { width: 130px; height: 130px; top: 40px; left: 55%; animation-delay: 8s; }
@keyframes float-privacy-term-shape { 0%,100% { transform: translateY(0) scale(1) rotate(0deg);} 25% { transform: translateY(-25px) scale(1.08) rotate(60deg);} 50% { transform: translateY(-40px) scale(1.2) rotate(120deg);} 75% { transform: translateY(-20px) scale(0.95) rotate(180deg);} }

/* Hero Section */
.privacy-hero-section { text-align: center; padding: 52px 20px 36px 20px; border-radius: 30px; background: linear-gradient(90deg, #181823 80%, #26235c 100%); box-shadow: 0 8px 32px rgba(60, 165, 247, 0.07); border: 1px solid rgba(96,165,250,0.13); margin-bottom: 30px; margin-left: auto; margin-right: auto; max-width: 1350px; }
.privacy-hero-badge { display: inline-block; padding: 0.5em 1.3em; border-radius: 20px; font-size: 1em; font-weight: 700; background: linear-gradient(90deg, #60a5fa 40%, #a855f7 100%); color: #fff; margin-bottom: 1.3rem; letter-spacing: 0.07em; box-shadow: 0 2px 12px rgba(59,130,246,0.09); text-transform: uppercase; }
.privacy-hero-title { font-size: 3rem; font-weight: 800; margin-bottom: 0.7rem; background: linear-gradient(135deg,#60a5fa,#a855f7 90%); background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent; letter-spacing: 0.01em; }
.privacy-hero-subtitle { font-size: 1.3rem; color: #a855f7; font-weight: 600; margin-bottom: 1.2rem; }
.privacy-hero-description { font-size: 1.18rem; color: #e0e7ef; margin-top: 0.8em; margin-bottom: 0.4em; }

/* Content layout */
.privacy-content-section { max-width: 1350px; margin: 0 auto; padding: 0 36px 36px 36px; position: relative; z-index: 2; background: none; }
.privacy-content-container { display: grid; grid-template-columns: 1fr; gap: 30px; }

/* Table of Contents */
.privacy-toc-section { max-width: 1350px; margin: 0 auto; background: none; z-index: 2; }
.privacy-toc-container { background: linear-gradient(90deg, #181823 80%, #23243c 100%); border-radius: 20px; box-shadow: 0 2px 12px rgba(60,165,247,0.09); border: 1px solid rgba(96,165,250,0.09); padding: 30px 32px; margin-bottom: 18px; font-size: 1.05em; }
.privacy-toc-title { font-size: 1.18em; color: #60a5fa; font-weight: 700; margin-bottom: 1.1em; letter-spacing: 1.2px; }
.privacy-toc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 12px; }
.privacy-toc-item { display: flex; align-items: center; gap: 1em; background: rgba(96,165,250,0.09); padding: 0.8em 1.1em; border-radius: 12px; color: #e5e7eb; font-size: 1.05em; font-weight: 500; transition: background 0.17s, color 0.17s; text-decoration: none; outline: none; letter-spacing: 0.01em; }
.privacy-toc-item:hover, .privacy-toc-item:focus { background: linear-gradient(90deg, #60a5fa 45%, #a855f7 100%); color: #fff; font-weight: 700; box-shadow: 0 2px 11px #60a5fa11; }
.privacy-toc-number { color: #a855f7; font-weight: 700; font-size: 1.12em; min-width: 2em; }
.privacy-toc-text { flex: 1; }

/* Section Cards */
.privacy-section-card { padding: 2.2rem 2.5rem; border-radius: 22px; background: linear-gradient(135deg,rgba(96,165,250,0.08) 0%,rgba(168,85,247,0.09) 100%); border: 1px solid rgba(96,165,250,0.09); box-shadow: 0 2px 22px rgba(52, 124, 204, 0.07); position: relative; z-index: 2; }
.privacy-section-title { font-size: 2.2em; font-weight: 700; margin-bottom: 1.1em; background: linear-gradient(135deg,#60a5fa,#a855f7 90%); background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent; letter-spacing: 0.01em; }
.privacy-section-content { color: #e5e7eb; font-size: 1.07em; line-height: 1.7; margin-bottom: 0.8em; }
.privacy-list { margin: 0.7em 0 0.7em 1.5em; padding: 0; color: #e5e7eb; font-size: 1.07em; line-height: 1.7; }
.privacy-list-item { margin-bottom: 0.6em; }
.privacy-definitions { display: flex; flex-wrap: wrap; gap: 1.5em; margin-bottom: 1.7em; }
.privacy-definition { background: rgba(60,165,247,0.10); padding: 0.7em 1.1em; border-radius: 14px; min-width: 220px; max-width: 350px; color: #e0e7eb; font-size: 1.04em; }
.privacy-definition-term { font-size: 1.01em; color: #a855f7; font-weight: 600; }
.privacy-definition-separator { margin: 0 0.3em; color: #60a5fa; }
.privacy-definition-text { color: #e0e7eb; }

.privacy-subcategories { margin: 1em 0; display: flex; flex-direction: column; gap: 1.2em; }
.privacy-subcategory-title { font-size: 1.09em; color: #a855f7; font-weight: 600; margin-bottom: 0.2em; }
.privacy-subcategory-content { color: #e0e7eb; font-size: 1.07em; margin-bottom: 0.1em; }

.privacy-contact-info { margin-top: 1.5em; margin-bottom: 1em; background: rgba(96,165,250,0.07); border-radius: 12px; padding: 1em 1.2em; }
.privacy-contact-officer p { margin-bottom: 0.5em; color: #e0e7eb; }
.privacy-contact-officer strong { color: #60a5fa; }
.privacy-contact-officer a { color: #37FF8B; text-decoration: underline; }
.privacy-contact-officer a:hover { color: #a855f7; }

.privacy-regulator-info { margin-top: 1.2em; color: #b3b7c3; font-size: 0.97em; }
.privacy-regulator-title { color: #a855f7; font-weight: 600; margin-bottom: 0.3em; }
.privacy-link { color: #37FF8B; text-decoration: underline; transition: color 0.2s; }
.privacy-link:hover { color: #60a5fa; }

.privacy-note { margin-top: 1em; background: rgba(168,85,247,0.09); border-radius: 12px; padding: 0.8em 1em; color: #e0e7eb; font-size: 0.98em; border-left: 4px solid #a855f7; }

/* Navigation Footer - Updated to match Terms page, green underline, no pill */
.privacy-nav-footer {
  margin-top: 48px;
  text-align: center;
  padding-top: 24px;
  border-top: 1.5px solid rgba(96,165,250,0.12);
  font-size: 1.05em;
  color: #e0e7eb;
  background: none;
}
.privacy-nav-container {
  display: flex;
  justify-content: center;
  gap: 2.4em;
  margin-bottom: 1em;
}
.privacy-nav-link {
  display: flex;
  align-items: center;
  gap: 0.5em;
  background: none;
  color: #37FF8B;
  font-weight: 700;
  text-decoration: underline;
  border-radius: 0;
  box-shadow: none;
  font-size: 1.15em;
  padding: 0;
  transition: color 0.18s;
}
.privacy-nav-link:hover {
  color: #60a5fa;
  text-decoration: underline;
  background: none;
}
.privacy-nav-arrow {
  font-size: 1.3em;
  font-weight: 700;
  color: #37FF8B;
  letter-spacing: 1px;
}
.privacy-nav-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25em;
}
.privacy-nav-label {
  display: none; /* Hide small label, only show the main text */
}
.privacy-nav-title {
  font-size: 1.02em;
  font-weight: 700;
  color: #37FF8B;
  text-decoration: underline;
}

@media (max-width: 600px) {
  .privacy-nav-container { flex-direction: column; gap: 1em; }
  .privacy-nav-link { justify-content: center; font-size: 1em; }
}

/* Responsive */
@media (max-width: 1200px) {
  .privacy-content-section { padding: 0 8px 36px 8px; }
  .privacy-toc-section { padding: 0 8px; }
  .privacy-hero-section { padding: 32px 8px 20px 8px; }
}
@media (max-width: 900px) {
  .privacy-hero-title { font-size: 1.6em; }
  .privacy-section-title { font-size: 1.3em; }
  .privacy-section-card { padding: 1.2rem 0.7rem; }
}
@media (max-width: 600px) {
  .privacy-hero-title { font-size: 1.15em; }
  .privacy-section-title { font-size: 1.02em; }
  .privacy-section-card { padding: 0.7rem 0.2rem; }
  .privacy-toc-grid { grid-template-columns: 1fr; }
}