:root{--bg:#080c10;--panel:#0e141a;--line:#27313a;--text:#f3f5f7;--muted:#9aa4ad;--gold:#d7b36b}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#080c10;color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.75}
a{color:inherit}
.legal-wrap{width:min(900px,calc(100% - 32px));margin:0 auto}
.legal-top{padding:22px 0;border-bottom:1px solid #1c252d}
.legal-top a{text-decoration:none;color:#d9dee2;font-size:.82rem}
.legal-hero{padding:54px 0 28px}
.legal-kicker{color:var(--gold);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
h1{margin:8px 0 10px;font-size:clamp(2rem,7vw,3.6rem);line-height:1.05;letter-spacing:-.04em}
.legal-lead{max-width:720px;color:var(--muted);font-size:.95rem}
.legal-card{margin:18px 0 48px;padding:28px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#10171d,#0c1217)}
h2{margin:30px 0 8px;font-size:1.08rem}
h2:first-child{margin-top:0}
p,li{color:#a7b0b8;font-size:.88rem}
ul{padding-left:20px}
.notice{padding:14px 16px;border-left:3px solid var(--gold);background:rgba(215,179,107,.06);border-radius:8px;color:#b9c1c8;font-size:.82rem}
.legal-footer{padding:0 0 34px;color:#68727b;font-size:.72rem;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.legal-footer nav{display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:560px){.legal-wrap{width:calc(100% - 20px)}.legal-hero{padding-top:36px}.legal-card{padding:20px;border-radius:14px}}