.legal-page{--line:#35314a;--mut:#c6c0d3;--p:#c8b4ff;--g:#f6cd63;width:100%;max-width:none;color:var(--mut)}
.legal-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:clamp(26px,4vw,46px);overflow:hidden;border:1px solid #57477d;border-radius:24px 24px 0 0;background:radial-gradient(ellipse 60% 120% at 92% 40%,#8052ca66,transparent 70%),linear-gradient(120deg,#2b2048,#191726 72%)}
.legal-hero-copy{min-width:0;max-width:720px}
.legal-kicker{display:block;margin-bottom:10px;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--g)}
.legal-page h1{margin:0 0 12px;font-size:clamp(32px,4.4vw,52px);line-height:1.06;letter-spacing:-.035em;color:#fff}
.legal-lead{margin:0;font-size:17px;line-height:1.6;color:#dcd6e8}
.legal-meta{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 0;font-size:13px;color:#d3cce0}
.legal-meta span{padding:3px 10px;border:1px solid #ffffff24;border-radius:999px;background:#ffffff0a}
.legal-hero-icon{display:grid;flex:none;place-items:center;width:128px;height:128px;border:1px solid #7a68a8;border-radius:32px;background:linear-gradient(145deg,#ffffff1c,#ffffff05);color:var(--g);box-shadow:0 20px 50px #0007;rotate:4deg}
.legal-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 28px;overflow:hidden;border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;background:#171622}
.legal-tabs a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:54px;padding:8px 10px;color:#cfc9dc;font-size:14px;font-weight:600;text-align:center;text-decoration:none;border-bottom:2px solid transparent}
.legal-tabs a+a{border-left:1px solid var(--line)}
.legal-tabs a:hover{background:#ffffff08;color:#fff}
.legal-tabs a[aria-current=page]{background:#8b64d526;color:#fff;border-bottom-color:var(--g)}
.legal-tabs svg{flex:none}
.legal-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px;align-items:start}
.legal-side{position:sticky;top:88px;max-height:calc(100vh - 104px);overflow:auto}
.legal-toc summary{display:block;margin-bottom:10px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#a9a2bb;cursor:default;list-style:none}
.legal-toc summary::-webkit-details-marker{display:none}
.legal-toc ol{display:grid;gap:2px;margin:0;padding:0;list-style:none;border-left:1px solid var(--line)}
.legal-toc li{margin:0}
.legal-toc a{display:block;margin-left:-1px;padding:8px 12px;border-left:2px solid transparent;color:#bdb6cc;font-size:14px;line-height:1.35;text-decoration:none}
.legal-toc a:hover{color:#fff}
.legal-toc a.is-active{border-left-color:var(--g);color:#fff;font-weight:600}
.legal-body{display:grid;gap:12px;min-width:0}
.legal-section{padding:24px 26px;border:1px solid var(--line);border-radius:16px;background:#1a1927;scroll-margin-top:90px}
.legal-section:target{border-color:#8f7bc4}
.legal-section-head{display:flex;align-items:center;gap:13px;margin-bottom:12px}
.legal-icon{display:grid;flex:none;place-items:center;width:42px;height:42px;border-radius:12px;background:#8b64d52b;color:var(--p)}
.legal-page h2{margin:0;font-size:21px;line-height:1.25;letter-spacing:-.01em;color:#fff;scroll-margin-top:100px}
.legal-text{max-width:860px;padding-left:55px;font-size:16px;line-height:1.7}
.legal-text p{margin:0 0 12px;color:var(--mut)}
.legal-text>:last-child{margin-bottom:0}
.legal-text ul{margin:0 0 12px;padding-left:20px}
.legal-text li{margin:5px 0;color:var(--mut)}
.legal-text li::marker{color:var(--g)}
.legal-text a{color:var(--p);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-text a:hover{color:#fff}
.legal-help{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:8px;padding:24px 26px;border:1px solid #6e5a2e;border-radius:16px;background:linear-gradient(100deg,#34290f,#1d1a26 75%)}
.legal-help h2{margin-bottom:4px}
.legal-help p{margin:0;color:var(--mut);font-size:15px}
.legal-page .legal-help a{flex:none;padding:12px 18px;border-radius:10px;background:var(--g);color:#231a08!important;font-weight:700;font-size:14px;text-decoration:none}
.legal-page .legal-help a:hover{background:#ffdc85}
.legal-page a:focus-visible,.legal-toc summary:focus-visible{outline:2px solid var(--g);outline-offset:2px}
@media(max-width:1000px){
.legal-layout{grid-template-columns:minmax(0,1fr);gap:12px}
.legal-side{position:static;max-height:none;overflow:visible}
.legal-toc{border:1px solid var(--line);border-radius:14px;background:#1a1927}
.legal-toc summary{display:flex;align-items:center;justify-content:space-between;min-height:50px;margin:0;padding:0 16px;font-size:14px;letter-spacing:0;text-transform:none;color:#f1edf9;font-weight:600;cursor:pointer}
.legal-toc summary::after{content:"";width:8px;height:8px;margin-right:3px;border-right:2px solid #a9a2bb;border-bottom:2px solid #a9a2bb;rotate:45deg;transition:rotate .15s}
.legal-toc[open] summary::after{rotate:-135deg}
.legal-toc ol{margin:0 8px 8px;border-left:0}
.legal-toc a{min-height:44px;display:flex;align-items:center;margin:0;border-left:0;border-radius:8px;padding:6px 10px}
.legal-toc a.is-active{background:#8b64d526}
.legal-body{max-width:none}
}
@media(max-width:640px){
.legal-hero{padding:24px 18px;border-radius:18px 18px 0 0}
.legal-hero-icon{position:absolute;right:-16px;top:-14px;width:84px;height:84px;border-radius:22px;opacity:.5}
.legal-hero-icon svg{width:40px;height:40px}
.legal-kicker,.legal-hero-copy h1{position:relative}
.legal-page h1{font-size:clamp(28px,8.4vw,36px);padding-right:44px}
.legal-lead{font-size:16px}
.legal-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px;border-radius:0 0 14px 14px}
.legal-tabs a{justify-content:flex-start;gap:8px;min-height:50px;padding:8px 12px;font-size:13px;text-align:left}
.legal-tabs a+a{border-left:0}
.legal-tabs a:nth-child(even){border-left:1px solid var(--line)}
.legal-tabs a:nth-child(n+3){border-top:1px solid var(--line)}
.legal-section{padding:18px 16px;border-radius:14px}
.legal-section-head{gap:11px}
.legal-icon{width:38px;height:38px;border-radius:10px}
.legal-page h2{font-size:19px}
.legal-text{padding-left:0}
.legal-help{flex-direction:column;align-items:stretch;padding:20px 16px}
.legal-page .legal-help a{min-height:48px;display:flex;align-items:center;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.legal-toc summary::after{transition:none}}