.legal-page {
  min-height: 100vh;
  padding: 120px 6vw 90px;
  background:
    radial-gradient(circle at 82% 4%, rgba(76, 225, 219, .12), transparent 32%),
    #06171b;
}

.legal-nav { display: flex; align-items: center; justify-content: space-between; max-width: 1180px; margin: 0 auto 90px; }
.legal-back { color: #a8bbb8; font-size: 13px; border-bottom: 1px solid rgba(255,255,255,.22); }
.legal-wrap { max-width: 1180px; margin: auto; display: grid; grid-template-columns: 34% 66%; gap: 7%; }
.legal-title h1 { font: 500 clamp(50px, 7vw, 96px)/.95 Manrope; letter-spacing: -5px; margin: 0; }
.legal-title .updated { color: #718382; font-size: 12px; letter-spacing: 1px; margin-top: 28px; }
.legal-copy { max-width: 720px; }
.legal-copy section { padding: 0 0 34px; margin-bottom: 34px; border-bottom: 1px solid rgba(255,255,255,.13); }
.legal-copy h2 { font: 500 25px Manrope; margin: 0 0 12px; }
.legal-copy p, .legal-copy li { color: #a8bbb8; }
.legal-copy ul { padding-left: 20px; }
.legal-copy a { color: #c8ff2e; text-decoration: underline; text-underline-offset: 3px; }
.legal-note { border-left: 2px solid #c8ff2e; padding-left: 18px; }

.not-found { min-height: 100vh; display: grid; place-items: center; padding: 30px; background: radial-gradient(circle at 50% 42%, #0b444a, #06171b 58%); text-align: center; }
.not-found-card { max-width: 760px; }
.not-found-code { display: block; color: #c8ff2e; font: 600 13px Manrope; letter-spacing: 5px; margin-bottom: 28px; }
.not-found h1 { font: 500 clamp(58px, 10vw, 120px)/.9 Manrope; letter-spacing: -6px; margin: 0; }
.not-found p { color: #a8bbb8; max-width: 520px; margin: 28px auto 34px; }

@media (max-width: 850px) {
  .legal-page { padding: 35px 6vw 70px; }
  .legal-nav { margin-bottom: 70px; }
  .legal-wrap { grid-template-columns: 1fr; gap: 60px; }
  .legal-title h1 { letter-spacing: -3px; }
  .not-found h1 { letter-spacing: -3px; }
}