
        body {
            background-color: #121315;
            color: #e3e2e4;
            overflow-x: hidden;
        }

        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
        }

        .neon-glow {
            box-shadow: 0 0 15px rgba(223, 253, 67, 0.2);
        }

        .glass-panel {
            background: rgba(31, 32, 34, 0.4);
            backdrop-filter: blur(40px);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-top: 1px solid rgba(255, 255, 255, 0.15);
            border-left: 1px solid rgba(255, 255, 255, 0.15);
        }

        .input-gradient-focus:focus {
            outline: none;
            border-bottom: 2px solid #d2f036;
            box-shadow: 0 4px 12px -4px rgba(210, 240, 54, 0.3);
        }

        .hero-gradient {
            background: radial-gradient(circle at 10% 20%, rgba(210, 240, 54, 0.05) 0%, transparent 50%);
        }

        @keyframes pulse-slow {
            0%, 100% { opacity: 0.3; }
            50% { opacity: 0.6; }
        }
        .animate-pulse-slow {
            animation: pulse-slow 8s infinite ease-in-out;
        }
   