    from {
                transform: translateY(-100%);
                opacity: 0;
            }
            to {
                transform: translateY(0);
                opacity: 1;
            }
        }

        .navbar {
            animation: slideDown 0.5s ease-out;
        }

        /* Hover effects for mobile touch */
        @media (hover: none) and (pointer: coarse) {
            .nav-links a:hover,
            .btn:hover,
            .mobile-menu a:hover {
                transform: none;
  