body{
  margin:0;
  font-family:Inter,Arial,Helvetica,sans-serif;
  background:#aeb4bb;
  color:#171b20;
}
.legal{
  max-width:900px;
  margin:40px auto;
  padding:42px;
  background:#e3e6e9;
  border:1px solid rgba(255,255,255,.45);
  border-radius:22px;
  line-height:1.65;
  box-shadow:0 18px 50px rgba(16,22,28,.08);
}
.legal h1{
  font-size:42px;
  line-height:1.08;
  letter-spacing:-.035em;
  margin:26px 0 8px;
}
.legal h2{
  font-size:24px;
  line-height:1.2;
  margin:34px 0 12px;
}
.legal h3{
  font-size:18px;
  line-height:1.3;
  margin:20px 0 8px;
}
.legal p{margin:0 0 14px}
.legal ul{margin:10px 0 18px;padding-left:24px}
.legal li{margin:7px 0}
.legal a{color:#db4310;text-decoration:none}
.legal a:hover{text-decoration:underline}
.back{font-weight:800}
.meta{color:#5f6872;font-size:14px}
.purpose{
  padding:18px 20px;
  margin:14px 0;
  background:rgba(255,255,255,.32);
  border:1px solid rgba(23,27,32,.09);
  border-radius:14px;
}
@media(max-width:700px){
  .legal{
    margin:10px;
    padding:25px 22px;
    border-radius:18px;
  }
  .legal h1{font-size:34px}
  .legal h2{font-size:22px}
}