:root{ --font:'Dongle','Segoe UI',system-ui,sans-serif; --accent:#f59e0b; --bg:#0a0a0c; --card:rgba(10,12,20,.72); }
*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ min-height:100vh; font-family:var(--font); color:#e5e9f0; letter-spacing:.02em; line-height:1.5; padding:0 16px 60px; }

.legal-nav{ display:flex; align-items:center; justify-content:space-between; max-width:860px; margin:0 auto; padding:16px 4px 6px; }
.legal-nav .brand{ display:flex; align-items:center; gap:10px; text-decoration:none; color:#f8fafc; }
.legal-nav .brand img{ width:34px; height:34px; }
.legal-nav .brand span{ font-size:1.95rem; letter-spacing:.05em; }
.legal-nav .brand em{ color:var(--accent); font-style:normal; }
.legal-nav .home{ display:inline-flex; align-items:center; gap:7px; padding:8px 16px; border-radius:10px; background:var(--accent); color:#0a0a0c; font-weight:700; font-size:1.35rem; text-transform:uppercase; letter-spacing:.05em; text-decoration:none; transition:.16s; }
.legal-nav .home:hover{ filter:brightness(1.1); transform:translateY(-1px); }
.legal-nav .home i{ font-size:.85em; }

.legal-wrap{ max-width:860px; margin:10px auto 0; background:var(--card); border:1px solid rgba(245,158,11,.18); border-radius:16px; padding:34px clamp(20px,5vw,48px); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:0 20px 60px rgba(0,0,0,.5); }
.legal-wrap h1{ font-size:3rem; font-weight:400; letter-spacing:.05em; color:#f8fafc; line-height:1; }
.legal-wrap h1 i{ color:var(--accent); font-size:.66em; margin-right:10px; }
.legal-wrap .updated{ color:#7c8698; font-size:1.25rem; margin:8px 0 2px; letter-spacing:.04em; }
.legal-wrap .intro{ color:#aeb6c4; font-size:1.45rem; margin:12px 0 22px; }
.legal-wrap h2{ font-size:1.9rem; font-weight:700; color:var(--accent); letter-spacing:.04em; margin:28px 0 8px; text-transform:uppercase; }
.legal-wrap p, .legal-wrap li{ font-size:1.42rem; color:#d7dce5; }
.legal-wrap p{ margin:7px 0; }
.legal-wrap ul{ margin:6px 0 8px; padding-left:24px; }
.legal-wrap li{ margin:5px 0; }
.legal-wrap strong{ color:#f8fafc; }
.legal-wrap a{ color:var(--accent); text-decoration:none; font-weight:700; }
.legal-wrap a:hover{ text-decoration:underline; }
.legal-wrap .box{ background:rgba(245,158,11,.08); border:1px solid rgba(245,158,11,.28); border-radius:11px; padding:13px 17px; margin:16px 0; }
.legal-wrap .box.warn{ background:rgba(239,68,68,.09); border-color:rgba(239,68,68,.4); }
.legal-wrap .disc{ display:inline-flex; align-items:center; gap:9px; margin-top:8px; padding:11px 22px; border-radius:11px; background:#5865F2; color:#fff; font-weight:700; font-size:1.4rem; letter-spacing:.04em; text-decoration:none; transition:.16s; }
.legal-wrap .disc:hover{ filter:brightness(1.08); transform:translateY(-1px); text-decoration:none; }

.legal-foot{ max-width:860px; margin:26px auto 0; text-align:center; color:#64748b; font-size:1.3rem; letter-spacing:.03em; }
.legal-foot a{ color:#94a3b8; text-decoration:none; margin:0 6px; font-weight:700; }
.legal-foot a:hover{ color:var(--accent); }
.legal-foot .cr{ display:block; margin-top:9px; color:#4b5563; }

@media (max-width:520px){ .legal-wrap h1{ font-size:2.5rem; } .legal-nav .brand span{ font-size:1.6rem; } .legal-wrap p, .legal-wrap li{ font-size:1.5rem; } }