.legal-body{height:auto;min-height:100%}
.legal-top{display:flex;align-items:center;justify-content:space-between;max-width:860px;margin:0 auto;padding:28px 24px 0}
.legal-top a.brand{text-decoration:none;color:inherit;display:flex;align-items:center;gap:12px}
.legal-nav{display:flex;gap:18px;font-size:13.5px}
.legal-nav a{color:var(--muted);text-decoration:none;font-weight:600}
.legal-nav a:hover,.legal-nav a.on{color:var(--gold2)}
.legal{max-width:860px;margin:28px auto 60px;padding:44px 48px;border-radius:var(--r2,18px);border:1px solid var(--line);background:linear-gradient(180deg,rgba(24,27,37,.92),rgba(16,18,25,.92));box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}
.legal h1{font-size:34px;letter-spacing:-.02em;margin:0 0 6px}
.legal .upd{color:var(--dim);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 26px}
.legal h2{font-size:18px;margin:34px 0 10px;color:var(--gold2)}
.legal p,.legal li{color:#c9cdd8;font-size:15px;line-height:1.75}
.legal ul{padding-left:20px}.legal li{margin:6px 0}.legal li::marker{color:var(--gold)}
.legal a{color:var(--gold2)}
.legal .box{border:1px solid rgba(255,196,0,.22);background:rgba(255,196,0,.06);border-radius:12px;padding:14px 18px;margin:18px 0}
.legal-foot{text-align:center;color:var(--dim);font-size:12px;letter-spacing:.2em;text-transform:uppercase;padding:0 0 40px}
@media(max-width:640px){.legal{padding:28px 22px;margin:18px 12px 40px}.legal h1{font-size:27px}}