@keyframes heroFadeUp { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }
@keyframes glow { 0%,100%{box-shadow:0 0 12px rgba(234,91,12,0.3)} 50%{box-shadow:0 0 28px rgba(234,91,12,0.7)} }
@keyframes pulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.035)} }
@keyframes shimmer { 0%{background-position:-200% 0} 100%{background-position:200% 0} }
@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }
@keyframes slideInLeft { from{opacity:0;transform:translateX(-24px)} to{opacity:1;transform:translateX(0)} }
@keyframes slideInRight { from{opacity:0;transform:translateX(24px)} to{opacity:1;transform:translateX(0)} }

.hero-content { animation: heroFadeUp 0.7s ease forwards; }
.hero-badge { animation: slideInLeft 0.55s ease forwards; }
.promo-box { animation: glow 3s ease-in-out infinite; }
.btn-primary { position: relative; overflow: hidden; }
.btn-primary::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,0.12),transparent); background-size:200% 100%; animation:shimmer 2.4s linear infinite; }
.jackpot-card:hover { animation: float 2s ease-in-out infinite; }
.spin-btn { animation: pulse 2s ease-in-out infinite; }
.spin-btn:disabled { animation: none; }
.sticky-widget { animation: slideInLeft 0.4s ease forwards; }
.online-badge { animation: none; }
.online-dot { animation: blink 1.4s infinite; }

.section-divider { width: 100%; height: 1px; background: linear-gradient(90deg, transparent, rgba(234,91,12,0.4), transparent); margin: 0; }

.hero-scroll-hint { display: flex; flex-direction: column; align-items: center; gap: 4px; margin-top: 32px; color: #555; font-size: 12px; }
.scroll-arrow { animation: float 1.6s ease-in-out infinite; }