:root {
  --bg:#364e66; --bg2:#42607a;
  --blue:#3b82f6; --cyan:#22d3ee;
  --text:#f0f6ff; --muted:#7ea3c4; --border:rgba(59,130,246,0.18);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.7;}

.legal-nav{
  position:sticky;top:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 48px;
  background:rgba(54,78,102,0.92);backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);
}
.legal-nav .back{
  color:var(--muted);text-decoration:none;font-size:14px;
  display:flex;align-items:center;gap:6px;transition:color .2s;
}
.legal-nav .back:hover{color:var(--text);}
.legal-nav .brand{
  font-family:'Syne',sans-serif;font-size:18px;font-weight:800;
  color:var(--text);letter-spacing:-0.5px;
}
.legal-nav .brand .c{color:var(--cyan);}

.legal-wrap{
  max-width:780px;margin:0 auto;padding:60px 24px 80px;
}
.legal-tag{
  display:inline-block;font-size:11px;font-weight:700;
  letter-spacing:0.15em;text-transform:uppercase;
  color:var(--cyan);margin-bottom:14px;
}
.legal-h1{
  font-family:'Syne',sans-serif;font-size:clamp(26px,4vw,44px);
  font-weight:800;letter-spacing:-1px;line-height:1.1;
  margin-bottom:10px;
}
.legal-meta{
  font-size:13px;color:var(--muted);margin-bottom:32px;
  padding-bottom:20px;border-bottom:1px solid var(--border);
}
.legal-wrap h2{
  font-family:'Syne',sans-serif;font-size:20px;font-weight:700;
  margin:36px 0 12px;color:var(--text);
}
.legal-wrap h3{
  font-family:'Syne',sans-serif;font-size:16px;font-weight:700;
  margin:24px 0 8px;color:var(--muted);
}
.legal-wrap p{
  font-size:14px;color:var(--muted);line-height:1.75;margin-bottom:14px;
}
.legal-wrap ul{
  list-style:none;margin-bottom:18px;
  display:flex;flex-direction:column;gap:8px;
}
.legal-wrap ul li{
  font-size:14px;color:var(--muted);line-height:1.6;
  padding-left:18px;position:relative;
}
.legal-wrap ul li::before{
  content:'—';position:absolute;left:0;color:var(--blue);font-weight:700;
}
.legal-wrap a{color:var(--cyan);text-decoration:none;}
.legal-wrap a:hover{text-decoration:underline;}
.legal-wrap strong{color:var(--text);font-weight:600;}

.legal-callout{
  background:rgba(59,130,246,0.07);border:1px solid rgba(59,130,246,0.25);
  border-radius:12px;padding:16px 20px;margin-bottom:28px;
  font-size:14px;color:var(--muted);line-height:1.65;
}
.legal-foot{
  margin-top:60px;padding-top:20px;border-top:1px solid var(--border);
  font-size:13px;color:var(--muted);text-align:center;
}
@media(max-width:600px){
  .legal-nav{padding:12px 20px;}
  .legal-wrap{padding:40px 16px 60px;}
}