.legal-page-main {
  width: min(100%, 980px);
  margin: 0 auto;
  padding: clamp(96px, 14vh, 140px) clamp(18px, 4vw, 40px) clamp(48px, 9vh, 80px);
}

.legal-page-hero {
  background: linear-gradient(160deg, rgba(10, 24, 46, 0.88), rgba(8, 14, 28, 0.88));
  border: 1px solid rgba(78, 205, 196, 0.24);
  border-radius: 18px;
  padding: clamp(22px, 4vw, 34px);
  box-shadow: 0 14px 48px rgba(0, 0, 0, 0.35);
  margin-bottom: clamp(18px, 3vw, 26px);
}

.legal-page-eyebrow {
  color: rgba(78, 205, 196, 0.9);
  font-size: 0.83rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.legal-page-title {
  font-size: clamp(1.7rem, 4.1vw, 2.8rem);
  line-height: 1.15;
  margin-bottom: 10px;
}

.legal-page-subtitle,
.legal-page-meta {
  color: rgba(230, 238, 250, 0.85);
}

.legal-page-meta {
  margin-top: 10px;
  font-size: 0.95rem;
}

.legal-page-section {
  background: rgba(12, 20, 38, 0.9);
  border: 1px solid rgba(78, 205, 196, 0.17);
  border-radius: 14px;
  padding: clamp(16px, 3vw, 24px);
  margin-bottom: 14px;
}

.legal-page-section h2 {
  font-size: clamp(1.1rem, 2.1vw, 1.4rem);
  margin-bottom: 8px;
}

.legal-page-section p,
.legal-page-section li {
  color: rgba(225, 233, 246, 0.9);
  line-height: 1.65;
}

.legal-page-section ul {
  padding-left: 20px;
  margin-top: 8px;
}

.legal-page-link-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 8px;
}

@media (max-width: 640px) {
  .legal-page-main {
    padding-top: 90px;
  }
}