.legal-page{
  min-height:100%;
  margin:0;
  color:#fff;
  background:
    radial-gradient(720px 420px at 78% 10%, rgba(255,105,148,.18), transparent 64%),
    radial-gradient(560px 320px at 12% 20%, rgba(141,73,255,.18), transparent 66%),
    linear-gradient(155deg,#020817 0%,#070823 48%,#130821 100%);
}

.legal-shell{
  width:min(980px, calc(100% - 40px));
  margin:0 auto;
  padding:32px 0 64px;
}

.legal-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:42px;
}

.legal-brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-weight:900;
}

.legal-card{
  padding:36px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045));
  box-shadow:0 28px 80px rgba(0,0,0,.26);
  backdrop-filter:blur(18px);
}

.legal-card h1{
  margin:0 0 12px;
  font-size:clamp(2.2rem, 5vw, 4rem);
  line-height:1;
}

.legal-card h2{
  margin:32px 0 10px;
  color:#ffb1e8;
  font-size:1.25rem;
}

.legal-card p,
.legal-card li{
  color:rgba(255,255,255,.78);
  line-height:1.7;
}

.legal-card a{
  color:#ffd0f3;
}

.legal-card ul{
  padding-left:22px;
}

.legal-note{
  margin-top:26px;
  padding:16px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
}

@media (max-width:720px){
  .legal-shell{width:min(100% - 28px, 520px);padding-top:20px}
  .legal-header{display:grid}
  .legal-card{padding:24px;border-radius:22px}
}