.legal-body{min-height:100vh;background:radial-gradient(circle at 85% 12%,rgba(196,51,38,.14),transparent 30%),var(--bg)}
.legal-header{position:relative;z-index:2;width:min(calc(100% - 40px),var(--max));min-height:92px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.legal-header .footer-brand img,.legal-footer .footer-brand img{width:48px;height:48px;border-radius:13px}
.legal-home-link{display:flex;align-items:center;gap:10px;color:#aaa;font-size:.78rem;transition:color .2s}
.legal-home-link:hover{color:#fff}
.legal-page{position:relative;z-index:1;width:min(calc(100% - 40px),var(--max));margin:0 auto;padding-bottom:110px}
.legal-hero{padding:105px 0 90px;border-bottom:1px solid var(--line)}
.legal-hero h1{max-width:900px;font:500 clamp(3rem,7vw,6.9rem)/.95 "Manrope",sans-serif;letter-spacing:-.065em}
.legal-hero h1 em{font-style:normal;color:transparent;background:var(--grad);background-clip:text;-webkit-background-clip:text}
.legal-hero>p:last-of-type{max-width:680px;margin-top:30px;color:var(--muted);font-size:1rem;line-height:1.75}
.legal-hero>span{display:block;margin-top:28px;color:#666;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}
.legal-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:80px;padding-top:70px}
.legal-index{position:sticky;top:30px;align-self:start;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);overflow:hidden}
.legal-index>span{padding:18px 20px;color:#666;font-size:.65rem;text-transform:uppercase;letter-spacing:.14em}
.legal-index a{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:17px 20px;border-top:1px solid var(--line);color:#aaa;font:500 .78rem/1.45 "Manrope",sans-serif;transition:color .2s,background .2s}
.legal-index a:hover{color:#fff;background:rgba(255,255,255,.035)}
.legal-index b{color:var(--orange);font-size:.65rem}
.legal-content{min-width:0;display:grid;gap:26px}
.legal-card{scroll-margin-top:35px;padding:clamp(26px,4.5vw,58px);border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
.legal-card header{display:grid;grid-template-columns:46px 1fr;gap:18px;margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.legal-card header>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--grad);font:700 .68rem "Manrope",sans-serif}
.legal-card header p{margin-bottom:8px;color:#777;font-size:.65rem;text-transform:uppercase;letter-spacing:.14em}
.legal-card h2{font:600 clamp(1.55rem,3vw,2.45rem)/1.15 "Manrope",sans-serif;letter-spacing:-.045em}
.legal-card h3{margin:34px 0 10px;color:#eee;font:600 1rem/1.4 "Manrope",sans-serif;letter-spacing:-.02em}
.legal-card>p,.legal-card li{color:#a2a2aa;font-size:.9rem;line-height:1.8}
.legal-card ul{display:grid;gap:9px;margin:12px 0 0 19px}
.legal-card a{color:#f0b081;text-decoration:underline;text-decoration-color:rgba(255,138,52,.45);text-underline-offset:3px}
.legal-footer{width:min(calc(100% - 40px),var(--max));margin:0 auto;padding:40px 0 48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;border-top:1px solid var(--line);color:#666;font-size:.7rem}
.legal-footer>div{display:flex;gap:22px;color:#888}
.legal-footer>div a:hover{color:#fff}
.legal-footer>span{text-align:right}
@media(max-width:900px){.legal-layout{grid-template-columns:1fr;gap:32px}.legal-index{position:relative;top:auto}.legal-footer{grid-template-columns:1fr}.legal-footer>span{text-align:left}}
@media(max-width:600px){.legal-header,.legal-page,.legal-footer{width:calc(100% - 32px)}.legal-header{min-height:76px}.legal-header .footer-brand img{width:42px;height:42px}.legal-header .footer-brand span{font-size:1rem}.legal-home-link{font-size:0;gap:0}.legal-home-link span{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;font-size:1rem}.legal-hero{padding:75px 0 62px}.legal-hero h1{font-size:clamp(2.55rem,13vw,4rem);letter-spacing:-.055em}.legal-hero>p:last-of-type{font-size:.9rem}.legal-layout{padding-top:38px}.legal-card{padding:25px 19px;border-radius:15px}.legal-card header{grid-template-columns:38px 1fr;gap:12px;margin-bottom:30px;padding-bottom:24px}.legal-card header>span{width:36px;height:36px}.legal-card h2{font-size:1.45rem}.legal-card>p,.legal-card li{font-size:.84rem}.legal-footer>div{flex-wrap:wrap;gap:14px 20px}}