@keyframes fadeInDown{
 from{opacity:0;transform:translateY(-18px)}
 to{opacity:1;transform:translateY(0)}
}
@keyframes fadeInUp{
 from{opacity:0;transform:translateY(24px)}
 to{opacity:1;transform:translateY(0)}
}
.reveal{
 opacity:0;transform:translateY(28px);
 transition:opacity .6s ease-out,transform .6s ease-out;
}
.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:1024px){
 .hero-content{max-width:100%}
 .hero-overlay{background:linear-gradient(180deg,rgba(6,8,15,0.88) 0%,rgba(6,8,15,0.7) 60%,rgba(6,8,15,0.85) 100%)}
 .overview-content{grid-template-columns:1fr}
 .rating-grid{grid-template-columns:1fr}
 .login-grid{grid-template-columns:1fr}
 .mobile-grid{grid-template-columns:1fr}
 .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
 section{padding:56px 0}
 .main-nav{display:none}
 img{max-width:100%}
 .hero{padding:calc(var(--header-h) + 24px) 0 0;background-position:center}
 .hero-overlay{background:rgba(6,8,15,0.82)}
 .hero h1{font-size:1.6rem;margin-bottom:14px}
 .hero-sub{font-size:.88rem;margin-bottom:20px}
 .hero-badge{font-size:.72rem;padding:5px 12px;margin-bottom:14px}
 .hero-rating{margin-bottom:20px}
 .hero-actions{flex-direction:column;gap:10px}
 .hero-actions .btn-lg{width:100%;text-align:center;padding:14px 20px;font-size:.9rem}
 .hero-tags{gap:6px}
 .hero-tag{font-size:.7rem;padding:4px 10px}
 .hero-stats{
 flex-wrap:wrap;margin-top:0;margin-bottom:0;
 border-radius:0;border-left:none;border-right:none;
}
 .hero-stat{
 flex:1 1 33.3%;min-width:0;
 padding:12px 8px;
 border-bottom:1px solid var(--border);
}
 .hero-stat:nth-child(3n){border-right:none}
 .hero-stat:nth-child(n+4){border-bottom:none}
 .hero-stat-value{font-size:1rem}
 .hero-stat-label{font-size:.6rem}
 .bonus-grid{grid-template-columns:1fr}
 .games-grid{grid-template-columns:1fr}
 .security-grid{grid-template-columns:1fr}
 .sec-card{flex-direction:column;text-align:center}
 .sec-card-icon{margin:0 auto}
 .section-title{font-size:1.5rem}
 .section-desc{font-size:.9rem}
 .footer-grid{grid-template-columns:1fr}
 .footer-bottom{flex-direction:column;text-align:center}
 .mid-cta{padding:32px 16px}
 .mid-cta .section-title{font-size:1.3rem}
 .payments-table{font-size:.72rem}
 .payments-table th,.payments-table td{padding:8px 6px;word-break:break-word}
 .rating-grid{gap:24px}
 .rating-circle{padding:24px 16px}
 .rating-number{font-size:2.8rem}
 .rating-bar-row{gap:8px}
 .rating-bar-label{min-width:80px;font-size:.75rem}
 .rating-bar-value{min-width:24px;font-size:.75rem}
 .faq-q{padding:14px 16px;font-size:.88rem}
 .faq-a-inner{padding:0 16px 16px;font-size:.85rem}
 .overview-image img,.login-image img,.mobile-image img{max-width:100%;margin:0 auto}
 .providers-strip{padding:16px;gap:12px}
 .providers-label{font-size:.7rem}
 .footer-cta{padding:40px 16px}
 .footer-cta-buttons{flex-direction:column;gap:10px}
 .footer-cta-buttons .btn-lg{width:100%}
}
@media(max-width:480px){
 .container{padding:0 16px}
 .header-cta .btn-outline{display:none}
 .hero h1{font-size:1.4rem}
 .hero-stat{padding:10px 4px}
 .hero-stat-value{font-size:.9rem}
}