body {
  background:
    radial-gradient(circle at 10% 5%, rgba(16, 80, 144, .32), transparent 32rem),
    radial-gradient(circle at 90% 40%, rgba(107, 26, 105, .28), transparent 36rem),
    var(--night);
}
.legal-nav {
  min-height: 74px;
  padding: .8rem 0;
  border-bottom: 1px solid var(--line);
  background: rgba(7, 9, 26, .86);
  backdrop-filter: blur(16px);
}
.legal-main { min-height: calc(100vh - 150px); padding: 7rem 0; }
.legal-wrap { max-width: 920px; }
.legal-main h1 { max-width: 780px; margin: 0; font-size: clamp(2.8rem, 7vw, 5.5rem); line-height: .94; letter-spacing: -.055em; }
.legal-intro { max-width: 650px; margin: 1.4rem 0 0; color: var(--muted); font-size: 1.05rem; line-height: 1.7; }
.legal-card { padding: clamp(1.4rem, 4vw, 2.6rem); border: 1px solid var(--line); border-radius: 26px; background: rgba(24, 17, 43, .82); box-shadow: 0 24px 65px rgba(0,0,0,.28); }
.legal-card h2 { margin: 2.25rem 0 .75rem; color: var(--cyan); font-size: 1.2rem; letter-spacing: -.01em; }
.legal-card h2:first-child { margin-top: 0; }
.legal-card h3 { margin-top: 1.5rem; font-size: 1rem; }
.legal-card p,
.legal-card li { color: #b9b2c5; font-size: .9rem; line-height: 1.75; }
.legal-card a { color: var(--cyan); }
.legal-card code { color: #ffe49b; }
@media (max-width: 575.98px) { .legal-main { padding: 5rem 0; } }