.sfxa-animate {
    opacity: 0;
    transition: all 1s ease-out;
}

.sfxa-visible {
    opacity: 1;
}

.sfxa-fade { transform: translateY(20px); }
.sfxa-dissolve { filter: blur(10px); }
.sfxa-rotate { transform: rotate(-10deg); }

.sfxa-visible.sfxa-fade { transform: translateY(0); }
.sfxa-visible.sfxa-dissolve { filter: blur(0); }
.sfxa-visible.sfxa-rotate { transform: rotate(0); }

.sfxa-hover-zoom:hover { transform: scale(1.05); transition: transform 0.3s ease; }
.sfxa-hover-rotate:hover { transform: rotate(3deg); transition: transform 0.3s ease; }
.sfxa-hover-glow:hover { box-shadow: 0 0 15px rgba(255,255,255,0.7); transition: box-shadow 0.3s ease; }