/* ============ LEGAL PAGES ============ */
.maskajans-legal{background:#030712}
.legal-page{padding:48px 0 100px}
.legal-page .container{max-width:860px}
.legal-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:36px}
.legal-nav a{display:inline-flex;align-items:center;padding:10px 18px;border-radius:50px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.62);text-decoration:none;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.03);transition:all .25s}
.legal-nav a:hover{color:#fff;border-color:rgba(255,255,255,0.2);background:rgba(255,255,255,0.06)}
.legal-nav a.active{color:#fff;border-color:rgba(6,182,212,0.45);background:rgba(6,182,212,0.12)}
.legal-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:40px 44px}
.legal-meta{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:13px;color:rgba(255,255,255,0.45);margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,0.08)}
.legal-content{color:rgba(255,255,255,0.78);font-size:15px;line-height:1.8}
.legal-content h2{font-size:20px;font-weight:600;color:#fff;margin:32px 0 14px;letter-spacing:-0.2px}
.legal-content h2:first-child{margin-top:0}
.legal-content h3{font-size:16px;font-weight:600;color:rgba(255,255,255,0.92);margin:22px 0 10px}
.legal-content p{margin-bottom:14px}
.legal-content ul,.legal-content ol{margin:0 0 16px 1.2em;padding:0}
.legal-content li{margin-bottom:8px}
.legal-content a{color:#67e8f9;text-decoration:underline;text-underline-offset:2px}
.legal-content a:hover{color:#fff}
.legal-related{margin-top:36px;padding-top:28px;border-top:1px solid rgba(255,255,255,0.08)}
.legal-related h3{font-size:15px;font-weight:600;color:#fff;margin-bottom:12px}
.legal-related-links{display:flex;flex-wrap:wrap;gap:10px}
.legal-related-links a{display:inline-flex;padding:9px 16px;border-radius:10px;font-size:13px;color:rgba(255,255,255,0.75);text-decoration:none;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.03)}
.legal-related-links a:hover{color:#fff;border-color:rgba(255,255,255,0.2)}
@media(max-width:768px){
  .legal-page{padding:32px 0 72px}
  .legal-card{padding:28px 22px}
  .legal-nav{gap:8px}
  .legal-nav a{font-size:12px;padding:8px 14px}
}
@media(max-width:480px){
  .legal-card{padding:22px 16px}
  .legal-content{font-size:14px}
}