:root{
  --bg:#06101d;
  --bg-2:#0a1626;
  --panel:rgba(11,25,42,.88);
  --text:#edf4fb;
  --muted:#94a7ba;
  --gold:#d6b36a;
  --line:rgba(255,255,255,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  background:
    radial-gradient(circle at 20% 0%,rgba(39,83,145,.18),transparent 35%),
    linear-gradient(180deg,#06101d 0%,#081321 45%,#050c15 100%);
  font-family:Inter,Arial,Helvetica,sans-serif;
}
.site-header{
  position:fixed;
  inset:0 0 auto 0;
  height:78px;
  z-index:20;
  display:flex;
  align-items:center;
  padding:0 26px;
  border-bottom:1px solid rgba(59,130,246,.7);
  background:rgba(4,13,24,.92);
  backdrop-filter:blur(12px);
}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  color:#fff;
  text-decoration:none;
}
.brand img{
  width:44px;
  height:44px;
  object-fit:contain;
}
.brand span{display:flex;flex-direction:column;line-height:1.05}
.brand strong{font-size:.95rem;letter-spacing:.08em}
.brand small{margin-top:4px;color:#8fa2b5;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.legal-page{min-height:100vh;padding:122px 24px 72px}
.legal-wrap{width:min(900px,100%);margin:0 auto}
.legal-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:28px;
  color:var(--muted);
  text-decoration:none;
  font-weight:700
}
.legal-back:hover{color:#fff}
.legal-kicker{
  margin:0 0 8px;
  color:var(--gold);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase
}
.legal-title{
  margin:0 0 14px;
  font-size:clamp(2.5rem,6vw,4.5rem);
  line-height:.95;
  letter-spacing:-.04em
}
.legal-lead{
  max-width:720px;
  margin:0 0 36px;
  color:var(--muted);
  line-height:1.75
}
.legal-card{
  margin:0 0 18px;
  padding:28px;
  border:1px solid var(--line);
  border-left:3px solid var(--gold);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(13,30,50,.88),rgba(7,18,31,.88));
  box-shadow:0 18px 55px rgba(0,0,0,.22)
}
.legal-card h2{margin:0 0 15px;font-size:1.12rem}
.legal-card p{margin:7px 0;color:#c6d2de;line-height:1.72}
.legal-placeholder{color:#fff;font-weight:800}
.legal-note{
  margin-top:30px;
  padding:22px 0 0;
  border-top:1px solid var(--line);
  color:#7f93a8;
  font-size:.88rem;
  line-height:1.65
}
.legal-footer{
  margin-top:40px;
  text-align:center;
  color:#667b90;
  font-size:.8rem
}
@media(max-width:600px){
  .site-header{height:70px;padding:0 16px}
  .brand img{width:38px;height:38px}
  .brand strong{font-size:.85rem}
  .brand small{font-size:.62rem}
  .legal-page{padding:104px 16px 48px}
  .legal-card{padding:22px}
}

.legal-muted{color:#8295a8!important;font-size:.9rem}
.legal-warning{
  margin-top:30px;
  padding:22px 24px;
  border:1px dashed rgba(214,179,106,.42);
  border-radius:14px;
  background:rgba(214,179,106,.06);
  color:#c7d2de;
  line-height:1.65;
}
.legal-warning strong{display:block;color:#e7c77e;margin-bottom:7px}
.legal-warning p{margin:0}