@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes float {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }
}

.animate-fade-in {
    animation: fadeIn 0.6s ease-out forwards;
}

.tool-card {
    animation: fadeIn 0.6s ease-out backwards;
}

.tool-card:nth-child(1) {
    animation-delay: 0.1s;
}

.tool-card:nth-child(2) {
    animation-delay: 0.2s;
}

.tool-card:nth-child(3) {
    animation-delay: 0.3s;
}

.tool-card:nth-child(4) {
    animation-delay: 0.4s;
}

/* Pulse Glow */
.glow-pulse {
    position: absolute;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, var(--primary-glow) 0%, transparent 60%);
    opacity: 0.5;
    animation: pulse 4s infinite;
    pointer-events: none;
    z-index: -1;
}

@keyframes pulse {
    0% {
        opacity: 0.3;
        transform: scale(0.8);
    }

    50% {
        opacity: 0.6;
        transform: scale(1.1);
    }

    100% {
        opacity: 0.3;
        transform: scale(0.8);
    }
}