@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
        body { font-family: 'Inter', sans-serif; }
        .gradient-bg { background: linear-gradient(135deg, #0808F5 0%, #06066B 100%); }
        .gradient-text { background: linear-gradient(135deg, #0808F5 0%, #FF3366 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
        .hero-animation { animation: fadeInUp 1s ease-out; }
        .card-hover { transition: all 0.3s ease; }
        .card-hover:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,0,0,0.1); }
        .popular-badge { background: linear-gradient(135deg, #FF3366 0%, #FF6B9D 100%); }
        .floating { animation: floating 3s ease-in-out infinite; }
        .pulse-glow { animation: pulseGlow 2s ease-in-out infinite; }
        
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        @keyframes floating {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
        }
        
        @keyframes pulseGlow {
            0%, 100% { box-shadow: 0 0 20px rgba(8, 8, 245, 0.3); }
            50% { box-shadow: 0 0 30px rgba(8, 8, 245, 0.6); }
        }
        
        .service-icon { transition: transform 0.3s ease; }
        .service-card:hover .service-icon { transform: scale(1.1) rotate(5deg); }
        
        .stats-counter { font-variant-numeric: tabular-nums; }
        
        .scroll-smooth { scroll-behavior: smooth; }