body.legal-page {
  background: radial-gradient(circle at 50% -10%, rgba(115, 72, 196, .2), transparent 38rem), #070914;
}

.legal-main {
  width: min(780px, calc(100% - 40px));
  margin: 0 auto;
  padding: 75px 0 110px;
}

.legal-main .section-kicker {
  color: var(--violet-bright);
}

.legal-main h1 {
  margin: 10px 0 13px;
  font-size: clamp(2.5rem, 8vw, 4.8rem);
}

.legal-meta {
  margin-bottom: 50px;
  color: #737a96;
  font-size: .76rem;
}

.legal-content {
  padding: clamp(23px, 6vw, 48px);
  border: 1px solid var(--line);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(19, 23, 43, .94), rgba(11, 14, 28, .95));
  box-shadow: var(--shadow);
}

.legal-content section + section {
  margin-top: 37px;
  padding-top: 34px;
  border-top: 1px solid rgba(255, 255, 255, .06);
}

.legal-content h2 {
  margin-bottom: 11px;
  font-size: 1.05rem;
  letter-spacing: -.015em;
}

.legal-content p,
.legal-content li {
  color: #a0a6bc;
  font-size: .86rem;
  line-height: 1.78;
}

.legal-content p:last-child { margin-bottom: 0; }
.legal-content ul { padding-left: 20px; }
.legal-content a { color: var(--cyan); }

.legal-back {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 25px;
  color: #969db6;
  font-size: .78rem;
  font-weight: 650;
  text-decoration: none;
}

.legal-back:hover { color: white; }