@keyframes sf-fadeIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes sf-pulse{0%,100%{box-shadow:0 0 0 0 rgba(0,220,205,.4)}50%{box-shadow:0 0 0 10px rgba(0,220,205,0)}}
@keyframes sf-shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}
@keyframes sf-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes sf-spin{to{transform:rotate(360deg)}}
@keyframes sf-glow{0%,100%{text-shadow:0 0 8px rgba(0,220,205,.4)}50%{text-shadow:0 0 20px rgba(0,220,205,.9),0 0 40px rgba(0,220,205,.4)}}
@keyframes sf-slideIn{from{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes sf-bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}
@keyframes sf-widgetIn{from{transform:translateY(40px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
.sf-animate-in{animation:sf-fadeIn .55s ease both}
.sf-animate-in--delay1{animation-delay:.1s}
.sf-animate-in--delay2{animation-delay:.2s}
.sf-animate-in--delay3{animation-delay:.3s}
.sf-hero__title{animation:sf-glow 4s ease-in-out infinite}
.sf-casino-tile{animation:sf-float 5s ease-in-out infinite}
.sf-btn--primary:active{animation:sf-pulse .4s ease}
.sf-widget__card{animation:sf-widgetIn .5s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.8s}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.sf-hero__badge{animation:sf-slideIn .5s ease both}
.sf-bonus-card{transition:transform .22s ease,box-shadow .22s ease}