body .hbanner{
 min-height:430px;margin:24px 0 8px;border:1px solid rgba(123,225,194,.16);border-radius:24px;
 background:#061725 url('/assets/img/neonbet-hero.webp') center/cover no-repeat!important;
 box-shadow:0 24px 58px -28px rgba(8,29,43,.48)
}
body .hbanner::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,19,31,.98) 0%,rgba(6,23,36,.93) 42%,rgba(6,23,36,.24) 75%,rgba(6,23,36,.04) 100%);pointer-events:none}
body .hbanner::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(1,14,24,.03),rgba(1,14,24,.22));pointer-events:none}
body .hbanner .hb-l{position:relative;z-index:2;flex:0 1 650px;max-width:650px;padding:52px 60px;align-items:flex-start;gap:17px}
body .hbanner .hb-badge{align-self:flex-start;padding:0;border:0;border-radius:0;background:transparent;color:#68f3cb;font-size:10px;letter-spacing:2px}
body .hbanner .hb-badge .dot{display:none}
body .hbanner .hb-title{max-width:560px;align-self:flex-start;color:#fff;font-family:Rubik,system-ui,sans-serif;font-size:clamp(38px,4.2vw,58px);font-weight:800;line-height:.98;letter-spacing:-.045em;text-align:left;text-transform:none;text-shadow:0 10px 28px rgba(0,0,0,.34)}
body .hbanner .hb-title .y{color:#fff}
body .hbanner .hb-sub{max-width:520px;align-self:flex-start;color:rgba(232,242,247,.78);font-size:15px;line-height:1.62;font-weight:400;text-align:left}
body .hbanner .hb-cta{align-self:flex-start;justify-content:flex-start;gap:10px;margin-top:4px}
body .hbanner .hb-cta .btn{min-width:122px;text-align:center}
body .hbanner .hb-cta .b1{background:linear-gradient(135deg,#00e68a,#00bf75);color:#04311f;box-shadow:0 10px 26px -12px rgba(0,224,134,.78)}
body .hbanner .hb-cta .b2{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.2)}
body .hbanner .hb-pbw{max-width:430px;align-self:flex-start;justify-content:flex-start;gap:34px;margin-top:7px;color:#fff;font-family:Rubik,system-ui,sans-serif;font-size:13px;font-weight:800;letter-spacing:0}
body .hbanner .hb-pbw span{flex:0 1 auto;text-align:left;text-shadow:none}
body .hbanner .hb-pbw i{display:none}
body .hbanner .hb-r,body .hbanner .hb-orbit-m{display:none}
body .trust{gap:10px;margin-top:12px}
body .trust .ti{min-height:64px;padding:10px 14px;border:1px solid #d9e3e8;border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 12px 32px -28px rgba(16,24,40,.45)}
body .trust .ti .e{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:10px;background:#e5f7ef;font-size:18px}
@media(max-width:760px){
 body .hbanner{min-height:500px;background-position:62% center!important}
 body .hbanner::before{background:linear-gradient(180deg,rgba(4,19,31,.72),rgba(4,19,31,.91) 58%,rgba(4,19,31,.98))}
 body .hbanner .hb-l{padding:34px 24px;justify-content:flex-end}
 body .hbanner .hb-title{font-size:clamp(34px,10vw,48px)}
 body .hbanner .hb-sub{font-size:14px}
 body .hbanner .hb-pbw{gap:20px;flex-wrap:wrap}
}

:root{
  --h-gold1:#f5c74c; --h-gold2:#c8890a; --h-line:#dde3ec;
  --h-cyan:#1366cf;  --h-green:#0e9e0c; --h-rad:18px;
  --h-ink:#0f1726;   --h-mut:#69748a;   --h-card:#fff;
  --h-sh:0 2px 10px rgba(18,32,58,.07); --h-sh-h:0 14px 34px rgba(18,32,58,.16);
}

.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 4px}
.trust .ti{display:flex;align-items:center;gap:11px;padding:13px 15px;min-width:0;background:var(--h-card);
  border:1px solid var(--h-line);border-radius:14px;box-shadow:var(--h-sh)}
.trust .ti .e{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;font-size:18px;
  border-radius:11px;background:linear-gradient(150deg,#eef4ff,#e3ecfb);border:1px solid #dae4f4}
.trust .ti .x{display:flex;flex-direction:column;min-width:0}
.trust .ti b{font-size:13.5px;color:var(--h-ink);letter-spacing:-.15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trust .ti .x span{font-size:11.5px;color:var(--h-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:860px){
  .trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .trust .ti{padding:10px 11px;gap:9px;border-radius:12px}
  .trust .ti .e{width:32px;height:32px;flex:0 0 32px;font-size:15px;border-radius:10px}
  .trust .ti b{font-size:12.5px}
  .trust .ti .x span{font-size:10.5px}
}
@media(max-width:480px){
  .trust{gap:8px}
  .trust .ti{padding:9px 10px;gap:8px;align-items:flex-start}
  .trust .ti .e{width:30px;height:30px;flex:0 0 30px;font-size:14px}
  .trust .ti b{font-size:12px;white-space:normal;line-height:1.2}
  .trust .ti .x span{font-size:10px;white-space:normal;line-height:1.2}
}

.hsec{margin:30px 0 0}
.hsec[hidden]{display:none}
.hsec-h{display:flex;align-items:center;gap:11px;margin:0 0 13px;padding:0 2px}
.hsec-h .em{font-size:20px;line-height:1}
.hsec-h h2{margin:0;font-size:20px;font-weight:800;letter-spacing:-.45px;color:var(--h-ink);white-space:nowrap}
.hsec-h .cnt{font-size:11.5px;font-weight:700;color:var(--h-mut);background:#eef1f6;
  border:1px solid var(--h-line);padding:3px 9px;border-radius:999px}
.hsec-h .sp{flex:1}
.hsec-h .all{display:inline-flex;align-items:center;min-height:36px;font-size:12.5px;font-weight:700;
  color:var(--h-cyan);white-space:nowrap;padding:8px 14px;border-radius:11px;
  border:1px solid #d9e5f7;background:#f4f8ff}
.hsec-h .all:hover{background:#e9f1ff;border-color:#bcd4f2}
.hsec-h.gold h2{background:linear-gradient(92deg,#8a5a00,#c8890a 45%,#f5c74c);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.hsec-h.gold .cnt{background:linear-gradient(150deg,#fff7e2,#ffeec2);border-color:#f0d79a;color:#8a5a00}

.harrows{display:flex;gap:6px}
.harrows button{width:36px;height:36px;border-radius:11px;border:1px solid var(--h-line);background:#fff;
  color:#41506b;font-size:17px;line-height:1;cursor:pointer;display:grid;place-items:center;
  box-shadow:var(--h-sh);transition:background .15s,border-color .15s,color .15s}
.harrows button:hover{background:#f4f8ff;border-color:#bcd4f2;color:var(--h-cyan)}

.hrow{display:grid;grid-auto-flow:column;grid-auto-columns:186px;align-items:start;gap:14px;
  overflow-x:auto;overflow-y:hidden;padding:4px 2px 14px;scroll-snap-type:x proximity;
  scrollbar-width:thin;content-visibility:auto;contain-intrinsic-size:auto 252px;
  contain:layout paint;overscroll-behavior-x:contain}
.hrow::-webkit-scrollbar{height:7px}
.hrow::-webkit-scrollbar-thumb{background:#cfd8e6;border-radius:99px}
.hrow::-webkit-scrollbar-track{background:transparent}
.hrow>*{scroll-snap-align:start}
#recentWrap{margin-bottom:0}
#recentWrap .recent-section{margin-top:18px}
#recentWrap .recent-row{display:flex;min-height:0;contain:none;padding-bottom:8px}
#recentWrap .recent-row:empty{display:none}
@media(max-width:860px){
  .hsec{margin-top:24px}
  .hsec-h h2{font-size:17.5px}
  .hsec-h .em{font-size:17px}
  .hrow{grid-auto-columns:150px;gap:10px;padding-bottom:10px}
  .harrows{display:none}
}

.hc{position:relative;display:block;background:var(--h-card);border:1px solid var(--h-line);
  border-radius:var(--h-rad);overflow:hidden;box-shadow:var(--h-sh);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.hc:hover{transform:translateY(-4px);box-shadow:var(--h-sh-h);border-color:#c9d7ea}
.hc-t{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(150deg,#eaf0f9,#dee7f4)}
.hc-t img{width:100%;height:100%;object-fit:cover;display:block}
.hc-t::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(9,16,28,.02),rgba(9,16,28,.16))}
.hc-t .ph{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:4px;
  background:linear-gradient(150deg,#eef3fb,#dde6f4)}
.hc-t .ph i{font-size:26px;font-style:normal;line-height:1}
.hc-t .ph span{font-size:10.5px;font-weight:800;color:#8494ad;text-transform:uppercase;letter-spacing:.4px;
  max-width:86%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hc-b{padding:10px 11px 12px}
.hc .nm{font-size:13px;font-weight:700;color:var(--h-ink);letter-spacing:-.2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hc .pv{font-size:11px;color:var(--h-mut);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hc .rw{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.hc .on{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#41506b;white-space:nowrap}

.hc .on i{width:6px;height:6px;border-radius:50%;background:var(--h-green);
  box-shadow:0 0 0 3px rgba(14,158,12,.16)}
.hc .rtp{font-size:10.5px;font-weight:800;color:#0b7f56;background:#e8f8f0;border:1px solid #c9ecdb;
  padding:2px 7px;border-radius:8px;white-space:nowrap}
.hc .heat{height:3px;border-radius:99px;background:#edf1f7;margin-top:9px;overflow:hidden}
.hc .heat>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--h-gold2),var(--h-gold1))}
.hc.hot .heat>i{background:linear-gradient(90deg,#e2600b,var(--h-gold1))}

.bdgs{position:absolute;top:8px;left:8px;z-index:4;display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.bdg{display:inline-flex;align-items:center;gap:5px;font-size:9.5px;font-weight:800;letter-spacing:.5px;
  text-transform:uppercase;padding:3px 7px;border-radius:7px;color:#fff;background:rgba(15,23,38,.74);
  box-shadow:0 2px 6px rgba(9,16,28,.2)}
.bdg.live{background:linear-gradient(120deg,#d81f3f,#f0455f)}
.bdg.live i{width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.38)}
.bdg.hot{background:linear-gradient(120deg,#e2600b,#f59331)}
.bdg.new{background:linear-gradient(120deg,#1366cf,#3f9bfa)}

.bdg.neon{background:linear-gradient(135deg,#5a6bd8,#13b9c9);color:#fff}

.hsec-h.neon h2{background:linear-gradient(90deg,#5a6bd8,#13b9c9);-webkit-background-clip:text;background-clip:text;color:transparent}
.hsec-h.neon .em{filter:drop-shadow(0 2px 6px rgba(90,107,216,.45))}
.bdg.fs{background:linear-gradient(120deg,#6c3ad6,#9b6bf5)}

.medal{position:absolute;top:8px;right:8px;z-index:5;width:34px;height:34px;border-radius:12px;
  display:grid;place-items:center;font-size:14px;font-weight:900;color:#4a3200;
  background:conic-gradient(from 210deg,#fff0c0,#f5c74c 25%,#c8890a 55%,#ffe79a 80%,#f5c74c);
  box-shadow:0 4px 12px rgba(160,110,10,.35),inset 0 0 0 1.5px rgba(255,255,255,.55);
  animation:medalIn .28s ease both}
.medal.s2{color:#374254;background:conic-gradient(from 210deg,#fff,#e2e8f0 25%,#94a3b8 55%,#f1f5f9 80%,#cbd5e1);
  box-shadow:0 4px 12px rgba(90,105,130,.3),inset 0 0 0 1.5px rgba(255,255,255,.6)}
.medal.s3{color:#4a2c12;background:conic-gradient(from 210deg,#ffe0c0,#e29a5e 25%,#a4642c 55%,#f6c79b 80%,#d98f4f);
  box-shadow:0 4px 12px rgba(150,95,45,.3),inset 0 0 0 1.5px rgba(255,255,255,.5)}
.medal.sn{width:28px;height:28px;font-size:12px;color:#41506b;background:rgba(255,255,255,.94);
  border:1px solid var(--h-line);box-shadow:0 3px 10px rgba(18,32,58,.16)}
@keyframes medalIn{from{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}
.hrow.top .hc{border-color:#f0d79a;box-shadow:0 2px 10px rgba(160,110,10,.14)}
.hrow.top .hc:hover{border-color:#e6c274;box-shadow:0 14px 34px rgba(160,110,10,.24)}

.jpx{position:relative;display:flex;align-items:center;gap:16px;margin:22px 0 4px;padding:18px 22px;
  border-radius:20px;overflow:hidden;color:#fff;border:1px solid #1d3f78;
  background:linear-gradient(118deg,#0b1c3a,#123a72 46%,#0b1c3a);box-shadow:0 10px 30px rgba(11,28,58,.22)}
.jpx .swp{position:absolute;top:0;left:-40%;width:36%;height:100%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent);
  animation:jpSwp 5.5s linear infinite}
.jpx .ic{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;font-size:24px;border-radius:16px;
  background:linear-gradient(150deg,rgba(245,199,76,.24),rgba(200,137,10,.16));border:1px solid rgba(245,199,76,.45)}
.jpx .t{flex:1;min-width:0}
.jpx .t b{display:block;font-size:11.5px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--h-gold1)}
.jpx .t p{margin:3px 0 0;font-size:12.5px;line-height:1.45;color:#c3d4ee}
.jpx .lastw{display:inline-block;margin-top:5px;font-size:11.5px;font-weight:700;color:#9fd6b4}
.jpx .val{flex:0 0 auto;font-size:30px;font-weight:900;letter-spacing:-1px;
  background:linear-gradient(92deg,#ffe79a,#f5c74c 40%,#ffd76a);
  -webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes jpSwp{from{transform:translateX(0)}to{transform:translateX(420%)}}
@media(max-width:860px){
  .jpx{flex-wrap:wrap;gap:12px;padding:15px 16px;border-radius:16px}
  .jpx .ic{flex:0 0 42px;width:42px;height:42px;font-size:20px;border-radius:13px}
  .jpx .t p{font-size:11.5px}
  
  .jpx .val{font-size:24px;flex:1 1 100%;width:100%;display:block;text-align:center}
}

.mbnav{display:none}
@media(max-width:860px){
  .mbnav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;
    background:rgba(255,255,255,.97);border-top:1px solid var(--h-line);
    box-shadow:0 -6px 20px rgba(18,32,58,.1);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .mbnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    min-height:46px;font-size:10.5px;font-weight:700;color:#6b7a93;border-radius:12px}
  .mbnav a .e{font-size:18px;line-height:1}
  .mbnav a.on{color:var(--h-cyan);background:#f2f7ff}
  body{padding-bottom:62px}
}

@media(max-width:860px){
  .hc,.harrows button{transition:none!important}
  .hc:hover{transform:none!important;box-shadow:var(--h-sh)!important}
  .bdg{backdrop-filter:none!important;box-shadow:none}
  .jpx .swp{display:none}
  .medal{animation:none}
  .hrow{contain-intrinsic-size:auto 224px}
  
  .hc-t::after{display:none}
  
  .hsec-h .all{min-height:40px;padding:9px 14px}
  
  .hc .nm{font-size:12.5px;letter-spacing:-.3px;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:normal;line-height:1.18}
  .hc .pv{font-size:10.5px;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:normal;line-height:1.2}
  .hc .on{font-size:10.5px}
  .hc .rtp{font-size:10px;padding:2px 6px}
  .hc-b{padding:9px 9px 11px}
}

@media(prefers-reduced-motion:reduce){
  .hc,.harrows button{transition:none!important}
  .medal,.hc.sk .hc-t{animation:none!important}
  .jpx .swp{display:none}
  .hrow{scroll-behavior:auto}
}

.hc.sk{border-color:#e6ebf3;box-shadow:none;pointer-events:none}
.hc.sk .hc-t{background:linear-gradient(100deg,#eef1f6 30%,#f7f9fc 50%,#eef1f6 70%);
  background-size:220% 100%;animation:skSlide 1.25s linear infinite}
.hc.sk .hc-t::after{display:none}
.hc.sk .nm{height:11px;border-radius:6px;background:#eef1f6;margin:2px 0 7px}
.hc.sk .pv{height:9px;width:62%;border-radius:6px;background:#f1f4f9}
@keyframes skSlide{from{background-position:120% 0}to{background-position:-120% 0}}

.ggrid .hc{width:auto}
.hc.hide{display:none!important}
.hc-t .ph[hidden]{display:none}
.hrow{min-height:252px}
.hc.sk .hc-t,.hc.sk .hc-b,.hc.sk .nm,.hc.sk .pv{display:block}

.hc .fav{position:absolute;top:8px;right:8px;z-index:5;width:28px;height:28px;border-radius:9px;
  border:1px solid rgba(255,255,255,.34);background:rgba(9,16,28,.55);color:#fff;font-size:14px;line-height:1;
  cursor:pointer;display:grid;place-items:center;padding:0;transition:background .15s,color .15s,border-color .15s}
.hc .fav:hover{background:rgba(9,16,28,.78);border-color:rgba(245,199,76,.7);color:var(--h-gold1)}
.hc .fav.on{color:var(--h-gold1);border-color:rgba(245,199,76,.7);background:rgba(9,16,28,.72)}
.ggrid .hc .medal{top:auto;bottom:8px;right:8px}

@media(max-width:560px){
  .hsec-h h2{white-space:normal;line-height:1.14}
  .hsec-h{gap:9px}
  .hsec-h .all{font-size:12px;padding:9px 13px}
  .hrow{min-height:224px}
}
@media(max-width:860px){.hc .fav{transition:none}}
@media(prefers-reduced-motion:reduce){.hc .fav{transition:none}}

:is(html:lang(es),html:lang(pt),html:lang(fr),html:lang(de),html:lang(pl),html:lang(ru),html:lang(bg)) .trust .ti :where(b,.x span){
  font-family:var(--f-body)!important;white-space:normal;overflow:visible;text-overflow:clip;
  line-height:1.22;overflow-wrap:break-word;word-break:normal}
:is(html:lang(es),html:lang(pt),html:lang(fr),html:lang(de),html:lang(pl),html:lang(ru),html:lang(bg)) .hsec-h h2{
  font-family:var(--f-display)!important;min-width:0;white-space:normal;line-height:1.15;
  overflow-wrap:break-word;word-break:normal}

.play-hub{margin:30px 0 12px}
.play-hub-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}
.play-hub-kicker{display:inline-block;color:#0b7f56;font-size:11px;font-weight:900;letter-spacing:1.7px;margin-bottom:5px}
.play-hub-head h2{margin:0;color:var(--h-ink);font-size:clamp(25px,3.3vw,38px);line-height:1.05;letter-spacing:-1px}
.play-hub-head p{margin:8px 0 0;color:var(--h-mut);font-size:13.5px;line-height:1.5;max-width:690px}
.play-gateways{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.play-gateway{position:relative;isolation:isolate;overflow:hidden;min-height:290px;padding:26px;border-radius:22px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px -24px rgba(12,24,46,.5);transition:transform .2s ease,box-shadow .2s ease}
.play-gateway:hover{transform:translateY(-4px);box-shadow:0 26px 54px -26px rgba(12,24,46,.62)}
.casino-gateway{background:radial-gradient(circle at 88% 16%,rgba(197,106,255,.38),transparent 32%),linear-gradient(135deg,#251059,#552197 55%,#8b36bb)}
.sports-gateway{background:radial-gradient(circle at 88% 16%,rgba(75,255,153,.25),transparent 32%),linear-gradient(135deg,#061c1c,#083e35 56%,#08624a)}
.play-gateway:after{content:"";position:absolute;z-index:-1;inset:auto -15% -45% 34%;height:220px;border-radius:50%;background:rgba(255,255,255,.055);transform:rotate(-10deg)}
.gateway-label{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.1);font-size:10.5px;font-weight:900;letter-spacing:1.4px}
.gateway-label i,.live-pulse{width:7px;height:7px;border-radius:50%;background:#44f58b;box-shadow:0 0 0 4px rgba(68,245,139,.14),0 0 14px rgba(68,245,139,.85)}
.play-gateway h3{position:relative;z-index:2;margin:25px 0 8px;max-width:72%;font-size:clamp(24px,3vw,36px);line-height:1.03;letter-spacing:-.8px}
.play-gateway>p{position:relative;z-index:2;margin:0;max-width:70%;color:rgba(255,255,255,.78);font-size:13px;line-height:1.55}
.gateway-tags{position:relative;z-index:2;display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}
.gateway-tags span{padding:6px 9px;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);font-size:10.5px;font-weight:700}
.gateway-cta{position:relative;z-index:2;display:inline-flex;align-items:center;gap:12px;margin-top:auto;padding-top:22px;font-size:13px}
.gateway-cta b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#15213a;font-size:16px}
.gateway-art{position:absolute;right:24px;top:43px;display:flex;flex-direction:column;align-items:center;gap:7px;filter:drop-shadow(0 16px 30px rgba(0,0,0,.28))}
.gateway-art span{font-size:82px;line-height:1}.gateway-art i{font-style:normal;font-size:9px;font-weight:900;letter-spacing:1.3px;color:#fff;background:#e4294f;padding:4px 7px;border-radius:6px}
.casino-gateway .gateway-art i{background:#f3b52c;color:#3b2200}
.home-sports-preview{margin-top:14px;padding:16px;border:1px solid var(--h-line);border-radius:18px;background:#fff;box-shadow:var(--h-sh)}
.home-sports-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}
.home-sports-head>div{display:flex;align-items:center;gap:10px}.home-sports-head b{font-size:15px;color:var(--h-ink)}
.home-sports-head>a{font-size:12px;font-weight:800;color:#087f5b}.home-events{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.home-event{min-width:0;padding:13px;border:1px solid #e0e6ef;border-radius:14px;background:#f8fafc;transition:.18s}
.home-event:hover{border-color:#a8ddc9;background:#f1fbf7;transform:translateY(-2px)}
.home-event-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9.5px;font-weight:900;color:#778399;letter-spacing:.55px;text-transform:uppercase}
.home-event-top .sport-code{color:#087f5b}.home-event-top .is-live{color:#e3294e}.home-league{display:block;margin:7px 0;color:#7b8798;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-match{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;color:#172235;font-size:12px}.home-match b:last-child{text-align:right}.home-match i{font-style:normal;color:#9aa5b5;font-size:9px;text-transform:uppercase}
.home-match b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-odds{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:11px}.home-odds span{display:flex;align-items:center;justify-content:space-between;min-width:0;gap:4px;padding:7px;border-radius:8px;background:#fff;border:1px solid #e0e6ef}.home-odds small{font-size:8.5px;color:#788496;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-odds b{font-size:11px;color:#087f5b}
.home-event-loading,.home-events-empty{grid-column:1/-1;min-height:94px;display:flex;align-items:center;justify-content:center;gap:10px;color:#778399;font-size:12px;border:1px dashed #dbe2eb;border-radius:12px}.home-event-loading i{width:15px;height:15px;border:2px solid #d8e4df;border-top-color:#087f5b;border-radius:50%;animation:homeSportsSpin .8s linear infinite}.home-events-empty b{color:#087f5b}
@keyframes homeSportsSpin{to{transform:rotate(360deg)}}
@media(max-width:860px){.play-gateways{grid-template-columns:1fr}.play-gateway{min-height:270px}.home-events{grid-template-columns:1fr}.play-gateway h3{max-width:75%}}
@media(max-width:520px){.play-hub{margin-top:24px}.play-gateway{min-height:255px;padding:21px;border-radius:18px}.gateway-art{right:16px;top:48px}.gateway-art span{font-size:58px}.play-gateway h3{font-size:25px;max-width:73%;margin-top:21px}.play-gateway>p{max-width:78%;font-size:12px}.gateway-tags{max-width:78%}.home-sports-preview{padding:13px}.home-sports-head>a{font-size:11px}}

body:has(.hbanner){background:#f4f8fc!important}
@media(min-width:861px){
 body:has(.hbanner) .container,body:has(.hbanner) .wrap:not(.hdr-in),
 body:has(.hbanner) footer.ftr>.container{
  margin-left:auto!important;margin-right:auto!important
 }
}
body:has(.hbanner) .container{width:min(1360px,calc(100% - 40px))}

@media(max-width:860px){
 body:has(.hbanner) header.hdr .hdr-in{width:min(1480px,100%);padding-inline:clamp(22px,3.4vw,52px)!important}
}
body:has(.hbanner) .home-mobile-menu-trigger{display:none}
body:has(.hbanner) .home-mobile-menu[hidden]{display:none!important}
body:has(.hbanner) .home-mobile-menu{display:none}
body:has(.hbanner) .nav a i[data-ic="game"]:empty::before{content:"🎰"}
body:has(.hbanner) .nav a i[data-ic="bets"]:empty::before{content:"⚽"}
body:has(.hbanner) .nav a i[data-ic="gift"]:empty::before{content:"🎁"}
body:has(.hbanner) .nav a i[data-ic="flag"]:empty::before{content:"🏁"}
body:has(.hbanner) .nav a i[data-ic="vip"]:empty::before{content:"👑"}
body:has(.hbanner) .nav a i[data-ic="support"]:empty::before{content:"🎧"}
body:has(.hbanner) .nav a i[data-ic="user"]:empty::before{content:"👤"}
body:has(.hbanner) .nav a i[data-ic]{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:5px;vertical-align:-4px}
body:has(.hbanner) .hbanner{
 position:relative;isolation:isolate;overflow:hidden;min-height:440px;margin:16px 0 10px;
 border:1px solid rgba(87,228,196,.22);border-radius:24px;
 background:#03141e url('/assets/img/neonbet-home-bg-desktop.webp') center/cover no-repeat!important;
 box-shadow:0 26px 64px -40px rgba(6,31,45,.66)
}
body:has(.hbanner) .hbanner::before{
 content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
 background:linear-gradient(90deg,rgba(2,16,24,.10) 0%,rgba(2,16,24,.04) 42%,transparent 66%),
 radial-gradient(460px 320px at 83% 38%,rgba(0,230,168,.07),transparent 74%)
}
body:has(.hbanner) .hbanner::after{
 content:none!important;display:none!important
}
body:has(.hbanner) .hbanner .hb-l{
 position:relative;z-index:2;flex:0 1 650px;max-width:650px;padding:54px clamp(30px,4vw,64px);
 align-items:flex-start;gap:15px
}
body:has(.hbanner) .hbanner .hb-badge{
 align-self:flex-start;padding:0;border:0;border-radius:0;background:transparent;color:#75f4cf;
 font-size:10px;font-weight:800;letter-spacing:2px
}
body:has(.hbanner) .hbanner .hb-badge .dot{display:none}
body:has(.hbanner) .hbanner .hb-title{
 max-width:590px;align-self:flex-start;color:#fff;font-family:Rubik,system-ui,sans-serif;
 font-size:clamp(40px,4.15vw,60px);font-weight:800;line-height:.99;letter-spacing:-.047em;
 text-align:left;text-transform:none;text-shadow:0 10px 28px rgba(0,0,0,.28)
}
body:has(.hbanner) .hbanner .hb-title .y{
 color:#7fffd5;background:linear-gradient(95deg,#79ffd2 3%,#45ead6 56%,#15c9de 100%);
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent
}
body:has(.hbanner) .hbanner .hb-sub{
 max-width:525px;align-self:flex-start;color:rgba(239,247,250,.84);font-size:15px;
 line-height:1.6;font-weight:400;text-align:left
}
body:has(.hbanner) .hbanner .hb-cta{align-self:flex-start;justify-content:flex-start;gap:12px;margin-top:5px}
body:has(.hbanner) .hbanner .hb-cta .btn{
 min-width:150px;min-height:56px;text-align:center;border-radius:15px;font-weight:800;letter-spacing:.025em
}
body:has(.hbanner) .hbanner .hb-cta .cta-arrow{display:inline-block;margin-left:12px;font-size:20px;line-height:1;vertical-align:-1px}
body:has(.hbanner) .hbanner .hb-cta .b1{background:linear-gradient(120deg,#19e9a0,#00c981);color:#04271c;box-shadow:0 12px 28px -12px rgba(0,224,153,.76)}
body:has(.hbanner) .hbanner .hb-cta .b2{background:rgba(5,22,33,.72);border:1px solid rgba(97,222,229,.38);color:#fff}
body:has(.hbanner) .hbanner .hb-r,body:has(.hbanner) .hbanner .hb-orbit-m{display:none!important}
body:has(.hbanner) .trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
body:has(.hbanner) .trust .ti{
 display:flex;align-items:center;min-height:68px;padding:12px 16px;border:1px solid #e7edf3;border-radius:15px;
 background:rgba(255,255,255,.96);box-shadow:0 14px 32px -28px rgba(18,40,64,.46)
}
body:has(.hbanner) .trust .ti .x{display:flex;flex-direction:column;min-width:0}
body:has(.hbanner) .trust .ti .e{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:13px;font-size:20px}
body:has(.hbanner) .trust .ti:nth-child(1) .e{background:#e9fbef}
body:has(.hbanner) .trust .ti:nth-child(2) .e{background:#fff8df}
body:has(.hbanner) .trust .ti:nth-child(3) .e{background:#eaf8ff}
body:has(.hbanner) .trust .ti:nth-child(4) .e{background:#fff3dc}
body:has(.hbanner) .eco-h{margin-top:24px}
body:has(.hbanner) .eco-h .em{color:#10202b;font-size:11px}
body:has(.hbanner) .ecocard{box-shadow:0 14px 38px -30px rgba(16,37,60,.56)}

@media(max-width:860px){
 body:has(.hbanner) .container{width:calc(100% - 28px)}
 body:has(.hbanner) .hbanner{width:100%}
 body:has(.hbanner) .mbnav{display:none!important}
 body:has(.hbanner){padding-bottom:0!important}
 body:has(.hbanner) .home-mobile-menu-trigger{
  display:grid;flex:0 0 34px;width:34px;height:34px;padding:8px;gap:4px;
  align-content:center;justify-items:stretch;border:1px solid #e3eaf1;border-radius:10px;
  background:#fff;color:#142231;cursor:pointer
 }
 body:has(.hbanner) .home-mobile-menu-trigger span{display:block;height:2px;border-radius:2px;background:#182737}
 body:has(.hbanner) .home-mobile-menu{
  position:fixed;top:62px;left:12px;z-index:130;width:min(280px,calc(100vw - 24px));
  padding:8px;background:#fff;border:1px solid #e2e9f0;border-radius:16px;
  box-shadow:0 22px 54px -24px rgba(11,29,45,.38)
 }
 body:has(.hbanner) .home-mobile-menu:not([hidden]){display:grid}
 body:has(.hbanner) .home-mobile-menu a{
  display:flex;align-items:center;gap:12px;min-height:46px;padding:0 12px;
  border-radius:10px;color:#172636;font-size:13px;font-weight:700;text-decoration:none
 }
 body:has(.hbanner) .home-mobile-menu a:hover{background:#f1f8f5;color:#078c5c}
 body:has(.hbanner) .home-mobile-menu a span{display:grid;place-items:center;width:25px;font-size:18px}
 body:has(.hbanner) .hbanner,body:has(.hbanner) .hbanner .hb-l{min-height:560px}
 body:has(.hbanner) .hbanner{
  margin:12px 0 8px;border-radius:21px;
  background:#04151f url('/assets/img/neonbet-home-bg-mobile.webp') center/100% 100% no-repeat!important
 }
 body:has(.hbanner) .hbanner::after{
  content:none!important;display:none!important
 }
 body:has(.hbanner) .hbanner::before{
  background:linear-gradient(180deg,rgba(3,18,27,.02) 0%,rgba(3,18,27,.04) 36%,rgba(3,18,27,.12) 50%,rgba(3,18,27,0) 100%)
 }
 body:has(.hbanner) .hbanner .hb-l{
  width:100%;max-width:none;flex:1 1 auto;padding:222px 24px 27px;gap:10px;
  align-items:flex-start;justify-content:flex-start
 }
 body:has(.hbanner) .hbanner .hb-badge{font-size:9px;letter-spacing:1.65px}
 body:has(.hbanner) .hbanner .hb-title{max-width:100%;font-size:clamp(35px,8.9vw,43px);line-height:1;letter-spacing:-.045em}
 body:has(.hbanner) .hbanner .hb-sub{max-width:100%;font-size:13.5px;line-height:1.52}
 body:has(.hbanner) .hbanner .hb-cta{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:3px}
 body:has(.hbanner) .hbanner .hb-cta .btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:0;height:50px;min-height:50px;padding:0 7px;border-radius:13px}
 body:has(.hbanner) .hbanner .hb-cta .cta-arrow{margin-left:6px;font-size:18px}
 body:has(.hbanner) .trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:11px}
 body:has(.hbanner) .trust .ti{min-height:63px;padding:9px 10px;gap:8px}
 body:has(.hbanner) .trust .ti .e{width:32px;height:32px;flex-basis:32px;font-size:16px}
}
@media(max-width:520px){
 body:has(.hbanner) .container{width:calc(100% - 24px)}
 body:has(.hbanner) .hbanner,body:has(.hbanner) .hbanner .hb-l{min-height:540px}
 body:has(.hbanner) .hbanner .hb-l{padding:240px 16px 18px;gap:9px}
 body:has(.hbanner) .hbanner .hb-title{font-size:clamp(31px,8.4vw,35px)}
 body:has(.hbanner) .hbanner .hb-sub{font-size:13px;line-height:1.48}
 body:has(.hbanner) .trust .ti{align-items:flex-start}
 body:has(.hbanner) .trust .ti b{font-size:11.5px;white-space:normal;line-height:1.2}
 body:has(.hbanner) .trust .ti .x span{font-size:10px;white-space:normal;line-height:1.22}
 body:has(.hbanner) .sports-gateway .gateway-tags{width:100%;max-width:100%;flex-wrap:nowrap;gap:6px}
 body:has(.hbanner) .sports-gateway .gateway-tags span{padding-inline:8px;font-size:10px;white-space:nowrap}
}

body:has(.hbanner) .hbanner .hb-title{min-height:118px}
body:has(.hbanner) .hbanner .hb-sub{min-height:96px}
@media(min-width:861px){
 :is(html:lang(es),html:lang(pt),html:lang(fr),html:lang(de)) body:has(.hbanner) .hbanner .hb-title{font-size:clamp(38px,3.35vw,49px)}
 html:lang(pl) body:has(.hbanner) .hbanner .hb-title{font-size:clamp(41px,3.65vw,53px)}
 :is(html:lang(ru),html:lang(bg)) body:has(.hbanner) .hbanner .hb-title{font-size:clamp(40px,3.55vw,52px)}
}
@media(max-width:860px){
 body:has(.hbanner) .hbanner .hb-title{min-height:66px}
 body:has(.hbanner) .hbanner .hb-sub{min-height:96px}
 body:has(.hbanner) header.hdr .hdr-in{padding-inline:18px!important;gap:8px!important}
 body:has(.hbanner) header.hdr .hdr-in .btn-sm{padding-inline:10px!important;font-size:12px!important;letter-spacing:.02em!important}
}
@media(max-width:520px){
 :is(html:lang(es),html:lang(pt),html:lang(fr),html:lang(de)) body:has(.hbanner) .hbanner .hb-title{font-size:clamp(25px,7.35vw,29px)}
 :is(html:lang(ru),html:lang(bg)) body:has(.hbanner) .hbanner .hb-title{font-size:clamp(26px,7.5vw,30px)}
 html:lang(pl) body:has(.hbanner) .hbanner .hb-title{font-size:clamp(28px,8vw,31px)}
 body:has(.hbanner) .hbanner .hb-cta .btn{font-size:clamp(10px,3.2vw,12px);white-space:nowrap}
}
@media(max-width:360px){
 body:has(.hbanner) header.hdr .hdr-in{padding-inline:9px!important;gap:6px!important}
 body:has(.hbanner) header.hdr .logo-img{max-width:86px}
 body:has(.hbanner) header.hdr .hdr-in .btn-sm{padding-inline:6px!important;font-size:10.5px!important}
}

body:has(.hbanner) .hbanner .hb-cta.is-auth{display:grid;grid-template-columns:minmax(0,1fr);width:240px;max-width:100%}
body:has(.hbanner) .hbanner .hb-cta .btn.is-auth{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-width:0;min-height:54px;padding:12px 20px;line-height:1.2;font-size:14px}
body:has(.hbanner) .hbanner .hb-cta .btn.is-auth .cta-arrow{display:none}
body:has(.hbanner) .hbanner .hb-cta .btn.is-auth .cta-label{display:block;min-width:0;text-align:center}
body:has(.hbanner) .hbanner .hb-cta .cta-icon:not([hidden]){display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px}
body:has(.hbanner) .hbanner .hb-cta .cta-icon[hidden]{display:none}
body:has(.hbanner) .hbanner .hb-cta .cta-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){body:has(.hbanner) .hbanner .hb-cta.is-auth{width:100%}}

:is(html:lang(pl),html:lang(ru)) body:has(.hbanner) .hbanner .hb-title{
 font-size:clamp(40px,4.15vw,60px);font-weight:800!important;line-height:.99!important;
 letter-spacing:-.047em!important;white-space:normal;overflow-wrap:break-word;
}
@media(max-width:860px){:is(html:lang(pl),html:lang(ru)) body:has(.hbanner) .hbanner .hb-title{
 font-size:clamp(35px,8.9vw,43px);line-height:1!important;letter-spacing:-.045em!important;
}}
@media(max-width:520px){:is(html:lang(pl),html:lang(ru)) body:has(.hbanner) .hbanner .hb-title{font-size:clamp(31px,8.4vw,35px)}}

@media(max-width:520px){body:has(.hbanner) .sports-gateway .gateway-tags{flex-wrap:wrap!important}
body:has(.hbanner) .sports-gateway .gateway-tags span{max-width:100%;min-width:0;white-space:normal!important;overflow-wrap:break-word;line-height:1.35}}

body:has(.hbanner) .hbanner .hb-l{justify-content:center;gap:16px}
body:has(.hbanner) .hbanner .hb-title,
body:has(.hbanner) .hbanner .hb-sub{min-height:0;margin:0}
@media(min-width:861px){
 body:has(.hbanner) .hbanner .hb-l{min-height:440px;padding-block:48px}
}
@media(max-width:860px){
 body:has(.hbanner) .hbanner .hb-l{justify-content:center;align-items:center;gap:12px}
 body:has(.hbanner) .hbanner .hb-badge,
 body:has(.hbanner) .hbanner .hb-title,
 body:has(.hbanner) .hbanner .hb-sub,
 body:has(.hbanner) .hbanner .hb-cta{align-self:center;text-align:center}
}