* { font-family: 'Inter', sans-serif; }
            h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif; }
            html { scroll-behavior: smooth; }
            
            .gradient-bg {
                background: linear-gradient(-45deg, #00A0E3, #0085bd, #33b3e9, #b2e3f7);
                background-size: 400% 400%;
                animation: gradient 15s ease infinite;
            }
            
            /* Gradient Text Effect */
            .gradient-text {
                background: linear-gradient(135deg, #00A0E3 0%, #0085bd 50%, #33b3e9 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
            }
            
            .gradient-text-blue {
                background: linear-gradient(135deg, #00A0E3 0%, #0085bd 50%, #0077a8 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
            }
            
            /* Softer Hero Gradients */
            .hero-gradient-warm {
                background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 25%, #bae6fd 50%, #7dd3fc 75%, #00A0E3 100%);
            }
            
            .hero-gradient-cool {
                background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 25%, #bae6fd 50%, #7dd3fc 75%, #38bdf8 100%);
            }
            
            /* Better Card Shadows */
            .card-shadow-sm {
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
            }
            
            .card-shadow {
                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            }
            
            .card-shadow-lg {
                box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            }
            
            .card-shadow-xl {
                box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
            }
            
            @keyframes gradient {
                0% { background-position: 0% 50%; }
                50% { background-position: 100% 50%; }
                100% { background-position: 0% 50%; }
            }
            
            .float {
                animation: float 6s ease-in-out infinite;
            }
            
            @keyframes float {
                0%, 100% { transform: translateY(0px); }
                50% { transform: translateY(-20px); }
            }
            
            .card-hover {
                transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            }
            
            .card-hover:hover {
                transform: translateY(-10px) scale(1.02);
                box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            }
            
            .pulse-slow {
                animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
            }
            
            @keyframes swing {
                0%, 100% { transform: rotate(-3deg); }
                50% { transform: rotate(3deg); }
            }
            
            .swing {
                animation: swing 2s ease-in-out infinite;
                transform-origin: top center;
            }
            
            /* Badge/Tag Styles */
            .badge-glow {
                box-shadow: 0 0 20px rgba(0, 160, 227, 0.5);
                animation: glow 2s ease-in-out infinite;
            }
            
            @keyframes glow {
                0%, 100% { box-shadow: 0 0 20px rgba(0, 160, 227, 0.5); }
                50% { box-shadow: 0 0 30px rgba(0, 160, 227, 0.8); }
            }
            
            /* Smooth Transitions */
            .transition-smooth {
                transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            }
            
            /* Better Line Heights */
            body {
                line-height: 1.6;
            }
            
            h1 { line-height: 1.2; letter-spacing: -0.02em; }
            h2 { line-height: 1.3; letter-spacing: -0.01em; }
            h3 { line-height: 1.4; }

            /* WhatsApp Floating Button */
            .whatsapp-float {
                position: fixed;
                width: 60px;
                height: 60px;
                bottom: 40px;
                right: 40px;
                background-color: #25d366;
                color: #FFF;
                border-radius: 50%;
                text-align: center;
                font-size: 32px;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
                z-index: 1000;
                display: flex;
                align-items: center;
                justify-content: center;
                text-decoration: none;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                animation: pulse-whatsapp 2s infinite;
            }

            .whatsapp-float:hover {
                transform: scale(1.1) translateY(-5px);
                background-color: #128c7e;
                box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
                color: white;
            }

            /* Instagram Floating Button */
            .instagram-float {
                position: fixed;
                width: 60px;
                height: 60px;
                bottom: 110px;
                right: 40px;
                background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
                color: #FFF;
                border-radius: 50%;
                text-align: center;
                font-size: 32px;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
                z-index: 1000;
                display: flex;
                align-items: center;
                justify-content: center;
                text-decoration: none;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                animation: pulse-instagram 2s infinite;
            }

            .instagram-float:hover {
                transform: scale(1.1) translateY(-5px);
                background: linear-gradient(45deg, #e6683c 0%, #dc2743 25%, #cc2366 50%, #bc1888 75%, #f09433 100%);
                box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
                color: white;
            }

            @keyframes pulse-whatsapp {
                0% {
                    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
                }
                70% {
                    box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
                }
                100% {
                    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
                }
            }

            @keyframes pulse-instagram {
                0% {
                    box-shadow: 0 0 0 0 rgba(225, 48, 108, 0.5);
                }
                70% {
                    box-shadow: 0 0 0 15px rgba(225, 48, 108, 0);
                }
                100% {
                    box-shadow: 0 0 0 0 rgba(225, 48, 108, 0);
                }
            }

            @media screen and (max-width: 768px) {
                .whatsapp-float {
                    width: 50px;
                    height: 50px;
                    bottom: 25px;
                    right: 25px;
                    font-size: 28px;
                }
                .instagram-float {
                    width: 50px;
                    height: 50px;
                    bottom: 85px;
                    right: 25px;
                    font-size: 28px;
                }
            }