/* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }

        ::-webkit-scrollbar-track {
            background: #000;
        }

        ::-webkit-scrollbar-thumb {
            background: #333;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: #00f3ff;
        }

        /* Glitch Animation Classes */
        .glitch-text {
            position: relative;
        }

        .glitch-text::before,
        .glitch-text::after {
            content: attr(data-text);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #050505;
        }

        .glitch-text::before {
            left: 2px;
            text-shadow: -1px 0 #ff00ff;
            clip: rect(24px, 550px, 90px, 0);
            animation: glitch-anim-2 3s infinite linear alternate-reverse;
        }

        .glitch-text::after {
            left: -2px;
            text-shadow: -1px 0 #00f3ff;
            clip: rect(85px, 550px, 140px, 0);
            animation: glitch-anim 2.5s infinite linear alternate-reverse;
        }

        @keyframes glitch-anim {
            0% {
                clip: rect(12px, 9999px, 81px, 0);
            }

            20% {
                clip: rect(138px, 9999px, 48px, 0);
            }

            40% {
                clip: rect(22px, 9999px, 147px, 0);
            }

            60% {
                clip: rect(69px, 9999px, 32px, 0);
            }

            80% {
                clip: rect(3px, 9999px, 115px, 0);
            }

            100% {
                clip: rect(106px, 9999px, 95px, 0);
            }
        }

        @keyframes glitch-anim-2 {
            0% {
                clip: rect(112px, 9999px, 14px, 0);
            }

            20% {
                clip: rect(100px, 9999px, 126px, 0);
            }

            40% {
                clip: rect(16px, 9999px, 86px, 0);
            }

            60% {
                clip: rect(106px, 9999px, 32px, 0);
            }

            80% {
                clip: rect(34px, 9999px, 10px, 0);
            }

            100% {
                clip: rect(59px, 9999px, 96px, 0);
            }
        }

        /* Scanline Overlay */
        .scanlines {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2));
            background-size: 100% 4px;
            pointer-events: none;
            z-index: 40;
            opacity: 0.3;
        }

        .fade-in-up {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }

        .fade-in-up.visible {
            opacity: 1;
            transform: translateY(0);
        }