/* ==========================
   LEGAL AND INFORMATION PAGES
   ========================== */
.legal-page { padding: 60px 0 90px; }
.legal-header { max-width: 780px; margin: 0 auto 36px; text-align: center; }
.legal-title { margin-bottom: 12px; color: var(--text-main); font-size: 42px; font-weight: 800; }
.legal-updated { color: var(--text-muted); font-size: 13px; }
.legal-content { max-width: 880px; margin: 0 auto; padding: 34px 38px; background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 14px; }
.legal-section + .legal-section { margin-top: 30px; padding-top: 30px; border-top: 1px solid var(--border-color); }
.legal-section h2 { margin-bottom: 11px; color: var(--text-main); font-size: 21px; }
.legal-section p, .legal-section li { color: var(--text-muted); font-size: 14px; line-height: 1.75; }
.legal-section ul { display: grid; gap: 7px; margin-top: 10px; padding-left: 20px; list-style: disc; }
.legal-section strong { color: var(--text-main); }
.legal-contact-list { display: grid; gap: 12px; margin-top: 16px; }
.legal-contact { display: flex; align-items: center; gap: 12px; padding: 14px 16px; color: var(--text-muted); background: rgba(15, 17, 21, 0.55); border: 1px solid var(--border-color); border-radius: 9px; }
.legal-contact i { width: 20px; color: var(--primary-color); text-align: center; }
.legal-contact a { color: var(--text-main); }
.legal-contact a:hover { color: var(--primary-color); }

@media (max-width: 600px) {
    .legal-page { padding: 40px 0 60px; }
    .legal-title { font-size: 30px; }
    .legal-content { padding: 24px 20px; }
}