body {
            background:
                linear-gradient(180deg,
                    #0b0b0b 0%,
                    #111111 40%,
                    #0a0a0a 100%);
            color: #e5e5e5;
            overflow-x: hidden;
        }

        .gradient-bg {
            position: fixed;
            inset: 0;
            z-index: -1;

            background:
                radial-gradient(circle at 20% 10%, rgba(255, 255, 255, 0.05), transparent 40%),
                radial-gradient(circle at 80% 0%, rgba(255, 255, 255, 0.04), transparent 40%),
                radial-gradient(circle at 50% 100%, rgba(255, 255, 255, 0.03), transparent 50%);

            filter: blur(90px);
        }

        @keyframes gradientMove {
            0% {
                transform: translate(0, 0)
            }

            50% {
                transform: translate(-40px, 40px)
            }

            100% {
                transform: translate(30px, -30px)
            }
        }

        .glass {
            background: rgba(255, 255, 255, .04);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, .08);
        }

        .card-hover {
            transition: .4s;
        }

        .card-hover:hover {
            transform: translateY(-8px);
            box-shadow: 0 0 40px rgba(62, 207, 142, .15);
        }

        .logo-track {
            display: flex;
            gap: 70px;
            white-space: nowrap;
            animation: scroll 20s linear infinite;
            opacity: .6;
        }

        @keyframes scroll {
            0% {
                transform: translateX(0)
            }

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

        .reveal {
            opacity: 0;
            transform: translateY(40px);
            transition: 1s ease;
        }

        .reveal.show {
            opacity: 1;
            transform: translateY(0);
        }