body{margin:0}
.legal-page{background:#05051f;color:#fff;min-height:100vh}
.legal-shell{width:min(1460px,calc(100% - 48px));margin:auto}
.legal-hero{
  min-height:500px;
  position:relative;
  background:
    linear-gradient(rgba(5,5,29,.78),rgba(5,5,29,.92)),
    radial-gradient(circle at 74% 34%,rgba(0,143,254,.12),transparent 26%),
    radial-gradient(circle at 52% 13%,rgba(111,61,220,.10),transparent 25%),
    #070720;
  border-bottom:1px solid rgba(255,255,255,.04)
}
.legal-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(120deg,transparent 0 52%,rgba(0,143,254,.025) 52% 53%,transparent 53%),
    linear-gradient(rgba(77,89,146,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(77,89,146,.025) 1px,transparent 1px);
  background-size:auto,70px 70px,70px 70px
}
.legal-breadcrumbs{
  position:relative;z-index:2;padding-top:30px;display:flex;gap:10px;
  color:#9db0d0;font-size:13px
}
.legal-breadcrumbs a{color:#9db0d0;text-decoration:none}
.legal-breadcrumbs strong{color:#fff}
.legal-hero-copy{
  position:relative;z-index:2;max-width:940px;margin:0 auto;padding-top:70px;text-align:center
}
.legal-pill{
  display:inline-flex;padding:8px 14px;border-radius:999px;background:#0a315f;
  color:#15a8ff;font-size:11px;font-weight:900
}
.legal-hero h1{
  margin:25px 0 20px;font-size:clamp(54px,5vw,78px);line-height:1;
  letter-spacing:-2.8px
}
.legal-hero-copy>p{
  max-width:760px;margin:0 auto;color:#a7bad9;font-size:17px;line-height:1.65
}
.legal-updated{margin-top:58px;color:#9fb3d2;font-size:14px}
.legal-content{padding:78px 0 115px}
.legal-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:46px;align-items:start}
.legal-sidebar{position:sticky;top:24px;display:grid;gap:20px}
.legal-nav-card,.legal-contact-card,.legal-document{
  border:1px solid rgba(105,101,171,.25);border-radius:16px;background:#171631
}
.legal-nav-card{padding:24px}
.legal-nav-card h3{margin:0 0 18px;font-size:15px}
.legal-nav-card a{
  min-height:42px;padding:0 14px;display:flex;align-items:center;gap:10px;
  border-radius:9px;color:#f0f3fb;text-decoration:none;font-size:11px;font-weight:900;
  text-transform:uppercase;transition:.2s ease
}
.legal-nav-card a span{width:18px;text-align:center}
.legal-nav-card a+a{margin-top:6px}
.legal-nav-card a:hover,.legal-nav-card a.active{
  background:linear-gradient(135deg,#32bfff,#008ffe);color:#03111a
}
.legal-contact-card{
  padding:22px;border-color:rgba(0,157,255,.5);background:#093969
}
.legal-contact-card p{margin:0 0 8px;color:#b2c6e4;font-size:12px;line-height:1.55}
.legal-contact-card a{color:#3bc4ff;text-decoration:none;font-size:12px;font-weight:800}
.legal-document{padding:32px 38px}
.legal-intro{padding-bottom:26px}
.legal-intro p{margin:0}
.legal-document section{border-top:1px solid rgba(255,255,255,.08);padding-top:26px;margin-top:26px}
.legal-document h2{margin:0 0 14px;font-size:25px;letter-spacing:-.4px}
.legal-document p,.legal-document li{color:#e4e9f6;font-size:13px;line-height:1.75}
.legal-document p{margin:0 0 14px}
.legal-document ol,.legal-document ul{padding-left:24px;margin:10px 0 0}
.legal-document li+li{margin-top:8px}
.legal-document a{color:#2ab7ff}
@media(max-width:1000px){
  .legal-layout{grid-template-columns:1fr}
  .legal-sidebar{position:static}
}
@media(max-width:700px){
  .legal-shell{width:calc(100% - 28px)}
  .legal-document{padding:24px 20px}
  .legal-hero{min-height:460px}
  .legal-updated{margin-top:38px}
}