/* core/css/main.css */

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}
@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}
@keyframes pulse-glow {
    0%, 100% {
        box-shadow: 0 0 15px rgba(16, 185, 129, 0.1), 0 0 30px rgba(20, 184, 166, 0.05); /* Emerald and Teal */
    }
    50% {
        box-shadow: 0 0 25px rgba(16, 185, 129, 0.2), 0 0 50px rgba(20, 184, 166, 0.1), 0 0 80px rgba(16, 185, 129, 0.05);
    }
}
@keyframes pulse-glow-light {
    0%, 100% {
        box-shadow: 0 0 15px rgba(16, 185, 129, 0.15), 0 0 30px rgba(20, 184, 166, 0.1);
    }
    50% {
        box-shadow: 0 0 25px rgba(16, 185, 129, 0.25), 0 0 50px rgba(20, 184, 166, 0.15), 0 0 80px rgba(16, 185, 129, 0.1);
    }
}
.float-animation { animation: float 6s ease-in-out infinite; }
.shimmer-effect {
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
    background-size: 200% 100%;
    animation: shimmer 60s infinite;
}
.shimmer-effect-light {
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
    background-size: 200% 100%;
    animation: shimmer 60s infinite;
}
.glow-pulse { animation: pulse-glow 6s ease-in-out infinite; }
.glow-pulse-light { animation: pulse-glow-light 6s ease-in-out infinite; }
.glass-morphism {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
.dark .shimmer-effect {
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
}
/* This shimmer-effect rule is duplicated in your prototype, including both */
.shimmer-effect {
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
}