@keyframes fadeInUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes glow-pulse{0%,100%{box-shadow:0 0 20px rgba(0,220,245,0.15)}50%{box-shadow:0 0 40px rgba(0,220,245,0.3)}}
@keyframes spin-wheel{from{transform:rotate(0deg)}to{transform:rotate(var(--final-deg,3600deg))}}
@keyframes bounce-in{0%{transform:scale(0.8);opacity:0}60%{transform:scale(1.05)}100%{transform:scale(1);opacity:1}}
@keyframes count-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

.anim-fade-up{animation:fadeInUp 0.6s ease both}
.anim-fade{animation:fadeIn 0.5s ease both}
.anim-slide-left{animation:slideInLeft 0.5s ease both}
.anim-delay-1{animation-delay:0.1s}
.anim-delay-2{animation-delay:0.2s}
.anim-delay-3{animation-delay:0.3s}
.anim-delay-4{animation-delay:0.4s}
.anim-delay-5{animation-delay:0.5s}
.anim-float{animation:float 3s ease-in-out infinite}
.anim-glow{animation:glow-pulse 2.5s ease-in-out infinite}

[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity 0.6s ease,transform 0.6s ease}
[data-reveal].visible{opacity:1;transform:translateY(0)}
[data-reveal="left"]{transform:translateX(-24px)}
[data-reveal="left"].visible{transform:translateX(0)}
[data-reveal="right"]{transform:translateX(24px)}
[data-reveal="right"].visible{transform:translateX(0)}
[data-reveal="scale"]{transform:scale(0.95)}
[data-reveal="scale"].visible{transform:scale(1)}

.r3k7p-hero__content{animation:fadeInUp 0.7s ease both}
.k4m8n-header{animation:fadeIn 0.4s ease both}