.gradient-text {
    background: linear-gradient(135deg, #0066FF 0%, #00C853 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.card-hover { transition: all 0.3s ease; }
.card-hover:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0, 102, 255, 0.1); }
.nav-link { position: relative; }
.nav-link::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background: #0066FF; transition: 0.3s; }
.nav-link:hover::after { width: 100%; }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.animate-fade-in { animation: fadeInUp 0.6s ease forwards; }
.animate-delay-1 { animation-delay: 0.2s; }
.animate-delay-2 { animation-delay: 0.4s; }
#tools-grid img {
    max-width: 100%;
    max-height: 40px; /* Forces all logos to a consistent height */
    object-fit: contain;
    filter: grayscale(20%); /* Optional: makes them look more professional */
    transition: filter 0.3s ease;
}

#tools-grid div:hover img {
    filter: grayscale(0%);
}