/* --- 10. FOOTER --- */
        .footer { background: var(--color-bg-footer); color: #d1d5db; border-top: 4px solid var(--color-saffron); margin-top: auto; padding-top: 4rem; }
        .footer-grid { display: grid; grid-template-columns: 1fr; gap: 3rem; margin-bottom: 3rem; }
        @media (min-width: 768px) { .footer-grid { grid-template-columns: repeat(2, 1fr); } }
        @media (min-width: 1024px) { .footer-grid { grid-template-columns: repeat(4, 1fr); } }
        .footer-brand { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem; }
        .footer-logo { width: 3rem; height: 3rem; border-radius: 50%; background: var(--color-saffron); color: white; display: flex; align-items: center; justify-content: center; font-weight: 700; font-style: italic; }
        .footer-brand h2 { font-size: 1.5rem; font-weight: 700; color: white; }
        .footer-desc { color: #9ca3af; margin-bottom: 1.5rem; }
        .f-socials { display: flex; gap: 0.75rem; }
        .f-soc-icon { width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #374151; color: white; display: flex; align-items: center; justify-content: center; transition: all 0.3s; }
        .f-soc-icon:hover { background: var(--color-saffron); }
        .footer-title { color: white; font-weight: 600; text-transform: uppercase; margin-bottom: 1.5rem; letter-spacing: 0.05em; }
        .footer-links { display: flex; flex-direction: column; gap: 1rem; }
        .footer-links a { display: flex; align-items: center; gap: 0.75rem; transition: color 0.3s; }
        .footer-links a:hover { color: var(--color-saffron); }
        .footer-links i { font-size: 0.75rem; }
        .footer-links .f-icon-large { font-size: 1.25rem; color: #6b7280; width: 1.25rem; text-align: center; }
        .f-important-links { display: flex; flex-direction: column; gap: 1rem; }
        .f-card-link { background: #1f2937; border: 1px solid #374151; padding: 1rem; border-radius: var(--radius-xl); display: flex; align-items: flex-start; gap: 0.75rem; transition: background 0.3s; }
        .f-card-link:hover { background: #374151; }
        .f-card-link i { color: var(--color-saffron); margin-top: 0.25rem; }
        .f-card-text span { font-size: 1rem; color: white; }
        .f-card-text .sub { display: block; font-size: 0.875rem; color: #9ca3af; margin-top: 0.25rem; font-family: var(--font-sans); }
        .footer-bottom { border-top: 1px solid #374151; padding: 2rem 0; display: flex; flex-direction: column; align-items: center; gap: 1rem; color: #6b7280; font-size: 0.875rem; }
        @media (min-width: 768px) { .footer-bottom { flex-direction: row; justify-content: space-between; } }
        .footer-bottom span { color: #d1d5db; font-weight: 500; }