@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap');
        
        .glass-card {
            background: rgba(16, 18, 27, 0.5);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .tech-icon {
            filter: drop-shadow(0 0 8px rgba(124, 58, 237, 0.6));
            transition: all 0.3s ease;
        }
        
        .tech-icon:hover {
            transform: scale(1.2);
            filter: drop-shadow(0 0 12px rgba(124, 58, 237, 0.9));
        }
        
        .switch {
            position: relative;
            display: inline-block;
            width: 60px;
            height: 30px;
        }
        
        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }
        
        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #1f2029;
            transition: .4s;
            border-radius: 34px;
            border: 1px solid rgba(99, 102, 241, 0.5);
        }
        
        .slider:before {
            position: absolute;
            content: "";
            height: 22px;
            width: 22px;
            left: 4px;
            bottom: 3px;
            background-color: #6366f1;
            transition: .4s;
            border-radius: 50%;
        }
        
        input:checked + .slider {
            background-color: rgba(224, 231, 255, 0.2);
        }
        
        input:checked + .slider:before {
            transform: translateX(28px);
            background-color: #fbbf24;
        }
        
        .wormhole {
            background: radial-gradient(circle at center, 
                        rgba(124, 58, 237, 0.7) 0%, 
                        rgba(139, 92, 246, 0.3) 40%, 
                        transparent 70%);
            box-shadow: 0 0 60px 30px rgba(124, 58, 237, 0.3);
        }
        
        .text-gradient {
            background: linear-gradient(90deg, #8b5cf6 0%, #ec4899 100%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            text-shadow: 0 0 10px rgba(139, 92, 246, 0.5);
        }
        
        .btn-holographic {
            background: linear-gradient(135deg, 
                          rgba(99, 102, 241, 0.7) 0%, 
                          rgba(168, 85, 247, 0.7) 100%);
            box-shadow: 0 0 15px rgba(124, 58, 237, 0.5);
            position: relative;
            overflow: hidden;
        }
        
        .btn-holographic::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: linear-gradient(
                rgba(255, 255, 255, 0.3) 0%, 
                rgba(255, 255, 255, 0) 40%, 
                rgba(255, 255, 255, 0) 60%, 
                rgba(255, 255, 255, 0.3) 100%
            );
            transform: rotate(30deg);
            animation: shine 3s infinite;
        }
        
        @keyframes shine {
            0% { transform: rotate(30deg) translate(-30%, -30%); }
            100% { transform: rotate(30deg) translate(30%, 30%); }
        }