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

@keyframes slideIn {
from { transform: translateX(-50px); opacity: 0; }
to { transform: translateX(0); opacity: 1; }
}
@keyframes tableFade {
0% { opacity: 0; }
50% { opacity: 0; }
100% { opacity: 1; }
}

@keyframes zoomIn {
from { transform: scale(0.95); opacity: 0; }
to { transform: scale(1); opacity: 1; }
}
@keyframes bounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-15px); }
}

@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes slideInLeft {
from { transform: translateX(-50px); opacity: 0; }
to { transform: translateX(0); opacity: 1; }
}
@keyframes zoomIn {
from { transform: scale(0.95); opacity: 0; }
to { transform: scale(1); opacity: 1; }
}
@keyframes bounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-10px); }
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.01); }
100% { transform: scale(1); }
}
@keyframes slideUp {
from { transform: translateY(50px); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}
button:hover span {
opacity: 1;
transform: rotate(30deg) translate(20%, 20%);
}
button:hover {
transform: translateY(-5px);
box-shadow: 0 12px 30px rgba(244,107,69,0.4);
}
span:hover {
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

@keyframes pulse {
0% { transform: scale(1); box-shadow: 0 10px 30px rgba(252,182,159,0.3); }
100% { transform: scale(1.005); box-shadow: 0 15px 40px rgba(252,182,159,0.4); }
}

@keyframes slideUp {
from { transform: translateY(50px); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}
button:hover span {
opacity: 1;
transform: rotate(30deg) translate(20%, 20%);
}
button:hover {
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}

@keyframes fadeInTags {
0% { opacity: 0; }
50% { opacity: 0; }
100% { opacity: 1; }
}

@keyframes pulse {
0% { transform: scale(1); box-shadow: 0 12px 28px rgba(25,84,123,0.2); }
100% { transform: scale(1.005); box-shadow: 0 15px 35px rgba(25,84,123,0.3); }
}
div[style*=”flex: 1 1 300px”]:hover {
transform: translateY(-8px);
box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

@keyframes pulse {
0% { transform: scale(1); box-shadow: 0 10px 30px rgba(0,0,0,0.2); }
100% { transform: scale(1.01); box-shadow: 0 15px 35px rgba(0,0,0,0.3); }
}
a:hover {
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}