@keyframes pulseGlow {
            0% {
                opacity: 0.5;
            }

            50% {
                opacity: 1;
            }

            100% {
                opacity: 0.5;
            }
        }

        @keyframes floatUp {
            0% {
                transform: translateY(20px);
                opacity: 0;
            }

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

        @keyframes floatDown {
            0% {
                transform: translateY(-20px);
                opacity: 0;
            }

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

        @keyframes progressBar {
            0% {
                width: 0%;
            }

            100% {
                width: 100%;
            }
        }

        @keyframes tickerMove {
            0% {
                transform: translateX(0);
            }

            100% {
                transform: translateX(-100%);
            }
        }

        @keyframes gridMove {
            0% {
                transform: translateY(0);
            }

            100% {
                transform: translateY(50px);
            }
        }

        @keyframes fadeIn {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }

        @keyframes slideInRight {
            0% {
                transform: translateX(50px);
                opacity: 0;
            }

            100% {
                transform: translateX(0);
                opacity: 1;
            }
        }

        @keyframes slideInLeft {
            0% {
                transform: translateX(-50px);
                opacity: 0;
            }

            100% {
                transform: translateX(0);
                opacity: 1;
            }
        }

        .ticker-scroll {
            animation: tickerMove 40s linear infinite;
        }

        .fade-in {
            animation: fadeIn 1.5s ease forwards;
        }

        .slide-right {
            animation: slideInRight 1s ease forwards;
        }

        .slide-left {
            animation: slideInLeft 1s ease forwards;
        }





        /* Custom Animations */
    @keyframes ticker {
        0% { transform: translateX(0); }
        100% { transform: translateX(-50%); }
    }
    .ticker-animation {
        display: flex;
        gap: 45px;
        animation: ticker 30s linear infinite;
        width: max-content;
    }
    .line-grow { width: 0; animation: grow 1s ease forwards 0.5s; }
    @keyframes grow { to { width: 120px; } }
    
    /* Smooth Scroll for the right panel on desktop */
    @media (min-width: 768px) {
        .custom-vh-100 { height: 100vh; overflow-y: auto; }
        .sticky-video { position: sticky; top: 0; height: 100vh; }
    }



    /* Custom Animations */
    @keyframes tickerScroll {
        0% { transform: translateX(0); }
        100% { transform: translateX(-50%); }
    }
    .ticker-scroll {
        display: flex;
        gap: 50px;
        animation: tickerScroll 25s linear infinite;
        width: max-content;
    }
    @keyframes progressBar {
        from { width: 0; }
        to { width: 75%; }
    }
    .progress-fill { animation: progressBar 2s ease-out forwards; }
    
    /* Responsive adjustment for the vertical sidebar */
    @media (max-width: 991px) {
        .vertical-assets { display: none !important; }
    }


    
    /* Custom Ticker Animation */
    @keyframes tickerScroll {
        0% { transform: translateX(0); }
        100% { transform: translateX(-50%); }
    }
    .ticker-container {
        display: flex;
        gap: 60px;
        animation: tickerScroll 40s linear infinite;
        width: max-content;
    }

    /* Minimalist Hover */
    .asset-card {
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        border-bottom: 1px solid transparent;
    }
    .asset-card:hover {
        background: var(--soft-gray);
        transform: translateY(-5px);
        border-bottom: 2px solid var(--ultra-black);
    }

    .btn-ultra {
        background: var(--ultra-black);
        color: white;
        padding: 18px 40px;
        letter-spacing: 3px;
        font-weight: 700;
        transition: 0.3s;
        border: none;
        position: relative;
        overflow: hidden;
    }
    .btn-ultra:hover {
        background: #333;
        color: white;
        padding-right: 50px;
    }