.terms-page {
  min-height: 100vh;
  padding: calc(var(--nav-height) + 70px) 20px 80px;
  background:
    radial-gradient(circle at 15% 10%, rgba(37, 99, 235, 0.22), transparent 32%),
    linear-gradient(145deg, #080d25, #111a3d);
  color: #e9eefc;
}

.terms-document {
  width: min(920px, 100%);
  margin: 0 auto;
  padding: clamp(28px, 5vw, 58px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  background: rgba(8, 14, 39, 0.84);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.terms-document h1 {
  margin: 0 0 10px;
  font-size: clamp(2rem, 5vw, 3.2rem);
  background: var(--primary-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.terms-updated {
  margin-bottom: 35px;
  color: rgba(255, 255, 255, 0.6);
}

.terms-document h2 {
  margin: 34px 0 12px;
  color: #fff;
  font-size: 1.35rem;
}

.terms-document p,
.terms-document li {
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.75;
}

.terms-document li + li {
  margin-top: 8px;
}

.terms-document a {
  color: #8ec5ff;
}

.terms-actions {
  margin-top: 42px;
}

.terms-back {
  display: inline-flex;
  padding: 13px 20px;
  border-radius: 9px;
  background: var(--primary-gradient);
  color: #fff !important;
  font-weight: 700;
  text-decoration: none;
}