*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#0B0B14;color:#D0D0DD;line-height:1.8;overflow-x:hidden}

/* ── SCOPE ISOLATION ── */
.legal-page .legal-content section{background-color:transparent!important}

/* ── Legal Header (NEVER a <section>) ── */
.legal-header{background:linear-gradient(160deg,#0C0C1A 0%,#0E1028 60%,#0B0B14 100%);border-bottom:1px solid #1E1E32;padding:80px 24px 48px;text-align:center;position:relative;overflow:hidden}
.legal-header::before{content:'';position:absolute;top:-50%;left:-20%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(0,200,150,0.05) 0%,transparent 70%);pointer-events:none}
.legal-header .container{max-width:800px;margin:0 auto;position:relative;z-index:1}
.legal-header .legal-badge{display:inline-block;background:rgba(0,200,150,0.1);border:1px solid rgba(0,200,150,0.2);color:#00C896;padding:5px 16px;border-radius:50px;font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px}
.legal-header h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;color:#EBEBF5;letter-spacing:-.5px;margin-bottom:12px}
.legal-header .last-updated{color:#8888A0;font-size:.875rem}

/* ── Legal Content Container ── */
.legal-content{padding:48px 24px 0}
.legal-content .container{max-width:800px;margin:0 auto;padding:0 24px}

/* ── Table of Contents ── */
.legal-toc{background:#16162A;border:1px solid #252545;border-radius:12px;padding:28px 32px;margin-bottom:40px}
.legal-toc h2{font-size:1.15rem;font-weight:700;color:#EBEBF5;margin-bottom:16px}
.legal-toc ol{padding-left:0;list-style:none;counter-reset:toc-counter}
.legal-toc ol li{counter-increment:toc-counter;margin-bottom:8px}
.legal-toc ol li::before{content:counter(toc-counter) ". ";color:#00C896;font-weight:600;font-size:.85rem}
.legal-toc ol li a{color:#C0C0D0;text-decoration:none;font-size:.9rem;transition:color .2s}
.legal-toc ol li a:hover{color:#00C896}

/* ── Legal Sections ── */
.legal-content section{padding:40px 0;border-bottom:1px solid #1E1E32}
.legal-content section:last-of-type{border-bottom:none}
.legal-content section h2{font-size:1.5rem;font-weight:700;color:#EBEBF5;margin-bottom:16px;padding-top:20px}
.legal-content section h3{font-size:1.1rem;font-weight:600;color:#D0D0DD;margin:20px 0 10px}
.legal-content section p{color:#A0A0B8;font-size:.975rem;line-height:1.85;margin-bottom:14px}
.legal-content section ul,.legal-content section ol{margin:12px 0 18px;padding-left:24px}
.legal-content section ul li,.legal-content section ol li{color:#A0A0B8;font-size:.95rem;line-height:1.8;margin-bottom:6px}
.legal-content section strong{color:#EBEBF5;font-weight:600}

/* ── Back to top link ── */
.back-home{text-align:center;padding:32px 0 0}
.back-home a{display:inline-block;color:#00C896;text-decoration:none;font-weight:600;font-size:.95rem;padding:10px 28px;border:1px solid rgba(0,200,150,0.25);border-radius:8px;transition:background .25s}
.back-home a:hover{background:rgba(0,200,150,0.08)}

/* ── Footer ── */
.legal-footer{background:#06060D;border-top:1px solid #1A1A28;padding:36px 24px 0;margin-top:48px;text-align:center}
.legal-footer .container{max-width:800px;margin:0 auto}
.legal-footer .footer-brand{font-size:1.2rem;font-weight:800;color:#00C896;margin-bottom:8px}
.legal-footer .footer-brand span{color:#FF6A3D}
.legal-footer .footer-links{margin-bottom:12px}
.legal-footer .footer-links a{color:#8888A0;text-decoration:none;font-size:.875rem;margin:0 12px;transition:color .2s}
.legal-footer .footer-links a:hover{color:#00C896}
.legal-footer .footer-copy{color:#666680;font-size:.8rem;padding-bottom:24px}

/* ── Responsive ── */
@media(max-width:600px){
  .legal-content .container{padding:0 16px}
  .legal-toc{padding:20px 20px}
  .legal-content section h2{font-size:1.3rem}
}