/* FSI Frontend CSS */

@keyframes fsi-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

@keyframes fsi-bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

@keyframes fsi-shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-3px); }
    75% { transform: translateX(3px); }
}

.fsi-pulse .fsi-icon {
    animation: fsi-pulse 2s ease-in-out infinite;
}

.fsi-bounce .fsi-icon {
    animation: fsi-bounce 1s ease-in-out infinite;
}

.fsi-shake .fsi-icon {
    animation: fsi-shake 0.5s ease-in-out infinite;
}

@media (max-width: 768px) {
    .fsi-hide-mobile {
        display: none !important;
    }
}