body {
    font-family: 'Poppins', sans-serif;
    scroll-behavior: smooth;
}

.gradient-bg {
    background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);
}

.hero-pattern {
    background-color: #0f172a;
    background-image: radial-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px);
    background-size: 20px 20px;
}

.testimonial-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.cta-button {
    transition: all 0.3s ease;
}

    .cta-button:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    }

.feature-card {
    transition: all 0.3s ease;
}

    .feature-card:hover {
        transform: translateY(-5px);
    }

.floating {
    animation: floating 3s ease-in-out infinite;
}

            @keyframes floating {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-15px); }
            100% { transform: translateY(0px); }
        } 

.scroll-indicator {
    animation: bounce 2s infinite;
}

            @keyframes bounce {
            0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
            40% { transform: translateY(-20px); }
            60% { transform: translateY(-10px); }
        }

@media (min-width: 768px) {
    .md\:pt-40 {
        padding-top: 14rem;
    }
}