.legal-shell{ min-height:100vh; padding:40px 24px 80px; }
.legal-wrap{ max-width:820px; margin:auto; }
.legal-brand{ display:inline-flex; align-items:center; gap:10px; margin-bottom:48px; color:#fff; font:700 1.1rem 'Sora',sans-serif; }
.legal-brand img{ height:30px; }
.legal-content{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:42px; }
.legal-content h1{ font-size:2rem; margin-bottom:8px; }
.legal-content h2{ font-size:1.15rem; margin:30px 0 10px; }
.legal-content p,.legal-content li{ color:var(--text-dim); font-size:.92rem; line-height:1.7; }
.legal-content ul{ padding-left:22px; list-style:disc; }
.legal-content a{ color:var(--brand-cyan); }
.legal-date{ color:var(--text-faint); font-size:.8rem; margin-bottom:30px; }
.legal-back{ display:inline-block; margin-top:24px; color:var(--text-dim); font-size:.88rem; }
.legal-wrap > .legal-brand,.legal-wrap > .legal-back{ display:none; }
@media (max-width:600px){ .legal-shell{ padding:24px 16px 56px; } .legal-content{ padding:26px 22px; } .legal-content h1{ font-size:1.6rem; } }
.legal-site-header{ position:sticky; top:0; z-index:50; background:rgba(10,10,18,.9); border-bottom:1px solid var(--border); backdrop-filter:blur(14px); }
.legal-site-header .container{ display:flex; align-items:center; justify-content:space-between; min-height:72px; }
.legal-site-header .nav-brand{ display:flex; align-items:center; gap:10px; font-family:'Sora',sans-serif; font-weight:700; }
.legal-site-header .nav-brand img{ height:28px; }
.legal-site-header .nav-links,.legal-site-header .nav-actions{ display:flex; align-items:center; gap:20px; }
.legal-site-header .nav-links a{ color:var(--text-dim); font-size:.9rem; }
.legal-site-header .nav-links a:hover{ color:var(--text); }
.legal-mobile-toggle{ display:none; }
.legal-site-footer{ padding:40px 24px 24px; border-top:1px solid var(--border); }
.legal-site-footer .container{ display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; color:var(--text-faint); font-size:.8rem; }
.legal-site-footer a{ color:var(--text-dim); margin-left:16px; }
.back-top{ position:fixed; right:24px; bottom:24px; z-index:60; display:flex; align-items:center; justify-content:center; width:46px; height:46px; border:1px solid transparent; border-radius:50%; background:var(--grad-cta); color:#fff; font-size:1.25rem; box-shadow:0 8px 24px -10px rgba(236,72,153,.8); opacity:0; pointer-events:none; transform:translateY(12px); transition:opacity .2s ease,transform .2s ease,color .2s ease,border-color .2s ease,filter .2s ease; }
.back-top.is-visible{ opacity:1; pointer-events:auto; transform:translateY(0); animation:backTopFloat 2.8s ease-in-out infinite; }
.back-top:hover{ color:#fff; border-color:transparent; filter:brightness(1.12); }
@keyframes backTopFloat{ 0%,100%{ margin-bottom:0; } 50%{ margin-bottom:5px; } }