/* © muathemewpgiare.com – Animations CSS v3.0.0 */
.mfs-anim{opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1);}
.mfs-anim.mfs-anim-visible{opacity:1;transform:none!important;}
.mfs-anim-fade-up{transform:translateY(40px);}
.mfs-anim-fade-in{transform:none;opacity:0;}
.mfs-anim-slide-left{transform:translateX(-60px);}
.mfs-anim-slide-right{transform:translateX(60px);}
.mfs-anim-zoom{transform:scale(.85);}
.mfs-anim-bounce{transform:translateY(30px);}
.mfs-anim-bounce.mfs-anim-visible{animation:mfsBounceIn .8s ease;}
.mfs-anim-flip{transform:perspective(600px) rotateY(90deg);}

@keyframes mfsBounceIn{0%{transform:translateY(30px);opacity:0;}60%{transform:translateY(-10px);opacity:1;}100%{transform:translateY(0);}}

.mfs-anim:nth-child(1){transition-delay:.05s;}.mfs-anim:nth-child(2){transition-delay:.1s;}.mfs-anim:nth-child(3){transition-delay:.15s;}.mfs-anim:nth-child(4){transition-delay:.2s;}.mfs-anim:nth-child(5){transition-delay:.25s;}.mfs-anim:nth-child(6){transition-delay:.3s;}.mfs-anim:nth-child(7){transition-delay:.35s;}.mfs-anim:nth-child(8){transition-delay:.4s;}.mfs-anim:nth-child(9){transition-delay:.45s;}.mfs-anim:nth-child(10){transition-delay:.5s;}

/* Hover effects */
.mfs-hover-glow:hover{box-shadow:0 0 30px rgba(var(--mfs-primary-rgb,239,68,68),.3);}
.mfs-hover-lift:hover{transform:translateY(-8px)!important;}
.mfs-hover-tilt:hover{transform:perspective(500px) rotateY(5deg) rotateX(3deg);}
.mfs-hover-border:hover{border-color:var(--mfs-color)!important;}

/* Pulse animation for badges */
@keyframes mfsPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.05);}}
.mfs-pulse{animation:mfsPulse 2s infinite;}

/* Shake animation */
@keyframes mfsShake{0%,100%{transform:translateX(0);}20%{transform:translateX(-4px);}40%{transform:translateX(4px);}60%{transform:translateX(-2px);}80%{transform:translateX(2px);}}
.mfs-shake{animation:mfsShake .5s ease;}

/* Spin */
@keyframes mfsSpin{to{transform:rotate(360deg);}}
.mfs-spin{animation:mfsSpin 1s linear infinite;}

/* Gradient animation */
@keyframes mfsGradient{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
.mfs-animated-gradient{background-size:200% 200%;animation:mfsGradient 4s ease infinite;}