.legal-page{
  background:#09090c;
  color:#f5f7fb;
  min-height:100vh;
  padding:120px 24px 80px;
}

.legal-container{
  max-width:900px;
  margin:0 auto;
  padding:42px;
  border-radius:24px;
  background:rgba(17,17,24,.82);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 30px 80px rgba(0,0,0,.35);
}

.legal-container h1{
  font-family:'Playfair Display',serif;
  font-size:clamp(2rem,4vw,3.4rem);
  margin:0 0 26px;
  color:#fff;
}

.legal-container h2{
  margin-top:34px;
  color:#d8c0ff;
  font-size:1.25rem;
}

.legal-container p,
.legal-container li{
  color:#b9bfd0;
  line-height:1.8;
}

.legal-container a{
  color:#cfb3ff;
  text-decoration:underline;
}

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

.legal-date{
  margin-top:40px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.12);
  color:#808595;
  font-size:.9rem;
}

.legal-back{
  display:inline-flex;
  margin-bottom:22px;
  color:#cfb3ff;
  font-weight:700;
}

@media(max-width:780px){
  .legal-page{
    padding:96px 16px 56px;
  }

  .legal-container{
    padding:28px 20px;
    border-radius:20px;
  }
}