* {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.bg-pattern {
    background-color: #f8fafc;
    background-image: radial-gradient(#e2e8f0 0.5px, transparent 0.5px);
    background-size: 24px 24px;
}

.hover-scale {
    transition: transform 0.3s ease;
}

.hover-scale:hover {
    transform: scale(1.05);
}

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

@keyframes float {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-10px) rotate(2deg); }
}

.custom-shape {
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}

.fade-in {
    animation: fadeIn 1s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.gradient-bg {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

    .strategy-card {
        perspective: 1000px;
        height: 450px;
    }
    
    .strategy-card-inner {
        position: relative;
        width: 100%;
        height: 100%;
        text-align: center;
        transition: transform 0.8s;
        transform-style: preserve-3d;
    }
    
    .strategy-card:hover .strategy-card-inner {
        transform: rotateY(180deg);
    }
    
    .strategy-card-front, .strategy-card-back {
        position: absolute;
        width: 100%;
        height: 100%;
        backface-visibility: hidden;
    }
    
    .strategy-card-back {
        transform: rotateY(180deg);
    }
    .swiper-pagination-bullet-active {
        background: #0d9488 !important;
    }

    .swiper-button-next,
    .swiper-button-prev {
        color: #0d9488 !important;
    }

    .strategy-card {
        height: 400px;
        perspective: 1000px;
    }

    .strategy-card-inner {
        position: relative;
        width: 100%;
        height: 100%;
        transition: transform 0.6s;
        transform-style: preserve-3d;
    }

    .strategy-card:hover .strategy-card-inner {
        transform: rotateY(180deg);
    }
    .strategy-card-front,
    .strategy-card-back {
        position: absolute;
        width: 100%;
        height: 100%;
        backface-visibility: hidden;
    }

    .strategy-card-back {
        transform: rotateY(180deg);
    }
    .float-animation {
        animation: float 6s ease-in-out infinite;
    }

    @keyframes float {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-20px); }
    }

    .tech-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        gap: 1rem;
    }
    .floating {
        animation: float 6s ease-in-out infinite;
    }

    @keyframes float {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-20px); }
    }

    .glow {
        box-shadow: 0 0 30px rgba(13, 148, 136, 0.1);
    }

    .code-typing {
        overflow: hidden;
        white-space: nowrap;
        border-right: 2px solid #0d9488;
        animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite;
    }

    @keyframes typing {
        from { width: 0 }
        to { width: 100% }
    }

    @keyframes blink-caret {
        from, to { border-color: transparent }
        50% { border-color: #0d9488 }
    }
    .service-card {
        transition: all 0.3s ease;
    }

    .service-card:hover {
        transform: translateY(-10px);
    }

    .consulting-stats {
        background: linear-gradient(135deg, rgba(13, 148, 136, 0.1) 0%, rgba(56, 189, 248, 0.1) 100%);
    }