/* ============================================
   LEGAL PAGES STYLES
   Pages: page-privacy-policy.php, page-cookies-policy.php, page-terms-conditions.php
   ============================================ */

.legal-page { padding: 140px 0 80px; background: #0a0b0f; }
.legal-container { max-width: 800px; margin: 0 auto; padding: 0 24px; }
.legal-header { margin-bottom: 48px; }
.legal-title { font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; color: #f8fafc; margin-bottom: 16px; }
.legal-updated { color: #64748b; font-size: 14px; }
.legal-content h2 { font-size: 1.5rem; font-weight: 600; color: #f8fafc; margin: 48px 0 16px; padding-top: 24px; border-top: 1px solid rgba(148,163,184,0.1); }
.legal-content h2:first-of-type { margin-top: 0; border-top: none; padding-top: 0; }
.legal-content h3 { font-size: 1.125rem; font-weight: 600; color: #f8fafc; margin: 24px 0 12px; }
.legal-content p { color: #94a3b8; line-height: 1.8; margin-bottom: 16px; }
.legal-content ul { color: #94a3b8; margin: 16px 0; padding-left: 24px; }
.legal-content li { margin-bottom: 8px; line-height: 1.7; }
.legal-content a { color: #6366f1; text-decoration: none; }
.legal-content a:hover { text-decoration: underline; }
.legal-content strong { color: #f8fafc; }

@media (max-width: 768px) {
    .legal-page { padding: 120px 0 60px; }
    .legal-content h2 { font-size: 1.25rem; margin: 32px 0 12px; }
}