@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.6}}
@keyframes shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}
@keyframes slideIn{from{transform:translateX(30px);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes rotateIn{from{transform:rotate(-5deg) scale(0.9);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}
@keyframes bounceIn{0%{transform:scale(0.8);opacity:0}60%{transform:scale(1.05)}100%{transform:scale(1);opacity:1}}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes glow{0%,100%{box-shadow:0 0 5px rgba(129,222,34,0.3)}50%{box-shadow:0 0 20px rgba(129,222,34,0.6),0 0 40px rgba(129,222,34,0.2)}}
@keyframes winnerIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}
@keyframes countUp{from{opacity:0}to{opacity:1}}
@keyframes borderFlow{0%{border-color:rgba(129,222,34,0.2)}50%{border-color:rgba(129,222,34,0.6)}100%{border-color:rgba(129,222,34,0.2)}}

.animate-fade-in{animation:fadeIn 0.5s ease forwards}
.animate-fade-up{animation:fadeUp 0.5s ease forwards}
.animate-slide-in{animation:slideIn 0.4s ease forwards}
.animate-bounce-in{animation:bounceIn 0.5s ease forwards}

.btn--play{animation:glow 2.5s ease infinite}
.btn--play:hover{animation:none}

.hero-eyebrow{animation:fadeDown 0.6s ease 0.1s both}
.hero-h1{animation:fadeUp 0.6s ease 0.2s both}
.hero-desc{animation:fadeUp 0.6s ease 0.3s both}
.hero-buttons{animation:fadeUp 0.6s ease 0.4s both}
.hero-tiles{animation:fadeUp 0.6s ease 0.5s both}

[data-scroll-anim]{opacity:0;transform:translateY(20px);transition:opacity 0.5s ease,transform 0.5s ease}
[data-scroll-anim].in-view{opacity:1;transform:translateY(0)}
[data-scroll-anim][data-delay="1"]{transition-delay:0.1s}
[data-scroll-anim][data-delay="2"]{transition-delay:0.2s}
[data-scroll-anim][data-delay="3"]{transition-delay:0.3s}
[data-scroll-anim][data-delay="4"]{transition-delay:0.4s}
[data-scroll-anim][data-delay="5"]{transition-delay:0.5s}

.winner-row-anim{animation:winnerIn 0.3s ease forwards}

.loading-bar{height:3px;background:linear-gradient(90deg,transparent,var(--clr-btn-play),transparent);background-size:200% 100%;animation:shimmer 1.5s infinite linear}

.section-divider{width:60px;height:3px;background:linear-gradient(90deg,var(--clr-btn-play),var(--clr-btn-info));border-radius:2px;margin:0 auto 32px}

.adv-card:nth-child(1)[data-scroll-anim]{transition-delay:0s}
.adv-card:nth-child(2)[data-scroll-anim]{transition-delay:0.1s}
.adv-card:nth-child(3)[data-scroll-anim]{transition-delay:0.2s}
.adv-card:nth-child(4)[data-scroll-anim]{transition-delay:0.3s}
.adv-card:nth-child(5)[data-scroll-anim]{transition-delay:0.4s}
.adv-card:nth-child(6)[data-scroll-anim]{transition-delay:0.5s}