/* Additional custom styles */
@media (prefers-reduced-motion: no-preference) {
    .animate-fade-in-up {
        animation: fadeInUp 0.6s ease forwards;
    }
}

/* Mobile menu animation */
@media (max-width: 768px) {
    .mobile-menu {
        transform: translateX(100%);
        transition: transform 0.3s ease;
    }
    
    .mobile-menu.active {
        transform: translateX(0);
    }
}