/* Shared styles for legal subpages — matches index.html */
:root{
  --g:#fbbf24;--gd:#92400e;--p:#310a63;
  --d:#020203;--d2:#07070b;--d3:#0c0c15;--d4:#101019;
  --w:#fff;--tr:all 0.42s cubic-bezier(0.16,1,0.3,1);--max:1400px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}
html{scroll-behavior:smooth}
body{background:var(--d);color:var(--w);font-family:'Plus Jakarta Sans',system-ui,sans-serif;overflow-x:hidden;line-height:1.7}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--d)}
::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--gd),var(--p));border-radius:10px}

.mesh{position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse 140% 70% at 50% -5%,#0e0620 0%,var(--d) 62%)}
.noise{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

.gl{background:rgba(255,255,255,.025);backdrop-filter:blur(22px) saturate(160%);border:1px solid rgba(255,255,255,.07)}
.lbl{font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--g)}
.div{width:3.5rem;height:3px;background:linear-gradient(90deg,var(--g),var(--gd));border-radius:10px;margin:.65rem 0 1.3rem}
.w{max-width:var(--max);margin:0 auto;padding:0 clamp(1rem,4vw,3rem)}

#nav{position:fixed;top:0;left:0;right:0;z-index:500;padding:1.2rem clamp(1rem,4vw,2rem)}
#nav.sc2{padding:.55rem clamp(1rem,4vw,2rem)}
.ni{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.4rem;border-radius:1.5rem;transition:background .4s}
.nl{display:flex;align-items:center;gap:.7rem}
.brand-logo-img{height:2.15rem;width:auto;display:block;border-radius:.4rem;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}
.nlt span:first-child{display:block;font-size:1.05rem;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1}
.nlt span:last-child{display:block;font-size:.52rem;font-weight:700;color:var(--g);letter-spacing:.4em;text-transform:uppercase}
.nls{display:flex;align-items:center;gap:1.4rem;list-style:none;flex-wrap:wrap;justify-content:flex-end}
.nls a{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#9ca3af;transition:color .25s}
.nls a:hover,.nls a.active{color:var(--g)}
.nc{font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:.55rem 1.2rem;border-radius:.7rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--w);transition:var(--tr)}
.nc:hover{background:var(--g);color:#000;border-color:var(--g)}
@media(max-width:800px){.nls{display:none}}

.legal-wrap{padding:8.5rem clamp(1rem,4vw,3rem) 4rem;max-width:820px;margin:0 auto}
.legal-wrap h1{font-size:clamp(1.8rem,4vw,3rem);font-weight:800;text-transform:uppercase;letter-spacing:0;line-height:1.2;margin-bottom:.75rem}
.legal-meta{font-size:.75rem;color:#6b7280;margin-bottom:2.5rem;line-height:1.6}
.legal-nav{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}
.legal-nav a{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:.45rem .9rem;border-radius:100px;border:1px solid rgba(255,255,255,.1);color:#9ca3af;transition:var(--tr)}
.legal-nav a:hover,.legal-nav a.active{border-color:rgba(251,191,36,.35);color:var(--g);background:rgba(251,191,36,.06)}

.legal-sec{margin-bottom:2.25rem;scroll-margin-top:6rem}
.legal-sec h2{font-size:1.05rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;line-height:1.35;margin-bottom:.85rem;color:var(--w);padding-bottom:.55rem;border-bottom:1px solid rgba(251,191,36,.2)}
.legal-sec h3{font-size:.88rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--g);margin:1.25rem 0 .55rem}
.legal-sec p,.legal-sec li{font-size:.9rem;color:#9ca3af;line-height:1.8}
.legal-sec ul,.legal-sec ol{margin:.6rem 0 1rem 1.25rem}
.legal-sec li{margin-bottom:.4rem}
.legal-sec a{color:var(--g);text-decoration:underline;text-underline-offset:3px}
.legal-sec strong{color:#e5e7eb;font-weight:700}
.legal-box{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.25rem 1.4rem;margin:1rem 0}
.legal-box.gold{background:rgba(251,191,36,.04);border-color:rgba(251,191,36,.18)}
.legal-box p{margin:0}
.legal-toc{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:1.25rem;padding:1.5rem 1.6rem;margin-bottom:2.5rem}
.legal-toc h2{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--g);margin-bottom:1rem;border:none;padding:0}
.legal-toc ol{margin:0;padding-left:1.2rem;columns:1}
@media(min-width:600px){.legal-toc ol{columns:2;column-gap:2rem}}
.legal-toc li{font-size:.82rem;margin-bottom:.45rem;break-inside:avoid}
.legal-toc a{color:#d1d5db;text-decoration:none}
.legal-toc a:hover{color:var(--g)}

.disclaimer{font-size:.78rem;color:#6b7280;line-height:1.7;padding:1.25rem;border-radius:1rem;border:1px dashed rgba(255,255,255,.12);margin:2rem 0}

footer{border-top:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.5);padding:2.5rem clamp(1rem,5vw,3rem);margin-top:3rem}
.ftbt{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.ftbt p{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:#374151}
.ftst{display:flex;gap:1.2rem;flex-wrap:wrap}
.ftst a{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#4b5563;transition:color .25s}
.ftst a:hover{color:var(--g)}

@media(max-width:600px){
  .legal-wrap{padding:7.5rem 1.15rem 3rem}
  .legal-sec p,.legal-sec li{font-size:.86rem}
}
