.legal-page{min-height:100vh;display:flex;flex-direction:column;background:
  radial-gradient(circle at top left, rgba(0,229,255,0.06), transparent 28%),
  linear-gradient(180deg, rgba(17,25,40,0.98) 0%, rgba(11,17,29,1) 100%)}
.legal-page nav{position:sticky;top:0}
.legal-page .page.active{display:flex;flex-direction:column;flex:1}
.legal-page footer{margin-top:auto}
.legal-page a,
.legal-page a:visited{color:var(--text);text-decoration:none}
.legal-page .nav-links a,
.legal-page .nav-links a:visited{color:var(--text-muted)}
.legal-page .nav-links a:hover{color:var(--cyan)}
.legal-page .footer-grid ul,
.legal-page .footer-grid li{list-style:none;margin:0;padding:0}
.legal-page .footer-grid ul{display:flex;flex-direction:column;gap:0.5rem}
.legal-page .footer-grid a,
.legal-page .footer-grid a:visited,
.legal-page .bottom-bar a,
.legal-page .bottom-bar a:visited{color:var(--text-muted)}
.legal-page .footer-grid a:hover,
.legal-page .bottom-bar a:hover{color:var(--cyan)}
.legal-page .section-inner{max-width:1240px;padding-top:4.75rem;padding-bottom:5rem}
.legal-page .section-header{max-width:760px;margin-bottom:2.2rem}
.legal-page .section-title{font-size:clamp(2.4rem,4vw,4rem)}
.legal-page .section-desc{font-size:1rem;line-height:1.8}
.legal-page .footer-grid{max-width:1240px;margin:0 auto;padding:0 2rem 1.25rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.legal-page .footer-grid h4{font-family:'Rajdhani',sans-serif;font-size:1rem;font-weight:700;color:#fff;margin-bottom:0.75rem}
.legal-page .bottom-bar{max-width:1240px;margin:0 auto;padding:1rem 2rem 0;width:100%}
.legal-page .cta-inner{max-width:1240px}
.legal-page .btn-cyan,
.legal-page .btn-cyan:visited,
.legal-page .btn-discord,
.legal-page .btn-discord:visited{color:inherit;text-decoration:none}

/* POLICY */
.policy-section{background:transparent;border-top:1px solid var(--border)}
.policy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:2.5rem}
.policy-card{background:linear-gradient(180deg, rgba(20,30,46,0.96) 0%, rgba(17,25,40,0.96) 100%);border:1px solid var(--border);border-radius:14px;padding:1.35rem 1.4rem;box-shadow:0 12px 30px rgba(0,0,0,0.16)}
.policy-card h4{font-family:'Rajdhani',sans-serif;font-size:1.05rem;font-weight:700;color:#fff;margin-bottom:0.6rem}
.policy-card p{font-size:0.89rem;color:var(--text-muted);line-height:1.72;font-weight:300}
.policy-card-more{margin-top:0.4rem;border-top:1px solid rgba(255,255,255,0.08);padding-top:0.8rem}
.policy-card-more summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:0.4rem;font-family:'Rajdhani',sans-serif;font-size:0.9rem;font-weight:700;color:var(--cyan)}
.policy-card-more summary::-webkit-details-marker{display:none}
.policy-card-more summary::after{content:'+';font-size:1rem;line-height:1;transition:transform 0.2s ease}
.policy-card-more[open] summary::after{content:'−'}
.policy-card-more-body{padding-top:0.7rem}
.policy-card-more-body p + p{margin-top:0.7rem}
.policy-note{background:rgba(26,143,255,0.08);border:1px solid var(--border-bright);border-radius:12px;padding:1.05rem 1.25rem;margin-top:1.35rem;font-size:0.86rem;color:var(--text-muted);line-height:1.75}
.policy-note strong{color:#fff}

/* TOS */
.tos-section{background:transparent;border-top:1px solid var(--border)}
.tos-block{background:linear-gradient(180deg, rgba(20,30,46,0.97) 0%, rgba(17,25,40,0.98) 100%);border:1px solid var(--border);border-radius:16px;padding:2rem 2.1rem;margin-top:2rem;max-height:none;overflow:visible;box-shadow:0 18px 40px rgba(0,0,0,0.18)}
.tos-h2{font-family:'Rajdhani',sans-serif;font-size:1.22rem;font-weight:700;color:var(--cyan);margin:1.65rem 0 0.55rem}
.tos-h3{font-family:'Rajdhani',sans-serif;font-size:1rem;font-weight:700;color:#fff;margin:0.95rem 0 0.4rem}
.tos-p{font-size:0.9rem;color:var(--text-muted);line-height:1.8;margin-bottom:0.45rem;font-weight:300}
.tos-ul{padding-left:1.2rem;margin-bottom:0.45rem}
.tos-ul li{font-size:0.9rem;color:var(--text-muted);line-height:1.8;font-weight:300}

/* FAQ */
.faq-list{margin-top:2rem}
.faq-item{border:1px solid var(--border);border-radius:12px;margin-bottom:0.9rem;overflow:hidden;background:rgba(20,30,46,0.78)}
.faq-q{width:100%;background:transparent;border:none;padding:1.15rem 1.35rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:'Exo 2',sans-serif;font-size:0.92rem;font-weight:500;color:#fff;text-align:left;transition:background 0.2s}
.faq-q:hover{background:rgba(255,255,255,0.02)}
.faq-q .arrow{color:var(--cyan);font-size:18px;flex-shrink:0}
.faq-a{background:rgba(8,12,18,0.3);padding:0 1.35rem;max-height:0;overflow:hidden;transition:max-height 0.35s ease,padding 0.3s}
.faq-a.open{max-height:600px;padding:1rem 1.35rem 1.1rem}
.faq-a p,.faq-a li{font-size:0.88rem;color:var(--text-muted);line-height:1.8;font-weight:300}
.faq-a ul{padding-left:1.2rem;margin-top:0.3rem}
.faq-a strong{color:#fff}

@media(max-width:900px){
  .legal-page .section-inner{padding-top:3.25rem;padding-bottom:3.5rem}
  .legal-page .footer-grid{grid-template-columns:1fr;gap:1.25rem}
  .legal-page .bottom-bar{display:flex;flex-direction:column;gap:0.65rem}
}