/* Custom CSS for Animations and Scroll Effects */
        .fade-in-up {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }
        .animate-in {
            opacity: 1;
            transform: translateY(0);
        }
        .card-hover:hover {
            transform: translateY(-5px) scale(1.02);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        .carousel-track {
            display: flex;
            animation: carousel-slide 20s linear infinite;
        }
        .floating-icon {
            animation: float 4s ease-in-out infinite;
        }
        @keyframes carousel-slide {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
            100% { transform: translateY(0px); }
        }
        .shadow-custom {
            box-shadow: 0 10px 30px rgba(0, 198, 167, 0.15);
        }
        /* Style for the simulated count-up effect */
        .stat-value {
            font-size: 3rem;
            font-weight: 700;
            line-height: 1;
            counter-reset: num var(--target-value);
            animation: count 2s ease-out forwards;
        }
        @keyframes count {
            from { counter-reset: num 0; }
            to { counter-reset: num var(--target-value); }
        }
        .stat-value::after {
            content: counter(num);
        }
        /* Custom utility for the background gradient */
        .bg-credits-path {
            background: linear-gradient(135deg, #F6F6F6 0%, #FFFFFF 100%);
        }