/* Fade Animations */
[data-animate="fade-up"] {
    transform: translateY(60px);
}

[data-animate="fade-up"].animated {
    transform: translateY(0);
}

[data-animate="fade-down"] {
    transform: translateY(-60px);
}

[data-animate="fade-down"].animated {
    transform: translateY(0);
}

[data-animate="slide-left"] {
    transform: translateX(-100px);
}

[data-animate="slide-left"].animated {
    transform: translateX(0);
}

[data-animate="slide-right"] {
    transform: translateX(100px);
}

[data-animate="slide-right"].animated {
    transform: translateX(0);
}

[data-animate="slide-up"] {
    transform: translateY(60px);
}

[data-animate="slide-up"].animated {
    transform: translateY(0);
}

[data-animate="slide-down"] {
    transform: translateY(-60px);
}

[data-animate="slide-down"].animated {
    transform: translateY(0);
}

/* Scale Animations */
[data-animate="scale-up"] {
    transform: scale(0.8);
}

[data-animate="scale-up"].animated {
    transform: scale(1);
}

[data-animate="zoom-in"] {
    transform: scale(0.9);
}

[data-animate="zoom-in"].animated {
    transform: scale(1);
}

/* Rotation and Complex Animations */
[data-animate="flip-in"] {
    transform: perspective(400px) rotateY(90deg);
}

[data-animate="flip-in"].animated {
    transform: perspective(400px) rotateY(0);
}

[data-animate="bounce-in"] {
    transform: scale(0.3);
    animation: bounceIn 0.8s ease-out forwards;
}

[data-animate="badge-reveal"] {
    background: var(--primary-dark);
    color: var(--primary-light);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
    transform: scale(0);
    transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-animate="badge-reveal"].animated {
    transform: scale(1);
}

/* Magnetic Button Effect */
[data-animate="magnetic-btn"] {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

[data-animate="magnetic-btn"]:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, 0.2),
            transparent);
    transition: left 0.5s ease;
}

[data-animate="magnetic-btn"]:hover:before {
    left: 100%;
}

/* Form Animations */
[data-animate="form-reveal"] {
    transform: perspective(1000px) rotateX(45deg);
    opacity: 0;
}

[data-animate="form-reveal"].animated {
    transform: perspective(1000px) rotateX(0);
    opacity: 1;
}

[data-animate="input-reveal"] {
    transform: translateX(-100px);
    opacity: 0;
}

[data-animate="input-reveal"].animated {
    transform: translateX(0);
    opacity: 1;
}

/* Gradient Text Effect */
[data-animate="gradient-text"] {
    background: linear-gradient(45deg,
            var(--primary-dark),
            var(--accent-gray),
            var(--primary-dark));
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: gradientShift 3s ease infinite;
}

@keyframes gradientShift {

    0%,
    100% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }
}

/* Special Text Animations */
[data-animate="typing-effect"] {
    overflow: hidden;
    border-right: 3px solid var(--primary-dark);
    white-space: nowrap;
    margin: 0 auto;
    letter-spacing: 0.15em;
    animation: typing 3s 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: var(--primary-dark);
    }
}

[data-animate="split-text"] .char {
    display: inline-block;
    opacity: 0;
    transform: translateY(50px) rotateX(90deg);
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-animate="split-text"].animated .char {
    opacity: 1;
    transform: translateY(0) rotateX(0);
}

/* Pulse and Glow Effects */
[data-animate="pulse-glow"] {
    animation: pulseGlow 2s infinite;
}

@keyframes pulseGlow {

    0%,
    100% {
        text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
        transform: scale(1);
    }

    50% {
        text-shadow: 0 0 20px rgba(255, 255, 255, 0.8),
            0 0 30px rgba(255, 255, 255, 0.6);
        transform: scale(1.02);
    }
}

[data-animate="team-reveal"] {
    transform: translateY(100px) rotateX(45deg);
    opacity: 0;
    perspective: 1000px;
}

[data-animate="team-reveal"].animated {
    transform: translateY(0) rotateX(0);
    opacity: 1;
}

[data-animate="image-reveal"] {
    transform: scale(1.1);
    opacity: 0;
    overflow: hidden;
}

[data-animate="image-reveal"].animated {
    transform: scale(1);
    opacity: 1;
}

[data-animate="expand-width"] {
    width: 0;
    transition: width 1s ease-out;
}

[data-animate="expand-width"].animated {
    width: 200px;
}

/* Service Cards Animation */
[data-animate="card-reveal"] {
    transform: translateY(80px) scale(0.9);
    opacity: 0;
}

[data-animate="card-reveal"].animated {
    transform: translateY(0) scale(1);
    opacity: 1;
}