@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
        
        body {
            font-family: 'Poppins', sans-serif;
            background-color: #0F0F1A;
            color: white;
            overflow-x: hidden;
        }
        
        .gradient-text {
            background: linear-gradient(90deg, #00FFC2, #6B46C1, #FF00FF);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
        
        .card-hover {
            transition: all 0.3s ease;
        }
        
        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 0 15px #00FFC2, 0 0 30px rgba(107, 70, 193, 0.5);
        }
        
        .code-chip {
            position: relative;
            overflow: hidden;
        }
        
        .code-chip::after {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
            transform: rotate(45deg);
            transition: all 0.5s ease;
        }
        
        .code-chip:hover::after {
            left: 100%;
        }
        
        .glow {
            animation: glow 2s infinite alternate;
        }
        
        @keyframes glow {
            from {
                box-shadow: 0 0 5px #00FFC2, 0 0 10px rgba(107, 70, 193, 0.5);
            }
            to {
                box-shadow: 0 0 15px #00FFC2, 0 0 30px rgba(107, 70, 193, 0.5);
            }
        }
        
        .language-switcher {
            transition: all 0.3s ease;
        }
        
        .language-switcher:hover {
            transform: scale(1.1);
            text-shadow: 0 0 5px #00FFC2;
        }