/* css/style.css */

/* Custom Tailwind extensions & animations */
@layer utilities {
    .nav-link {
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    .service-card {
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    .service-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 25px 50px -12px rgb(34 211 238);
    }
    
    .modal-content {
        animation: modalPop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    }
    
    @keyframes modalPop {
        0% {
            opacity: 0;
            transform: scale(0.95) translateY(20px);
        }
        100% {
            opacity: 1;
            transform: scale(1) translateY(0);
        }
    }
    
    /* Navbar scroll effect */
    .navbar-scrolled {
        background-color: rgb(15 23 42) !important;
        box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.2);
    }
}

/* Testimonial slide */
.testimonial-slide {
    transition: opacity 0.4s ease;
}

/* Hero floating elements */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}

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