@keyframes cr-fade-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes cr-fade-in{from{opacity:0}to{opacity:1}}
@keyframes cr-scale-in{from{opacity:0;transform:scale(0.94)}to{opacity:1;transform:none}}
@keyframes cr-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes cr-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

.cr-animate-fade-up{animation:cr-fade-up 0.52s cubic-bezier(0.16,1,0.3,1) both}
.cr-animate-fade-in{animation:cr-fade-in 0.4s ease both}
.cr-animate-scale-in{animation:cr-scale-in 0.38s cubic-bezier(0.16,1,0.3,1) both}

[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity 0.55s cubic-bezier(0.16,1,0.3,1),transform 0.55s cubic-bezier(0.16,1,0.3,1)}
[data-reveal].revealed{opacity:1;transform:none}
[data-reveal-delay="1"]{transition-delay:0.08s}
[data-reveal-delay="2"]{transition-delay:0.16s}
[data-reveal-delay="3"]{transition-delay:0.24s}
[data-reveal-delay="4"]{transition-delay:0.32s}

.bonus-card{transition:transform 0.25s,box-shadow 0.25s}
.bonus-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(62,13,97,0.3)}
.advantage-tile{transition:transform 0.25s,box-shadow 0.25s}

.hero-promo-code-block{animation:cr-fade-up 0.65s 0.1s both}
.hero-banner-img-wrap{animation:cr-scale-in 0.7s 0.2s both}

.btn{position:relative;overflow:hidden}
.btn::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,0.18) 50%,transparent 70%);background-size:200% 100%;opacity:0;transition:opacity 0.3s}
.btn:hover::after{opacity:1;animation:cr-shimmer 0.7s ease}

.hero-banner-img{animation:cr-float 5s ease-in-out infinite}

.cr-preloader.hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.45s 0.1s,visibility 0.45s 0.1s}