.hero-gradient {
            background: linear-gradient(135deg, #7C3AED 0%, #4F46E5 100%);
        }
        
        .feature-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .feature-card:hover {
            transform: translateY(-10px);
        }
        
        .glow-shadow {
            box-shadow: 0 10px 25px -5px rgba(124, 58, 237, 0.3);
        }
        
        .glow-shadow:hover {
            box-shadow: 0 15px 35px -5px rgba(124, 58, 237, 0.4);
        }
        
        .btn {
            transition: all 0.3s ease;
        }
        
        .btn:hover {
            transform: translateY(-2px);
        }
        
        .dark-mode-btn {
            transition: all 0.4s ease;
        }
        
        .pulse {
            animation: pulse 2s infinite;
        }
        
        @keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(124, 58, 237, 0.7); }
            70% { box-shadow: 0 0 0 12px rgba(124, 58, 237, 0); }
            100% { box-shadow: 0 0 0 0 rgba(124, 58, 237, 0); }
        }