@keyframes goldShimmer{
 0%{background-position:-200% 0;}
 100%{background-position:200% 0;}
}
.metric-card::before,
.hero-bonus__conditions::before,
.hero-payments__summary::before,
.jetons-block::before,
.tier-cell--mega::before,
.cat-tile::before,
.related-card::before{
 background:linear-gradient(
 90deg,
 transparent 0%,
 var(--gold-dim) 20%,
 var(--gold-hi) 45%,
 var(--cream) 50%,
 var(--gold-hi) 55%,
 var(--gold-dim) 80%,
 transparent 100%
 );
 background-size:200% 100%;
 animation:goldShimmer 8s ease-in-out infinite;
 opacity:0.7;
}
.metric-card::before{animation-delay:0s;}
.hero-bonus__conditions::before{animation-delay:1.5s;}
.hero-payments__summary::before{animation-delay:2.5s;}
.jetons-block::before{animation-delay:3s;}
.tier-cell--mega::before{animation-delay:0.5s;}
.cat-tile::before{animation-delay:2s;animation-duration:10s;}
.related-card::before{animation-delay:1s;}
.metric-card,
.cat-tile,
.strategy-step,
.kyc-step,
.provider-cell,
.tier-cell,
.pros-cons__col,
.math-callout,
.crypto-callout,
.hero-bonus__conditions,
.hero-payments__summary,
.jetons-block{
 transition:transform .35s cubic-bezier(.2,.8,.2,1),
 border-color .25s ease,
 background .25s ease,
 box-shadow .35s ease;
 will-change:transform;
}
.metric-card:hover,
.cat-tile:hover,
.strategy-step:hover,
.kyc-step:hover,
.provider-cell:hover,
.tier-cell:hover,
.pros-cons__col:hover{
 transform:translateY(-3px);
 border-color:var(--gold-dim);
 box-shadow:
 0 12px 32px -12px rgba(181,126,16,0.28),
 0 1px 0 rgba(242,217,142,0.08) inset;
}
a.metric-card:hover,
.related-card:hover{
 transform:translateY(-3px);
 box-shadow:
 0 14px 36px -14px rgba(181,126,16,0.32),
 0 1px 0 rgba(242,217,142,0.1) inset;
}
.slot-tile,
.featured-slot{
 transition:transform .4s cubic-bezier(.2,.8,.2,1),
 border-color .25s ease,
 box-shadow .4s ease;
}
.slot-tile:hover{
 transform:translateY(-4px) scale(1.01);
 box-shadow:0 16px 40px -16px rgba(181,126,16,0.45);
}
.slot-tile img,
.featured-slot img{
 transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .4s ease;
}
.slot-tile:hover img,
.featured-slot:hover img{
 transform:scale(1.08);
 filter:brightness(1.08) saturate(1.1);
}
.btn-primary{
 position:relative;
 overflow:hidden;
 isolation:isolate;
}
.btn-primary::before{
 content:"";
 position:absolute;
 top:0;left:-150%;
 width:60%;
 height:100%;
 background:linear-gradient(
 120deg,
 transparent 0%,
 rgba(255,247,220,0) 30%,
 rgba(255,247,220,0.55) 50%,
 rgba(255,247,220,0) 70%,
 transparent 100%
 );
 transform:skewX(-22deg);
 transition:left .75s cubic-bezier(.2,.7,.3,1);
 pointer-events:none;
 z-index:1;
}
.btn-primary:hover::before{left:140%;}
.btn-primary > *{position:relative;z-index:2;}
main a:not(.btn):not(.nav-link):not(.brand):not(.metric-card):not(.related-card):not(.breadcrumb a):not(.faq-q):not(.cat-tile a):not([class]){
 position:relative;
 border-bottom:none;
 background-image:linear-gradient(90deg,var(--gold-dim),var(--gold-dim));
 background-size:0% 1px;
 background-repeat:no-repeat;
 background-position:0 100%;
 padding-bottom:2px;
 transition:background-size .3s ease,color .15s ease;
}
main a:not(.btn):not(.nav-link):not(.brand):not(.metric-card):not(.related-card):not(.breadcrumb a):not(.faq-q):not(.cat-tile a):not([class]):hover{
 background-size:100% 1px;
 color:var(--cream);
}
.chapter-body p a,
main p a,
.hero__deck a,
.verdict__text a{
 color:var(--gold-hi);
 background-image:linear-gradient(90deg,var(--gold-hi),var(--gold-hi));
 background-size:100% 1px;
 background-repeat:no-repeat;
 background-position:0 100%;
 padding-bottom:2px;
 transition:background-size .3s ease,color .2s ease,background-position .3s ease;
 border-bottom:none;
}
.chapter-body p a:hover,
main p a:hover,
.hero__deck a:hover,
.verdict__text a:hover{
 color:var(--cream);
 background-image:linear-gradient(90deg,var(--cream),var(--cream));
}
.reveal.visible h2,
section h2{
 transition:letter-spacing .8s ease-out;
}
.reveal h2{letter-spacing:-0.03em;}
.reveal.visible h2{letter-spacing:-0.01em;}
.hero{
 isolation:isolate;
}
.hero::after{
 content:"";
 position:absolute;
 inset:0;
 background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 800'><g fill='%23f2d98e' opacity='0.35'><circle cx='80' cy='120' r='1.2'/><circle cx='340' cy='60' r='0.8'/><circle cx='520' cy='180' r='1.5'/><circle cx='780' cy='90' r='0.9'/><circle cx='1020' cy='210' r='1.1'/><circle cx='1240' cy='150' r='0.7'/><circle cx='180' cy='280' r='0.9'/><circle cx='460' cy='380' r='1.3'/><circle cx='720' cy='450' r='0.8'/><circle cx='960' cy='340' r='1'/><circle cx='1180' cy='420' r='1.2'/><circle cx='120' cy='520' r='0.7'/><circle cx='380' cy='560' r='1.4'/><circle cx='620' cy='640' r='0.9'/><circle cx='860' cy='580' r='1.1'/><circle cx='1100' cy='700' r='0.8'/><circle cx='1340' cy='620' r='1'/><circle cx='40' cy='380' r='0.6'/><circle cx='260' cy='720' r='1'/></g></svg>");
 background-size:1400px 800px;
 background-repeat:repeat;
 pointer-events:none;
 z-index:-1;
 animation:dustDrift 60s linear infinite;
 opacity:0.6;
}
@keyframes dustDrift{
 0%{transform:translate(0,0);}
 50%{transform:translate(-20px,-30px);}
 100%{transform:translate(0,0);}
}
.chapter-num{
 position:sticky;
 top:calc(var(--header-h) + 40px);
 transition:color .6s ease;
}
.chapter:hover .chapter-num{
 color:var(--gold);
 text-shadow:0 0 30px rgba(212,169,74,0.2);
}
@keyframes verdictGlow{
 0%,100%{filter:drop-shadow(0 0 20px rgba(242,217,142,0.15));}
 50%{filter:drop-shadow(0 0 40px rgba(242,217,142,0.35));}
}
.verdict__rating{
 animation:verdictGlow 4s ease-in-out infinite;
}
.hero-bonus__big{
 animation:verdictGlow 5s ease-in-out infinite;
 animation-delay:1s;
}
.kpi__num{
 transition:transform .6s cubic-bezier(.2,.8,.2,1),color .4s ease;
 display:inline-block;
}
.kpi:hover .kpi__num{
 transform:scale(1.05);
 color:var(--cream);
}
@keyframes megaPulse{
 0%,100%{box-shadow:0 0 0 0 rgba(212,169,74,0);}
 50%{box-shadow:0 0 24px 2px rgba(212,169,74,0.12);}
}
.tier-cell--mega{
 animation:megaPulse 3.5s ease-in-out infinite;
}
.tier-cell--mega:hover{
 animation:none;
 box-shadow:0 0 32px 4px rgba(212,169,74,0.25);
}
.payment-cell{
 transition:border-color .25s ease,background .25s ease,transform .25s ease,box-shadow .3s ease;
}
.payment-cell:hover{
 border-color:var(--gold-dim);
 background:var(--surface-elev);
 transform:translateY(-2px);
 box-shadow:0 8px 24px -12px rgba(212,169,74,0.3);
}
.code-badge{
 transition:border-color .25s ease,background .25s ease,transform .2s ease;
}
.code-badge:hover{
 border-color:var(--gold);
 background:rgba(212,169,74,0.15);
 transform:translateY(-1px);
}
.strategy-step__num,
.kyc-step::before{
 transition:transform .4s cubic-bezier(.2,.8,.2,1),color .3s ease;
 display:inline-block;
 transform-origin:left center;
}
.strategy-step:hover .strategy-step__num{
 color:var(--gold-hi);
 transform:translateX(2px) scale(1.05);
}
.kyc-step:hover::before{
 color:var(--gold);
 transform:translateX(2px);
}
.faq-item{
 transition:border-color .3s ease,background .3s ease;
}
.faq-item.active{
 background:var(--surface-elev);
 box-shadow:0 4px 24px -12px rgba(212,169,74,0.2);
}
.faq-q::after{
 transition:transform .4s cubic-bezier(.2,.8,.2,1),color .2s ease;
}
.drule{
 position:relative;
 overflow:hidden;
}
.drule::before{
 content:"";
 position:absolute;
 top:0;left:-100%;
 width:40%;
 height:100%;
 background:linear-gradient(90deg,transparent,rgba(242,217,142,0.5),transparent);
 animation:druleSweep 6s ease-in-out infinite;
}
@keyframes druleSweep{
 0%,100%{left:-40%;}
 50%{left:100%;}
}
.fleuron::before{
 display:inline-block;
 transition:transform .8s ease;
}
.fleuron:hover::before{
 transform:rotate(180deg);
}
.brand img{
 transition:filter .3s ease;
}
.brand:hover img{
 filter:brightness(1.08) drop-shadow(0 0 8px rgba(212,169,74,0.3));
}
@keyframes navDotBreath{
 0%,100%{transform:translateX(-50%) scale(1);opacity:1;}
 50%{transform:translateX(-50%) scale(1.3);opacity:0.7;}
}
.nav-link.is-active::after{
 animation:navDotBreath 2.4s ease-in-out infinite;
}
.reveal{
 opacity:0;
 transform:translateY(20px);
 transition:
 opacity .7s cubic-bezier(.2,.8,.2,1),
 transform .7s cubic-bezier(.2,.8,.2,1);
}
.reveal.visible{
 opacity:1;
 transform:translateY(0);
}
.metric-grid.reveal.visible .metric-card,
.category-grid.reveal.visible .cat-tile,
.bonus-strategy.reveal.visible .strategy-step,
.kyc-steps.reveal.visible .kyc-step,
.jackpot-tiers.reveal.visible .tier-cell,
.provider-grid.reveal.visible .provider-cell,
.slot-grid.reveal.visible .slot-tile,
.hero-featured.reveal.visible .featured-slot{
 animation:cardFadeUp .7s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes cardFadeUp{
 from{opacity:0;transform:translateY(14px);}
 to{opacity:1;transform:translateY(0);}
}
.metric-grid.reveal.visible .metric-card:nth-child(1),
.category-grid.reveal.visible .cat-tile:nth-child(1),
.bonus-strategy.reveal.visible .strategy-step:nth-child(1),
.kyc-steps.reveal.visible .kyc-step:nth-child(1),
.provider-grid.reveal.visible .provider-cell:nth-child(1),
.slot-grid.reveal.visible .slot-tile:nth-child(1),
.hero-featured.reveal.visible .featured-slot:nth-child(1),
.jackpot-tiers.reveal.visible .tier-cell:nth-child(1){animation-delay:0ms;}
.metric-grid.reveal.visible .metric-card:nth-child(2),
.category-grid.reveal.visible .cat-tile:nth-child(2),
.bonus-strategy.reveal.visible .strategy-step:nth-child(2),
.kyc-steps.reveal.visible .kyc-step:nth-child(2),
.provider-grid.reveal.visible .provider-cell:nth-child(2),
.slot-grid.reveal.visible .slot-tile:nth-child(2),
.hero-featured.reveal.visible .featured-slot:nth-child(2),
.jackpot-tiers.reveal.visible .tier-cell:nth-child(2){animation-delay:80ms;}
.metric-grid.reveal.visible .metric-card:nth-child(3),
.category-grid.reveal.visible .cat-tile:nth-child(3),
.bonus-strategy.reveal.visible .strategy-step:nth-child(3),
.kyc-steps.reveal.visible .kyc-step:nth-child(3),
.provider-grid.reveal.visible .provider-cell:nth-child(3),
.slot-grid.reveal.visible .slot-tile:nth-child(3),
.hero-featured.reveal.visible .featured-slot:nth-child(3),
.jackpot-tiers.reveal.visible .tier-cell:nth-child(3){animation-delay:160ms;}
.metric-grid.reveal.visible .metric-card:nth-child(4),
.category-grid.reveal.visible .cat-tile:nth-child(4),
.kyc-steps.reveal.visible .kyc-step:nth-child(4),
.provider-grid.reveal.visible .provider-cell:nth-child(4),
.slot-grid.reveal.visible .slot-tile:nth-child(4){animation-delay:240ms;}
.slot-grid.reveal.visible .slot-tile:nth-child(5),
.provider-grid.reveal.visible .provider-cell:nth-child(5){animation-delay:320ms;}
.slot-grid.reveal.visible .slot-tile:nth-child(6),
.provider-grid.reveal.visible .provider-cell:nth-child(6){animation-delay:400ms;}
.slot-grid.reveal.visible .slot-tile:nth-child(7){animation-delay:480ms;}
.slot-grid.reveal.visible .slot-tile:nth-child(8){animation-delay:560ms;}
@media (prefers-reduced-motion:reduce){
 .metric-card::before,
 .hero-bonus__conditions::before,
 .hero-payments__summary::before,
 .jetons-block::before,
 .tier-cell--mega::before,
 .cat-tile::before,
 .related-card::before,
 .drule::before,
 .verdict__rating,
 .hero-bonus__big,
 .tier-cell--mega,
 .nav-link.is-active::after,
 .hero::after{
 animation:none !important;
}
 .slot-grid.reveal.visible .slot-tile,
 .metric-grid.reveal.visible .metric-card,
 .hero-featured.reveal.visible .featured-slot,
 .category-grid.reveal.visible .cat-tile,
 .bonus-strategy.reveal.visible .strategy-step,
 .kyc-steps.reveal.visible .kyc-step,
 .jackpot-tiers.reveal.visible .tier-cell,
 .provider-grid.reveal.visible .provider-cell{
 animation:none !important;
}
 .btn-primary::before,
 .slot-tile:hover img,
 .featured-slot:hover img{display:none;}
 .slot-tile:hover,
 .featured-slot:hover,
 .metric-card:hover,
 .cat-tile:hover,
 .strategy-step:hover,
 .kyc-step:hover,
 .provider-cell:hover,
 .pros-cons__col:hover{transform:none;}
}