*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.7;color:#1E2134;background:#F9F9FA;-webkit-font-smoothing:antialiased}
a{color:#FF6B35;text-decoration:none;transition:color 0.2s}
a:hover{color:#E55A2B}

/* Legal Header - MUST be a header/div element, NEVER a section */
.legal-header{background:linear-gradient(135deg,#0C0D14,#161826,#1E2134);padding:64px 24px 40px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.06)}
.legal-header h1{font-size:2.6rem;font-weight:800;color:#EDEEF2;letter-spacing:-0.5px;margin-bottom:10px}
.legal-header .legal-subtitle{font-size:0.95rem;color:#8B8D98;font-weight:400}
.legal-header .legal-back{display:inline-block;margin-bottom:20px;font-size:0.85rem;font-weight:500;color:#00D4AA;padding:6px 16px;border:1px solid rgba(0,212,170,0.25);border-radius:20px;transition:background 0.2s,border-color 0.2s}
.legal-header .legal-back:hover{background:rgba(0,212,170,0.08);border:1px solid rgba(0,212,170,0.45);color:#00D4AA}

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

/* Scope Isolation - prevent homepage section styles from leaking */
.legal-page .legal-content section{background-color:transparent !important}

/* Table of Contents */
.toc{max-width:800px;margin:0 auto;padding:32px 24px}
.toc h2{font-size:1.2rem;font-weight:700;color:#0C0D14;margin-bottom:16px}
.toc ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.toc ul li{}
.toc ul li a{display:block;padding:8px 16px;background:#EDEEF2;border-radius:8px;font-size:0.85rem;font-weight:500;color:#1E2134;transition:background 0.2s,color 0.2s}
.toc ul li a:hover{background:#FF6B35;color:#fff}

/* Legal Content Sections */
.legal-content{padding:0 0 60px}
.legal-content section{padding:28px 0;border-bottom:1px solid rgba(0,0,0,0.06)}
.legal-content section:last-of-type{border-bottom:none}
.legal-content h2{font-size:1.45rem;font-weight:700;color:#0C0D14;margin-bottom:16px;padding-top:8px}
.legal-content h3{font-size:1.1rem;font-weight:600;color:#1E2134;margin-bottom:10px;margin-top:16px}
.legal-content p{margin-bottom:14px;font-size:0.95rem;color:#3A3E52;line-height:1.75}
.legal-content ul{margin-bottom:14px;padding-left:20px}
.legal-content ul li{margin-bottom:8px;font-size:0.95rem;color:#3A3E52;line-height:1.7}
.legal-content strong{color:#0C0D14;font-weight:700}

/* Legal Footer */
.legal-footer{padding:24px;text-align:center;border-top:1px solid rgba(0,0,0,0.06);background:#EDEEF2}
.legal-footer .footer-wrap{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px}
.legal-footer a{font-size:0.85rem;color:#1E2134;font-weight:500;transition:color 0.2s}
.legal-footer a:hover{color:#FF6B35}
.legal-footer span{font-size:0.82rem;color:#8B8D98}

/* Responsive */
@media (max-width:768px){
  .legal-header h1{font-size:1.8rem}
  .legal-header{padding:48px 20px 32px}
  .toc ul{flex-direction:column;gap:4px}
  .toc ul li a{display:block}
  .legal-content h2{font-size:1.25rem}
  .legal-content p{font-size:0.9rem}
}