:root{
  color-scheme: dark;
  --txt: rgba(236,242,255,.96);
  --mut: rgba(198,214,255,.76);
  --bd: rgba(255,255,255,.12);
  --bg: #050611;
}
*{ box-sizing:border-box; }
html,body{ height:100%; }
body.legal{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  background: var(--bg);
  color: var(--txt);
}
.legalTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(10,14,30,.35);
  backdrop-filter: blur(12px);
}
.brand{
  display:flex; gap:10px; align-items:center;
  text-decoration:none; color: var(--txt);
  font-weight: 950; letter-spacing:.16em;
}
.brand .dot{
  width:10px; height:10px; border-radius:999px;
  background: linear-gradient(90deg, rgba(90,220,255,1), rgba(255,72,214,1));
  box-shadow: 0 0 18px rgba(90,220,255,.25);
}
.back{
  color: var(--mut);
  text-decoration:none;
  border-bottom: 1px solid rgba(255,255,255,.14);
}
.back:hover{ color: var(--txt); border-bottom-color: rgba(90,220,255,.28); }
.wrap{ max-width: 920px; margin: 0 auto; padding: 18px; }
.card{
  border: 1px solid var(--bd);
  border-radius: 22px;
  background: rgba(10,14,30,.35);
  backdrop-filter: blur(12px);
  padding: 18px 18px;
  box-shadow: 0 40px 160px rgba(0,0,0,.55);
}
h1{ margin: 6px 0 6px; letter-spacing:-.02em; }
.meta{ color: var(--mut); margin: 0 0 16px; }
h2{ margin: 18px 0 8px; }
p,li{ color: var(--mut); line-height: 1.8; font-weight: 650; }
a{ color: rgba(236,242,255,.95); }
.foot{ margin-top: 18px; color: rgba(198,214,255,.62); font-weight: 800; }