
:root{
  --font-display:"Bebas Neue",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  --font-ui:"Sora",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  --font-serif:"Fraunces",Georgia,serif;
  --line:rgba(255,255,255,.14);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  min-height:100vh;
  font-family:var(--font-ui);
  color:#fff;
  background:
    radial-gradient(circle at top, rgba(255,214,102,.10), transparent 30%),
    linear-gradient(180deg,#0d1015 0%,#0b0d10 100%);
}
.legal-page{max-width:1040px;margin:0 auto;padding:28px 18px 44px}
.legal-top{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;
  margin-bottom:24px;
}
.legal-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff}
.legal-brand img{width:74px;height:74px;object-fit:contain}
.legal-brand__copy strong{display:block;font-family:var(--font-display);font-size:48px;line-height:.82;letter-spacing:.05em;text-transform:uppercase;color:#fff3d2}
.legal-brand__copy span{font-size:13px;opacity:.82}
.legal-actions{display:flex;gap:10px;flex-wrap:wrap}
.legal-pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:999px;text-decoration:none;color:#fff;background:rgba(255,255,255,.06);border:1px solid var(--line)}
.legal-hero{padding:26px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));box-shadow:0 22px 50px rgba(0,0,0,.24)}
.legal-kicker{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;opacity:.74;font-weight:700}
.legal-hero h1{margin:0 0 10px;font-size:clamp(44px,8vw,88px);line-height:.86;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase}
.legal-hero p{max-width:72ch;line-height:1.7;opacity:.92;margin:0}
.legal-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:18px}
.legal-card{padding:24px;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.05);box-shadow:0 16px 42px rgba(0,0,0,.18)}
.legal-card h2{margin:0 0 12px;font-size:28px;font-family:var(--font-serif)}
.legal-card h3{margin:18px 0 8px;font-size:18px}
.legal-card p,.legal-card li{line-height:1.75;opacity:.94}
.legal-card ul{margin:0;padding-left:18px}
.legal-meta{display:grid;gap:12px}
.legal-meta li{list-style:none;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.legal-meta strong{display:block;margin-bottom:4px}
.legal-footer{margin-top:18px;font-size:13px;opacity:.72}
@media (max-width:820px){.legal-grid{grid-template-columns:1fr}.legal-brand__copy strong{font-size:40px}}


.legal-pill--back{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22)}
