/* ===== LEGAL PAGES STYLESHEET ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.6;color:#CBD5E1;background:#0C0E14;overflow-x:hidden}

/* ===== SCOPE ISOLATION — prevent homepage section styles from leaking ===== */
.legal-page .legal-content section{background-color:transparent!important}

/* ===== LEGAL HEADER ===== */
.legal-header{
  background:linear-gradient(180deg,#151820 0%,#0C0E14 100%);
  border-bottom:1px solid #1E293B;padding:100px 0 60px;text-align:center;
}
.legal-header h1{
  font-size:2.6rem;font-weight:800;color:#F1F5F9;letter-spacing:-0.5px;margin-bottom:10px;
}
.legal-header p{font-size:0.95rem;color:#64748B}

/* ===== LEGAL CONTENT CONTAINER (max-width + auto margins + padding) ===== */
.legal-content .container{
  max-width:800px;margin:0 auto;padding:0 24px;
}

/* ===== TABLE OF CONTENTS ===== */
.toc{background:#151820;border:1px solid #1E293B;border-radius:8px;padding:28px 32px;margin:40px 0 48px}
.toc h2{font-size:1rem;color:#F1F5F9;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}
.toc ol{padding-left:20px;display:flex;flex-direction:column;gap:8px}
.toc li{font-size:0.9rem}
.toc a{color:#38BDF8;text-decoration:none;transition:color 0.2s}
.toc a:hover{color:#A78BFA}

/* ===== LEGAL CONTENT TYPOGRAPHY ===== */
.legal-content{padding:0 0 60px}
.legal-content section{margin-bottom:44px}
.legal-content section h2{
  font-size:1.35rem;font-weight:700;color:#F1F5F9;margin-bottom:16px;
  padding-bottom:10px;border-bottom:1px solid #1E293B;
}
.legal-content section h3{font-size:1.1rem;font-weight:600;color:#E2E8F0;margin:24px 0 12px}
.legal-content section p{font-size:0.95rem;color:#CBD5E1;line-height:1.75;margin-bottom:14px}
.legal-content section ul,.legal-content section ol{padding-left:24px;margin-bottom:14px}
.legal-content section li{font-size:0.95rem;color:#CBD5E1;line-height:1.75;margin-bottom:6px}
.legal-content section strong{color:#F1F5F9;font-weight:600}
.legal-content section a{color:#38BDF8;text-decoration:none}
.legal-content section a:hover{text-decoration:underline}

/* ===== BACK LINK ===== */
.legal-back{text-align:center;padding:40px 0 0}
.legal-back a{
  display:inline-flex;align-items:center;gap:8px;
  color:#38BDF8;text-decoration:none;font-weight:600;font-size:0.95rem;
  transition:color 0.2s;
}
.legal-back a:hover{color:#A78BFA}

/* ===== LEGAL PAGE FOOTER ===== */
.legal-footer{
  background:#151820;border-top:1px solid #1E293B;padding:32px 0;text-align:center;
}
.legal-footer .container{max-width:800px;margin:0 auto;padding:0 24px}
.legal-footer p{font-size:0.8rem;color:#64748B}
.legal-footer a{color:#38BDF8;text-decoration:none}
.legal-footer a:hover{color:#A78BFA}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){
  .legal-header{padding:80px 0 40px}
  .legal-header h1{font-size:2rem}
  .toc{padding:20px 24px}
  .legal-content section h2{font-size:1.2rem}
}