.legal-page-hero {
  background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
  padding: 56px var(--page-padding);
  position: relative;
  overflow: hidden;
}

.legal-page-hero::before {
  content: "";
  position: absolute;
  width: 300px;
  height: 200px;
  top: -40px;
  right: 10%;
  border-radius: 50%;
  background: rgba(244, 235, 217, 0.15);
  filter: blur(50px);
  animation: breathe 8s ease-in-out infinite;
}

.legal-page-hero h1 {
  max-width: 1200px;
  margin: 0 auto;
  font-size: 2rem;
  color: rgba(244, 235, 217, 0.98);
  position: relative;
  z-index: 1;
}

.legal-body {
  max-width: 800px;
}