@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@500;600;700;800;900&family=Sora:wght@400;500;600;700&display=swap');
:root{--bg:#050505;--surface:#0b0b0c;--surface-2:#111113;--yellow:#fdca33;--yellow-2:#ffe27a;--white:#fff;--muted:#aaa9a5;--line:rgba(253,202,51,.2);--soft:rgba(255,255,255,.08);--max:1180px;--radius:24px;--ease:cubic-bezier(.2,.75,.25,1)}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--white);font-family:Sora,system-ui,sans-serif;line-height:1.65;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.skip{position:fixed;left:16px;top:-80px;z-index:1000;padding:10px 15px;border-radius:10px;background:#fff;color:#000}
.skip:focus{top:16px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--yellow);font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.eyebrow:before{content:"";width:28px;height:1px;background:var(--yellow)}

.site-header{position:sticky;top:0;z-index:100;height:86px;background:rgba(5,5,5,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--soft)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;width:126px;height:64px}
.brand img{width:118px;height:auto;max-height:58px;object-fit:contain}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border:1px solid #efcc62;border-radius:999px;background:linear-gradient(135deg,#8f6500 0%,#f5d66a 55%,#a97800 100%);box-shadow:0 10px 28px rgba(212,175,55,.2);color:#080808;font-family:'DM Sans',system-ui,sans-serif;font-size:16px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.btn:hover{transform:translateY(-2px);box-shadow:0 15px 38px rgba(212,175,55,.34)}
.btn-dark{background:#080808;color:#fff}
.btn-ghost{background:rgba(0,0,0,.38);color:#fff}
.btn-sm{min-height:46px;padding-inline:22px}

.hero{position:relative;min-height:700px;display:flex;align-items:center;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-media{position:absolute;inset:0;z-index:-3}
.hero-media picture{display:block;width:100%;height:100%}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.94) 32%,rgba(5,5,5,.16) 70%),linear-gradient(0deg,#050505 0%,transparent 32%)}
.hero-glow{position:absolute;z-index:-1;width:600px;height:600px;left:-280px;top:40px;border-radius:50%;background:rgba(253,202,51,.12);filter:blur(90px)}
.hero-content{width:min(700px,58%);padding:90px 0 76px}
.hero h1{font-family:"Albert Sans",sans-serif;font-size:clamp(3.7rem,7.4vw,7.5rem);line-height:.88;letter-spacing:-.065em;margin:20px 0 28px;text-wrap:balance}
.hero h1 span{color:var(--yellow)}
.hero-copy{max-width:620px;color:#d1d0cb;font-size:clamp(.96rem,1.25vw,1.12rem)}
.hero-actions{display:flex;gap:12px;margin-top:34px}
.hero-metrics{display:flex;gap:46px;margin-top:52px;padding-top:23px;border-top:1px solid var(--soft)}
.metric strong{display:block;color:var(--yellow);font-family:"Albert Sans",sans-serif;font-size:1.18rem}
.metric span{font-size:.62rem;color:#aaa6a0;letter-spacing:.1em;text-transform:uppercase}
.editorial-note{position:absolute;right:22px;bottom:18px;max-width:470px;color:#918f89;font-size:.58rem;text-align:right}

.section{padding:100px 0}
.section-muted{background:var(--surface)}
.section-head{display:grid;grid-template-columns:1fr .72fr;align-items:end;gap:60px;margin-bottom:48px}
.section-head h2,.choice-copy h2,.content h2{font-family:"Albert Sans",sans-serif;font-size:clamp(2.5rem,5vw,5.2rem);line-height:.98;letter-spacing:-.05em;margin:14px 0 0}
.section-head h2 span,.choice-copy h2 span,.content h2 span{color:var(--yellow)}
.section-head p{margin:0;color:var(--muted)}
.provider-section-head{display:block}
.provider-section-head h2{font-size:clamp(1.8rem,6.5vw,5.2rem);white-space:nowrap}
.provider-section-head p{max-width:610px;margin-top:24px;color:#d8d6d0}
.provider-section{background:radial-gradient(circle at 85% 12%,rgba(253,202,51,.08),transparent 28%),var(--bg)}
.provider-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.provider-card{position:relative;isolation:isolate;min-width:0;overflow:hidden;border:1px solid var(--soft);border-radius:22px;background:linear-gradient(145deg,#111113,#09090a);transition:.3s var(--ease)}
.provider-card:hover{transform:translateY(-5px);border-color:rgba(253,202,51,.48);box-shadow:0 24px 70px rgba(0,0,0,.32)}
.provider-card-media{position:relative;height:220px;margin:0;overflow:hidden;background:#0a0a0a}.provider-card-media:before{content:"";position:absolute;inset:-12%;z-index:1;pointer-events:none;opacity:0;transform:scale(.9);background:radial-gradient(circle at 50% 44%,rgba(255,225,118,.34) 0%,rgba(253,202,51,.18) 24%,rgba(212,175,55,.08) 44%,transparent 70%);transition:opacity .16s ease,transform .35s ease}
.provider-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,5,5,.55),transparent 55%);pointer-events:none}
.provider-card-media img{width:100%;height:100%;padding:12px;object-fit:contain;transition:.5s var(--ease)}
.provider-card:hover .provider-card-media img{transform:scale(1.035)}
@keyframes sports-provider-float{0%,100%{transform:translate3d(0,0,0) scale(1.015);filter:drop-shadow(0 8px 10px rgba(0,0,0,.3)) brightness(1)}50%{transform:translate3d(0,-7px,0) scale(1.075);filter:drop-shadow(0 0 15px rgba(255,220,105,.92)) drop-shadow(0 0 34px rgba(212,175,55,.56)) brightness(1.13)}}
@keyframes sports-provider-tap{0%,100%{transform:translate3d(0,0,0) scale(1);filter:drop-shadow(0 8px 10px rgba(0,0,0,.3)) brightness(1)}48%{transform:translate3d(0,-7px,0) scale(1.085);filter:drop-shadow(0 0 17px rgba(255,225,120,.96)) drop-shadow(0 0 38px rgba(212,175,55,.62)) brightness(1.16)}}
@keyframes sports-frame-breathe{0%,100%{box-shadow:0 0 0 1px rgba(253,202,51,.48),0 0 22px rgba(253,202,51,.24),0 24px 70px rgba(0,0,0,.38),inset 0 0 28px rgba(253,202,51,.08)}50%{box-shadow:0 0 0 2px rgba(255,232,139,.92),0 0 52px rgba(253,202,51,.58),0 28px 78px rgba(0,0,0,.42),inset 0 0 52px rgba(253,202,51,.18)}}
@keyframes sports-frame-wash{0%,100%{opacity:.58;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}
@keyframes sports-touch-radiance{0%{opacity:.2;transform:scale(.16)}34%{opacity:1;transform:scale(.72)}72%{opacity:.62;transform:scale(1.18)}100%{opacity:0;transform:scale(1.48)}}
.sports-page .provider-card:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;transform:scale(.16);transform-origin:var(--touch-x,50%) var(--touch-y,38%);background:radial-gradient(circle at var(--touch-x,50%) var(--touch-y,38%),rgba(255,248,211,.94) 0%,rgba(253,202,51,.64) 18%,rgba(212,175,55,.34) 38%,rgba(212,175,55,.13) 60%,transparent 78%);mix-blend-mode:screen;will-change:opacity,transform}
.sports-page .provider-card.is-icon-floating:after{animation:sports-touch-radiance 1.8s cubic-bezier(.2,.72,.25,1) 1 both}
.sports-page .provider-card .provider-card-media>img{transform-origin:50% 50%;will-change:transform,filter}
.sports-page .provider-card:hover,.sports-page .provider-card:focus-within,.sports-page .provider-card.is-icon-floating{transform:translateY(-5px);border-color:rgba(253,202,51,.78);animation:sports-frame-breathe 2.8s ease-in-out infinite}.sports-page .provider-card:hover .provider-card-media:before,.sports-page .provider-card:focus-within .provider-card-media:before,.sports-page .provider-card.is-icon-floating .provider-card-media:before{opacity:1;animation:sports-frame-wash 2.8s ease-in-out infinite}.sports-page .provider-card.is-icon-floating{animation-duration:1.8s;animation-iteration-count:1}.sports-page .provider-card.is-icon-floating .provider-card-media:before{animation-duration:1.8s;animation-iteration-count:1}
@media(hover:hover) and (pointer:fine){.sports-page .provider-card:hover .provider-card-media>img,.sports-page .provider-card:focus-within .provider-card-media>img{animation:sports-provider-float 2.8s ease-in-out infinite}}
.sports-page .provider-card.is-icon-floating .provider-card-media>img{animation:sports-provider-tap 1.8s ease-in-out 1}
@media(prefers-reduced-motion:reduce){.sports-page .provider-card:hover,.sports-page .provider-card:focus-within,.sports-page .provider-card.is-icon-floating,.sports-page .provider-card:hover .provider-card-media:before,.sports-page .provider-card:focus-within .provider-card-media:before,.sports-page .provider-card.is-icon-floating .provider-card-media:before,.sports-page .provider-card:hover .provider-card-media>img,.sports-page .provider-card:focus-within .provider-card-media>img,.sports-page .provider-card.is-icon-floating .provider-card-media>img,.sports-page .provider-card.is-icon-floating:after{animation:none}.sports-page .provider-card:hover .provider-card-media:before,.sports-page .provider-card:focus-within .provider-card-media:before,.sports-page .provider-card.is-icon-floating .provider-card-media:before{opacity:.72;transform:none}.sports-page .provider-card:hover .provider-card-media>img,.sports-page .provider-card:focus-within .provider-card-media>img,.sports-page .provider-card.is-icon-floating .provider-card-media>img{transform:none;filter:drop-shadow(0 0 8px rgba(253,202,51,.25))}.sports-page .provider-card.is-icon-floating:after{opacity:.3;transform:none}}
.provider-card-number{position:absolute;z-index:2;right:16px;top:14px;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(253,202,51,.45);border-radius:50%;background:rgba(5,5,5,.72);color:var(--yellow);font-size:.65rem;font-weight:800}
.provider-card-body{display:flex;min-height:305px;flex-direction:column;padding:26px}
.provider-card h3{display:flex;align-items:center;min-height:44px;margin:0 0 13px;font-family:"Albert Sans",sans-serif;font-size:1.65rem;letter-spacing:-.035em}
.provider-title-logo{display:block;width:auto;height:40px;max-width:100%;max-height:none;object-fit:contain;object-position:left center}
.provider-card p{margin:0;color:#aaa8a1;font-size:.84rem}
.provider-tags{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}
.provider-tags span{padding:6px 10px;border:1px solid rgba(255,255,255,.07);border-radius:7px;background:#202022;color:#c5c2ba;font-size:.63rem}
.provider-link{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:auto;padding-top:24px;border-top:1px solid var(--soft);color:var(--yellow);font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.provider-link span{font-size:1.05rem;transition:.25s}
.provider-link:hover span{transform:translate(3px,-3px)}
.provider-legal{margin:22px 0 0;color:#76746e;font-size:.64rem}
.bonus-section{padding:0 0 100px;background:var(--bg)}
.bonus-strip{display:grid;grid-template-columns:max-content max-content;align-items:center;justify-content:center;gap:clamp(48px,6vw,76px);min-height:144px;padding:34px;border:1px solid rgba(253,202,51,.66);border-radius:12px;background:linear-gradient(110deg,#231306,#130d06);box-shadow:0 24px 70px rgba(0,0,0,.28)}
.bonus-strip h2{margin:0;font-family:"Albert Sans",sans-serif;font-size:clamp(1.55rem,3vw,2.55rem);line-height:1.08;letter-spacing:-.035em;white-space:nowrap}
.bonus-strip h2 span{display:inline-block;background:linear-gradient(180deg,#fff4a3 0%,#f8d65a 30%,#d39a05 68%,#ffe98c 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 5px 12px rgba(212,175,55,.22))}
.bonus-strip .btn{min-width:170px}
.seo-layout{display:grid;grid-template-columns:.68fr 1.32fr;gap:76px;align-items:start}
.seo-heading{position:sticky;top:120px}
.seo-heading h2{margin:14px 0 20px;font-family:"Albert Sans",sans-serif;font-size:clamp(2.6rem,5vw,5rem);line-height:.98;letter-spacing:-.05em}
.seo-heading h2 span{color:var(--yellow)}
.seo-heading p{color:var(--muted)}
.seo-copy{min-width:0}
.seo-article{padding:0 0 34px;margin:0 0 34px;border-bottom:1px solid var(--soft)}
.seo-article:last-child{margin:0;padding:0;border:0}
.seo-article h3{margin:0 0 16px;font-family:"Albert Sans",sans-serif;font-size:clamp(1.45rem,2.35vw,2.2rem);line-height:1.15;letter-spacing:-.025em}
.seo-article p{margin:0 0 14px;color:#aaa8a1;font-size:.86rem}
.seo-points{display:grid;grid-template-columns:1fr 1fr;gap:9px 22px;margin:22px 0 0;padding:0;list-style:none}
.seo-points li{position:relative;padding-left:17px;color:#c5c2ba;font-size:.77rem}
.seo-points li:before{content:"";position:absolute;left:0;top:.68em;width:6px;height:6px;border-radius:50%;background:var(--yellow)}

.faq-section-head{display:block}
.faq-section-head h2{font-size:clamp(2rem,4vw,3.6rem);white-space:nowrap}
.faq{display:grid;width:100%;max-width:none;margin:0;gap:12px}
.faq-item{overflow:hidden;border:1px solid var(--soft);border-radius:16px;background:#111;transition:.25s}
.faq-item.open{border-color:rgba(253,202,51,.35);background:#181711}
.faq-q{width:100%;display:flex;justify-content:space-between;gap:24px;padding:21px 22px;border:0;background:none;color:#fff;text-align:left;font-size:1.06rem;line-height:1.35;font-weight:700;cursor:pointer}
.faq-q span:first-child{min-width:0}
.faq-icon{flex:0 0 24px;color:var(--yellow);font-size:1.35rem;text-align:right}
.faq-a{display:grid;grid-template-rows:0fr;transition:.3s}
.faq-a>div{overflow:hidden}
.faq-a p{margin:0;padding:0 52px 21px 22px;color:#aaa8a1;font-size:1rem;line-height:1.7}
.faq-item.open .faq-a{grid-template-rows:1fr}
.faq-item.open .faq-icon{font-size:0}
.faq-item.open .faq-icon:after{content:"×";font-size:1.15rem}
.cta{padding:76px 0;background:var(--yellow);color:#050505}
.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}
.cta h2{font-family:"Albert Sans",sans-serif;font-size:clamp(2.8rem,6vw,6rem);line-height:.88;letter-spacing:-.055em;margin:0}
.cta p{max-width:520px}
.cta .btn{min-width:190px}

.site-footer{padding:66px 0 112px;background:#151617;color:#fff}
.footer-top{display:grid;grid-template-columns:1.25fr .85fr .85fr;gap:70px}
.footer-brand img{width:102px;height:auto;margin-bottom:16px}
.footer-brand p{max-width:40ch;margin:0;color:#fff;font-size:.83rem;font-weight:600;line-height:1.58}
.footer-title{margin:0 0 16px;color:#fff600;font-size:.78rem;text-transform:uppercase}
.icon-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.logo-sprite{display:block;flex:none;background-image:url("footer/footer-sprite.png");background-repeat:no-repeat;background-size:720px 270px}
.icon-tile{width:34px;height:34px;border-radius:7px;overflow:hidden}
.sprite-pgpay{background-position:0 0}
.sprite-duitnow-qr{background-position:-180px 0}
.sprite-duitnow{background-position:-360px 0}
.sprite-fpay{background-position:-540px 0}
.sprite-shopeepay{background-position:0 -54px}
.sprite-facebook{background-position:-180px -54px}
.sprite-telegram{background-position:-360px -54px}
.sprite-instagram{background-position:-540px -54px}
.sprite-whatsapp{background-position:0 -108px}
.sprite-youtube{background-position:-180px -108px}
.footer-lower{display:grid;grid-template-columns:1.25fr .85fr .85fr;gap:70px;margin-top:28px}
.footer-block p{margin:0;color:#fff;font-size:.8rem;font-weight:600}
.license-logo{width:126px;height:46px;margin-bottom:8px}
.sprite-cga{background-position:-360px -108px}
.cert-row{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.cert-logo{max-width:100%}
.sprite-bmm{width:58px;height:18px;background-position:-540px -108px}
.sprite-itech{width:24px;height:24px;background-position:0 -162px}
.sprite-w{width:42px;height:21px;background-position:-180px -162px}
.sprite-godaddy{width:98px;height:20px;background-position:-360px -162px}
.sprite-gla{width:24px;height:24px;background-position:-540px -162px}
.security{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.security-logo{max-width:100%}
.sprite-iovation{width:163px;height:28px;background-position:0 -216px}
.sprite-threatmetrix{width:115px;height:27px;background-position:-180px -216px}
.footer-disclaimer{margin-top:35px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09);color:#818384;font-size:.62rem;display:flex;justify-content:space-between;gap:30px}
.credits{max-width:860px}
.mobile-cta{display:none}

.hero.hero-banner{display:block;min-height:0;isolation:auto;background:#080808}
.hero.hero-banner:after{display:none}
.hero-banner-link{display:block;width:100%}
.hero-banner-link img{width:100%;height:auto}
.reveal{opacity:1;transform:none}

@media(max-width:920px){.hero-content{width:68%}
.section-head,.seo-layout{grid-template-columns:1fr}
.seo-heading{position:static}
.footer-top,.footer-lower{grid-template-columns:1.2fr 1fr}
.footer-top>div:last-child,.footer-lower>div:last-child{grid-column:2}
}

@media(max-width:640px){.container{width:min(var(--max),calc(100% - 28px))}
.provider-section-head h2{font-size:clamp(2rem,10vw,3.4rem);white-space:normal}
.site-header{height:72px}
.brand{width:104px;height:54px}
.brand img{width:100px;max-height:48px}
.btn-sm{min-height:42px;padding-inline:18px}
.hero{min-height:760px;align-items:flex-end}
.hero.hero-banner{min-height:0;display:block}
.hero-media img{object-position:center top}
.hero:after{background:linear-gradient(0deg,#050505 4%,rgba(5,5,5,.91) 53%,rgba(5,5,5,.2) 100%)}
.hero-content{width:100%;padding:310px 0 62px}
.hero h1{font-size:clamp(3.2rem,15.4vw,5rem)}
.hero-copy{font-size:.88rem}
.hero-actions{flex-direction:column}
.hero-actions .btn{width:100%}
.hero-metrics{gap:18px;margin-top:34px}
.metric strong{font-size:.95rem}
.metric span{font-size:.53rem}
.editorial-note{left:14px;right:14px;bottom:8px;text-align:left;font-size:.48rem}
.section{padding:72px 0}
.section-head{gap:25px}
.provider-cards{grid-template-columns:1fr}
.provider-card-media{height:180px}
.provider-card-body{min-height:0;padding:22px}
.provider-title-logo{height:36px;max-width:100%;max-height:none}
.bonus-section{padding-bottom:72px}
.bonus-strip{grid-template-columns:1fr;gap:22px;min-height:0;padding:24px}
.bonus-strip h2{white-space:normal}
.bonus-strip .btn{width:100%}
.seo-layout{gap:38px}
.seo-points{grid-template-columns:1fr}
.faq-q{padding:18px 16px}
.faq-a p{padding:0 42px 19px 16px}
.cta-inner{flex-direction:column;align-items:flex-start}
.cta .btn{width:100%}
.footer-top,.footer-lower{grid-template-columns:1fr;gap:32px}
.footer-top>div:last-child,.footer-lower>div:last-child{grid-column:auto}
.footer-brand p{font-size:.78rem}
.footer-disclaimer{flex-direction:column}
.mobile-cta{position:fixed;z-index:90;display:block;left:10px;right:10px;bottom:10px}
.mobile-cta .btn{width:100%;box-shadow:0 14px 45px rgba(0,0,0,.55)}
.site-footer{padding-bottom:140px}
}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}