/* === FOOTER STYLES === */
footer { 
    background: linear-gradient(135deg, #0f172a, #1e293b); 
    color: #cbd5e1; 
    padding: 60px 20px 30px; 
    border-top: 5px solid #e11d48; 
    text-align: center;
}

.footer-content { 
    max-width: 1200px; 
    margin: 0 auto; 
}

.footer-links { 
    margin-bottom: 30px; 
    display: flex; 
    justify-content: center; 
    flex-wrap: wrap; 
    gap: 15px; 
}

.footer-links a { 
    color: #f1f5f9; 
    font-weight: 600; 
    padding: 10px 20px; 
    border-radius: 50px; 
    background: rgba(255,255,255,0.05); 
    transition: all 0.3s ease;
}

.footer-links a:hover { 
    color: #fbbf24; 
    background: rgba(255,255,255,0.1); 
    transform: translateY(-3px); 
}

.footer-social { 
    margin: 30px 0; 
}

.footer-social a { 
    display: inline-block; 
    width: 40px; 
    height: 40px; 
    line-height: 40px; 
    background: rgba(255,255,255,0.1); 
    border-radius: 50%; 
    margin: 0 5px; 
    color: white;
    transition: all 0.3s ease;
}

.footer-social a:hover { 
    background: linear-gradient(135deg, #e11d48, #be123c); 
    transform: scale(1.1); 
}

.copyright { 
    border-top: 1px solid rgba(255,255,255,0.1); 
    padding-top: 20px; 
    font-size: 14px; 
    color: #94a3b8; 
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .footer-links { 
        flex-direction: column; 
        gap: 10px; 
    }
}