body {
  background-image: radial-gradient(circle at 0% 0%, rgba(242, 54, 168, 0.22), transparent 55%),
                    radial-gradient(circle at 100% 100%, rgba(91, 73, 255, 0.35), transparent 60%);
}
.hero--legal .hero__banner {
  background:
    linear-gradient(135deg, rgba(242, 54, 168, 0.4), rgba(91, 73, 255, 0.5)),
    radial-gradient(circle at 20% 0%, rgba(255, 116, 208, 0.3), transparent 55%),
    radial-gradient(circle at 80% 100%, rgba(155, 59, 255, 0.4), transparent 60%);
  opacity: 0.85;
}
.legal {
  max-width: 880px;
}
.legal__card + .legal__card {
  margin-top: 24px;
}
.legal__list {
  margin-top: 8px;
  margin-bottom: 16px;
  padding-left: 0;
}
.legal__list li {
  margin-bottom: 6px;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}
.legal__link {
  color: var(--color-primary-soft);
  text-decoration: underline;
  text-decoration-color: rgba(242, 54, 168, 0.6);
}
.legal__link:hover {
  color: #fff !important;
}
@media (max-width: 768px) {
  .legal__card + .legal__card {
    margin-top: 20px;
  }
}