/* BASIL CORUJÃO — ANIMATIONS.CSS */
@keyframes fadeDown{from{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes popIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
@keyframes shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
@keyframes ctaPulse{0%,100%{box-shadow:0 8px 28px rgba(27,140,62,.42)}50%{box-shadow:0 16px 52px rgba(27,140,62,.66),0 0 32px rgba(27,140,62,.24)}}
@keyframes particleFloat{0%{opacity:0;transform:translateY(0) scale(1)}8%{opacity:1}92%{opacity:.3}100%{opacity:0;transform:translateY(var(--ty,-100px)) translateX(var(--tx,20px)) scale(.4)}}
@keyframes countdownGlow{0%,100%{box-shadow:0 0 12px rgba(230,155,50,.32)}50%{box-shadow:0 0 22px rgba(230,155,50,.72),0 0 40px rgba(160,104,24,.28)}}
@keyframes priceGlow{0%,100%{text-shadow:0 0 30px rgba(255,190,70,.75),0 4px 0 rgba(0,0,0,.7)}50%{text-shadow:0 0 46px rgba(255,190,70,.95),0 4px 0 rgba(0,0,0,.7)}}
@keyframes voucherGlow{0%,100%{box-shadow:0 0 22px rgba(230,155,50,.36)}50%{box-shadow:0 0 36px rgba(230,155,50,.65),0 0 48px rgba(255,190,70,.22)}}
@keyframes urgencyPulse{0%,100%{box-shadow:0 0 22px rgba(230,155,50,.34)}50%{box-shadow:0 0 36px rgba(230,155,50,.58),0 0 48px rgba(255,190,70,.22)}}
@keyframes coinSpin{0%{transform:rotate(0deg) scale(1);filter:drop-shadow(0 0 6px rgba(255,190,70,.6))}50%{transform:rotate(180deg) scale(1.15);filter:drop-shadow(0 0 14px rgba(255,190,70,.95))}100%{transform:rotate(360deg) scale(1);filter:drop-shadow(0 0 6px rgba(255,190,70,.6))}}
@keyframes eyebrowReveal{from{opacity:0;letter-spacing:.5em}to{opacity:1;letter-spacing:.3em}}
@keyframes ruleExpand{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes triggerIconGlow{0%,100%{box-shadow:0 0 0 rgba(230,155,50,0)}50%{box-shadow:0 0 18px rgba(230,155,50,.42)}}

.hero-logo{animation:popIn .8s .05s ease both,logoFloat 6s 1.4s ease-in-out infinite}
.eyebrow{animation:fadeIn .6s .2s ease both}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.eyebrow-coin{animation:coinSpin 3.5s .8s linear infinite}
.eyebrow-text{animation:eyebrowReveal .9s .2s ease both}
.hero-headline{animation:fadeDown .8s .3s ease both}
.hl-price{animation:priceGlow 3s 1.8s ease-in-out infinite}
.headline-rule{animation:ruleExpand 1s .5s ease both;transform-origin:center}
.hl-sub{animation:fadeUp .6s .58s ease both}
.voucher-badge{animation:fadeUp .6s .62s ease both,voucherGlow 2.6s 1.4s ease-in-out infinite}
.btn-vip{animation:popIn .7s .68s ease both,ctaPulse 2.5s 1.2s ease-in-out infinite}
.btn-note{animation:fadeUp .5s .76s ease both}
.countdown-inline{animation:fadeUp .7s .84s ease both,countdownGlow 2.4s 1.6s ease-in-out infinite}
.urgency-strip{animation:fadeUp .6s .92s ease both,urgencyPulse 2s 1.4s ease-in-out infinite}
.ticker-coin{animation:coinSpin 4s linear infinite}
.hero-sub{animation:fadeUp .6s 1s ease both}
.btn-vip::before{animation:shimmer 2.6s linear infinite}
.particle{animation:particleFloat ease-in-out infinite}
.trigger-item:nth-child(1) .trigger-icon-wrap{animation:triggerIconGlow 3.2s .3s ease-in-out infinite}
.trigger-item:nth-child(2) .trigger-icon-wrap{animation:triggerIconGlow 3.2s .6s ease-in-out infinite}
.trigger-item:nth-child(3) .trigger-icon-wrap{animation:triggerIconGlow 3.2s .9s ease-in-out infinite}
.trigger-item:nth-child(4) .trigger-icon-wrap{animation:triggerIconGlow 3.2s 1.2s ease-in-out infinite}
