body {
            background-color: #020617;
            background-image: radial-gradient(circle at 15% 50px, rgba(163, 230, 53, 0.05), transparent 40%),
                radial-gradient(circle at 85% 800px, rgba(56, 189, 248, 0.03), transparent 40%);
        }

        .glow-text {
            text-shadow: 0 0 20px rgba(163, 230, 53, 0.3);
        }

        .glow-box {
            box-shadow: 0 0 30px -5px rgba(163, 230, 53, 0.15);
        }

        .glass {
            background: rgba(15, 23, 42, 0.7);
            backdrop-filter: blur(12px);
        }

        .marquee-container {
            overflow: hidden;
            white-space: nowrap;
            position: relative;
            width: 100%;
            mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
            -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
        }

        .marquee-content {
            display: inline-block;
            animation: marquee 10s linear infinite;
        }

        .marquee-content:hover {
            animation-play-state: paused;
        }

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

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

        @keyframes float-up-down {

            0%,
            100% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(-4px);
            }
        }

        .animate-float {
            animation: float-up-down 2s ease-in-out infinite;
        }