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

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

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

        .glass-panel {
            background: rgba(31, 32, 34, 0.6);
            backdrop-filter: blur(40px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .kinetic-hover:hover {
            transform: translateY(-4px);
            border-color: #d2f036;
            box-shadow: 0 10px 30px -10px rgba(210, 240, 54, 0.2);
        }

        .gradient-text {
            background: linear-gradient(to right, #ffffff, #d2f036);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        @keyframes pulse-slow {
            0%, 100% { opacity: 0.3; }
            50% { opacity: 0.6; }
        }

        .animate-pulse-slow {
            animation: pulse-slow 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }