@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Crimson+Pro:ital,wght@0,400;0,600;1,400;1,600&family=Mulish:wght@300;400;500;600;700&display=swap");

html,
body {
  background: var(--black) !important;
}

.legal-hero-wrap {
  background: var(--black2);
  border-bottom: 1px solid var(--border);
  position: relative;
  overflow: hidden;
}
.legal-hero-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--neon), var(--gold), var(--neon));
  background-size: 200% 100%;
  animation: shimmer 3s linear infinite;
}
@keyframes shimmer {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 200% 0%;
  }
}
.legal-hero {
  max-width: 1440px;
  margin: 0 auto;
  padding: 56px 48px 48px;
}
.legal-eyebrow {
  font-family: "Bebas Neue", sans-serif;
  font-size: 12px;
  letter-spacing: 4px;
  color: var(--neon);
  margin-bottom: 12px;
}
.legal-title {
  font-family: "Bebas Neue", sans-serif;
  font-size: 52px;
  letter-spacing: 3px;
  color: var(--cream);
  margin-bottom: 10px;
}
.legal-sub {
  font-size: 15px;
  color: var(--muted);
  max-width: 600px;
}

.legal-content {
  max-width: 860px;
  margin: 0 auto;
  padding: 56px 48px 80px;
  color: var(--cream);
}
.legal-content h2 {
  font-family: "Bebas Neue", sans-serif;
  font-size: 22px;
  letter-spacing: 2px;
  color: var(--cream);
  margin: 40px 0 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(233, 30, 140, 0.15);
}
.legal-content h2:first-child {
  margin-top: 0;
}
.legal-content p {
  font-size: 15px;
  color: rgba(240, 236, 228, 0.75);
  line-height: 1.8;
  margin-bottom: 14px;
}
.legal-content strong {
  color: var(--cream);
}
.legal-content em {
  color: var(--muted2);
  font-size: 13px;
}
.legal-content a {
  color: var(--neon);
  text-decoration: underline;
}

.footer,
.footer .top-content,
.rg-boxes-section,
.copyright-section {
  background-color: #f5f5f5 !important;
}
.h-screen {
  min-height: 0 !important;
}

@media (max-width: 768px) {
  .legal-hero {
    padding: 36px 20px 32px;
  }
  .legal-content {
    padding: 32px 20px 60px;
  }
}