/*!
ELYSIANGO Atlas Animations
*/
:root{
 --atlas-fast:160ms cubic-bezier(.2,.8,.2,1);
 --atlas-normal:280ms cubic-bezier(.2,.8,.2,1);
 --atlas-slow:700ms cubic-bezier(.2,.8,.2,1);
}
@keyframes atlasFadeIn{from{opacity:0}to{opacity:1}}
@keyframes atlasFadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes atlasFadeDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}
@keyframes atlasScale{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@keyframes atlasSlideLeft{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes atlasSlideRight{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
@keyframes atlasPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
@keyframes atlasGlow{50%{box-shadow:0 0 26px rgba(244,215,121,.22)}}
@keyframes atlasFloat{50%{transform:translateY(-8px)}}
@keyframes atlasRotate{to{transform:rotate(360deg)}}
@keyframes atlasShimmer{to{background-position:-200% 0}}
.atlas-animate{animation:atlasFadeUp var(--atlas-normal) both}
.fade-in{animation:atlasFadeIn var(--atlas-normal) both}
.fade-up{animation:atlasFadeUp var(--atlas-normal) both}
.fade-down{animation:atlasFadeDown var(--atlas-normal) both}
.scale-in{animation:atlasScale var(--atlas-normal) both}
.slide-left{animation:atlasSlideLeft var(--atlas-normal) both}
.slide-right{animation:atlasSlideRight var(--atlas-normal) both}
.pulse{animation:atlasPulse 2s infinite}
.glow{animation:atlasGlow 2.8s infinite}
.float{animation:atlasFloat 3s ease-in-out infinite}
.spin{animation:atlasRotate 1s linear infinite}
.shimmer{
 background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.14),rgba(255,255,255,.04));
 background-size:200% 100%;
 animation:atlasShimmer 1.8s infinite;
}
.hover-lift{transition:transform var(--atlas-fast)}
.hover-lift:hover{transform:translateY(-4px)}
.hover-scale{transition:transform var(--atlas-fast)}
.hover-scale:hover{transform:scale(1.02)}
.hover-glow{transition:box-shadow var(--atlas-fast)}
.hover-glow:hover{box-shadow:0 0 24px rgba(244,215,121,.18)}
.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}
@media(prefers-reduced-motion:reduce){
*,*:before,*:after{animation:none!important;transition:none!important}
}