body {
            font-family: 'Geist', sans-serif;
            background-color: #121315;
            color: #e3e2e4;
            overflow-x: hidden;
        }

        .neon-glow {
            box-shadow: 0 0 20px rgba(223, 253, 67, 0.2);
        }

        .glass-card {
            background: rgba(31, 32, 34, 0.6);
            backdrop-filter: blur(40px);
            border: 1px solid rgba(255, 255, 255, 0.08);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .glass-card:hover {
            border-color: #d2f036;
            transform: translateY(-4px);
        }

        .hero-gradient {
            background: radial-gradient(circle at 50% 50%, rgba(210, 240, 54, 0.05) 0%, transparent 70%);
        }

        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
        }

        @keyframes float {
            0% {
                transform: translateY(0px) rotate(0deg);
            }

            50% {
                transform: translateY(-20px) rotate(2deg);
            }

            100% {
                transform: translateY(0px) rotate(0deg);
            }
        }

        .animate-float {
            animation: float 6s ease-in-out infinite;
        }

        .process-line {
            background: linear-gradient(90deg, transparent, #d2f036, transparent);
            background-size: 200% 100%;
            animation: moveGradient 4s linear infinite;
        }

        @keyframes moveGradient {
            0% {
                background-position: 200% 0;
            }

            100% {
                background-position: -200% 0;
            }
        }