:root{--green:#4ade80}

.page-hero{background:linear-gradient(135deg,rgba(251,25,73,.14),rgba(108,43,217,.1));border-bottom:1px solid var(--border);padding:48px 32px 36px;text-align:center;position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:600px;height:350px;background:radial-gradient(ellipse,rgba(251,25,73,.14),transparent 70%);pointer-events:none}
.page-hero h1{font-size:clamp(28.8px,3.8vw,41.6px);font-weight:900;line-height:1.2;margin-bottom:10px;position:relative}
.page-hero .sub{color:var(--muted);max-width:620px;margin:0 auto 18px;line-height:1.7;font-size:14.4px;position:relative}
.legal-updated{display:inline-flex;align-items:center;gap:6px;font-size:12.16px;font-weight:600;color:var(--muted);background:var(--bg3);border:1px solid var(--border);padding:5px 14px;border-radius:20px;position:relative}

.legal-wrap{max-width:820px;margin:0 auto;padding:44px 32px 64px}

.legal-toc{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:20px 24px;margin-bottom:36px}
.legal-toc h4{font-size:12.16px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}
.legal-toc ol{margin:0;padding-left:20px;column-count:2;column-gap:24px}
.legal-toc li{font-size:13.6px;margin-bottom:6px;break-inside:avoid}
.legal-toc a{color:var(--text);font-weight:600}
.legal-toc a:hover{color:var(--purple2)}

.legal-section{margin-bottom:30px}
.legal-section h2{font-size:19.2px;font-weight:800;margin-bottom:12px;padding-top:6px;scroll-margin-top:90px}
.legal-section .text{color:var(--muted);font-size:14.08px;line-height:1.8;margin-bottom:14px}
.legal-section ul{padding-left:20px;margin-bottom:14px;display:flex;flex-direction:column;gap:8px}
.legal-section li{color:var(--muted);font-size:14.08px;line-height:1.7}
.legal-section a{color:var(--purple2)}
.legal-section a:hover{opacity:.8}
.legal-section strong{color:var(--text)}

@media(max-width:640px){
  .legal-toc ol{column-count:1}
}