:root{--bg:#06101f;--panel:#0a1d34;--line:#1a4066;--text:#eaf6ff;--muted:#8ca9bd;--cyan:#1de3f6;--red:#ec4058}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:var(--cyan);text-decoration:none}
.legalTop{position:sticky;top:0;z-index:20;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:rgba(5,20,39,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.legalBrand{font-size:21px;font-weight:950;color:#fff}.legalBrand b{color:var(--cyan)}.legalTop nav{display:flex;gap:8px;flex-wrap:wrap}.legalTop nav a{padding:8px 10px;border-radius:9px;color:#b8d2e3}.legalTop nav a:hover{background:#0d2a48;color:#fff}
.legalWrap{width:min(1040px,calc(100% - 28px));margin:28px auto 60px}.legalHero{padding:28px;border-radius:20px;background:linear-gradient(135deg,#092342,#0c3155);border:1px solid #285276}.legalHero small{font-size:10px;font-weight:950;letter-spacing:1.8px;color:#67dff0}.legalHero h1{font-size:42px;margin:8px 0}.legalHero p{color:#a7c0d1;line-height:1.65;margin:0;max-width:800px}
.legalBox{margin-top:14px;padding:22px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.legalBox h2{font-size:20px;margin:0 0 10px}.legalBox h3{font-size:15px;margin:20px 0 8px;color:#d8effd}.legalBox p,.legalBox li{color:#a9c0cf;line-height:1.7;font-size:14px}.legalBox ul{padding-left:21px}.legalNote{padding:12px 14px;border-left:3px solid var(--cyan);background:#092742;border-radius:8px;color:#c6e4f3}
.legalDanger{border-left-color:var(--red);background:#32141e}.legalFooter{padding:24px;text-align:center;border-top:1px solid var(--line);color:#7897aa;font-size:12px}.legalFooter a{margin:0 7px}
@media(max-width:720px){.legalTop{height:auto;min-height:64px;padding:11px 13px;gap:10px}.legalTop nav{display:none}.legalHero{padding:20px}.legalHero h1{font-size:32px}.legalBox{padding:17px}.legalWrap{margin-top:14px}}