/* Universal Footer Styles */
.site-footer { 
    background: linear-gradient(135deg, var(--secondary-color, #1a1a3d), var(--primary-color, #00d4ff)); 
    color: white; 
    padding: 3rem 0 1rem; 
    margin-top: 3rem; 
}

.site-footer .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.footer-content { 
    display: flex; 
    flex-wrap: wrap; 
    justify-content: space-between; 
    gap: 2rem; 
    margin-bottom: 2rem; 
}

.footer-section { 
    flex: 1; 
    min-width: 200px; 
}

.footer-section h4 { 
    font-family: 'Orbitron', sans-serif; 
    margin-bottom: 1rem; 
    color: white; 
    font-size: 1.2rem;
}

.footer-links { 
    list-style: none; 
    padding: 0; 
    margin: 0; 
}

.footer-links li { 
    margin-bottom: 0.5rem; 
}

.footer-link { 
    color: rgba(255, 255, 255, 0.8); 
    text-decoration: none; 
    transition: all 0.3s ease; 
}

.footer-link:hover { 
    color: white; 
    text-decoration: underline; 
}

.cta-button { 
    display: inline-block; 
    background-color: var(--accent-color, #ff007a); 
    color: white; 
    padding: 0.5rem 1rem; 
    border-radius: 25px; 
    text-decoration: none; 
    font-weight: bold; 
    margin-top: 0.5rem; 
    transition: all 0.3s ease; 
}

.cta-button:hover { 
    background-color: #e6006e; 
    transform: translateY(-2px); 
}

.footer-bottom { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    padding-top: 1rem; 
    border-top: 1px solid rgba(255, 255, 255, 0.2); 
}

.footer-social a { 
    color: white; 
    margin-left: 1rem; 
    font-size: 1.2rem; 
    transition: all 0.3s ease; 
}

.footer-social a:hover { 
    color: var(--accent-color, #ff007a); 
}

.newsletter-form .form-group { 
    display: flex; 
}

.newsletter-form input { 
    flex-grow: 1; 
    padding: 0.5rem; 
    border: 1px solid rgba(255, 255, 255, 0.3); 
    border-radius: 4px 0 0 4px; 
    background: rgba(255, 255, 255, 0.1); 
    color: white; 
}

.newsletter-form input::placeholder { 
    color: rgba(255, 255, 255, 0.7); 
}

.newsletter-button { 
    background-color: var(--accent-color, #ff007a); 
    color: white; 
    border: none; 
    padding: 0.5rem 1rem; 
    border-radius: 0 4px 4px 0; 
    cursor: pointer; 
    transition: all 0.3s ease; 
}

.newsletter-button:hover { 
    background-color: #e6006e; 
}

@media (max-width: 768px) {
    .footer-content { 
        flex-direction: column; 
    }
    
    .footer-bottom { 
        flex-direction: column; 
        text-align: center; 
    }
    
    .footer-social { 
        margin-top: 1rem; 
    }
    
    .footer-social a {
        margin: 0 0.5rem;
    }
}