@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Playfair+Display:wght@700&display=swap');
        
        :root {
            --tw-color-primary: #0f766e;
        }
        
        * {
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
        }
        
        .tailwind-ready * {
            transition-duration: 0ms;
        }
        
        @keyframes fadeInUp {
            0% {
                opacity: 0;
                transform: translateY(40px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        @keyframes fadeInScale {
            0% {
                opacity: 0;
                transform: scale(0.95);
            }
            100% {
                opacity: 1;
                transform: scale(1);
            }
        }
        
        @keyframes pulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.05); }
        }
        
        .section-animate {
            animation: fadeInUp 0.8s ease forwards;
        }
        
        .hero-text {
            animation: fadeInScale 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
        }
        
        .nav-link {
            position: relative;
        }
        
        .nav-link:after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -2px;
            left: 0;
            background-color: #0f766e;
        }
        
        .nav-link:hover:after {
            width: 100%;
        }
        
        .service-card {
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        .service-card:hover {
            transform: translateY(-8px) scale(1.03);
            box-shadow: 25px 25px 0 -10px rgb(15 118 110);
        }
        
        .hero-bg {
            background: linear-gradient(92deg, #0f766e 0%, #134e4a 100%);
        }
        
        .cta-button {
            animation: pulse 2s infinite;
        }
        
        .carousel-slide {
            transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        .modal {
            animation: fadeInScale 0.3s ease forwards;
        }