:root{
  color-scheme:dark;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:#06080d;
  color:#f2f5f9;
}

*{box-sizing:border-box}

body{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at 20% 0%,rgba(44,104,202,.14),transparent 34rem),
    #06080d;
  color:#f2f5f9;
}

a{color:inherit}

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

.legal-header{
  padding:20px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}

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

.legal-logo{
  width:170px;
  height:auto;
  display:block;
}

.legal-back{
  color:#9ebce9;
  text-decoration:none;
  font-size:13px;
}

.legal-main{
  padding:68px 0 84px;
}

.legal-eyebrow{
  display:block;
  margin-bottom:12px;
  color:#6ea7ff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.13em;
}

h1{
  max-width:760px;
  margin:0 0 18px;
  font-size:clamp(34px,6vw,60px);
  line-height:1.02;
  letter-spacing:-.045em;
}

.legal-intro{
  max-width:720px;
  margin:0 0 42px;
  color:rgba(255,255,255,.65);
  font-size:16px;
  line-height:1.75;
}

.legal-card{
  margin:0 0 18px;
  padding:24px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(255,255,255,.025);
}

.legal-card h2{
  margin:0 0 12px;
  font-size:20px;
}

.legal-card p,
.legal-card li{
  color:rgba(255,255,255,.68);
  font-size:14px;
  line-height:1.75;
}

.legal-card p:last-child{
  margin-bottom:0;
}

.legal-card ul{
  margin:10px 0 0;
  padding-left:21px;
}

.legal-note{
  border-color:rgba(85,145,239,.22);
  background:rgba(57,112,205,.07);
}

.legal-footer{
  padding:25px 0 40px;
  border-top:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.48);
  font-size:12px;
}

.legal-footer a{
  color:#9ebce9;
  text-decoration:none;
}

.legal-footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  margin-top:8px;
}

@media(max-width:640px){
  .legal-shell{
    width:min(100% - 28px,920px);
  }

  .legal-header-inner{
    align-items:flex-start;
    flex-direction:column;
  }

  .legal-main{
    padding-top:48px;
  }

  .legal-card{
    padding:19px;
  }
}