
/* ANABULBET PREMIUM SYNC V4 - one template for every provider page */
:root,
html[data-anb-theme="purple-gold"],
body[data-anb-theme="purple-gold"]{
  --anb-bg-a:#120016;
  --anb-bg-b:#2a073d;
  --anb-bg-c:#08000b;
  --anb-card-a:#64218a;
  --anb-card-b:#270039;
  --anb-card-c:#180020;
  --anb-panel:rgba(21,0,28,.76);
  --anb-text:#fff7df;
  --anb-muted:#e9d6ff;
  --anb-gold:#ffd86b;
  --anb-gold-2:#ffb21a;
  --anb-purple:#8126ff;
  --anb-purple-dark:#38006f;
  --anb-accent:#ffbf2d;
  --anb-border:rgba(255,216,107,.34);
  --anb-shadow:rgba(0,0,0,.48);
}
html[data-anb-theme="silver-pink"],
body[data-anb-theme="silver-pink"]{
  --anb-bg-a:#170f1c;
  --anb-bg-b:#3b213d;
  --anb-bg-c:#0e0b12;
  --anb-card-a:#f4e8ff;
  --anb-card-b:#d9d4dc;
  --anb-card-c:#ffd1e8;
  --anb-panel:rgba(255,245,252,.84);
  --anb-text:#fff8f1;
  --anb-muted:#ffe8f4;
  --anb-gold:#f7d774;
  --anb-gold-2:#c99a2e;
  --anb-purple:#ff89c8;
  --anb-purple-dark:#6e3a59;
  --anb-accent:#ffb6d8;
  --anb-border:rgba(255,224,139,.46);
  --anb-shadow:rgba(20,10,20,.42);
}
*{box-sizing:border-box!important;}
html{scroll-behavior:smooth!important;}
body{
  margin:0!important;
  color:var(--anb-text)!important;
  overflow-x:hidden!important;
  background:
    radial-gradient(circle at 15% 0%, color-mix(in srgb, var(--anb-purple) 34%, transparent), transparent 35%),
    radial-gradient(circle at 92% 10%, rgba(255,216,107,.20), transparent 30%),
    linear-gradient(180deg, var(--anb-bg-a), var(--anb-bg-b) 52%, var(--anb-bg-c))!important;
}
body:before{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:-1;
  background-image:linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.92),transparent 84%);
}
body > .container, main.container, footer.container{
  max-width:980px!important; width:100%!important; padding-left:10px!important; padding-right:10px!important;
}
main.container, body > .container{padding-bottom:92px!important;}
.logo{
  position:relative!important; margin:12px auto 10px!important; padding:12px!important;
  border:1px solid var(--anb-border)!important; border-radius:22px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.025))!important;
  box-shadow:0 18px 42px var(--anb-shadow), inset 0 1px 0 rgba(255,255,255,.18)!important;
  overflow:hidden!important;
}
.logo:after{content:"";position:absolute;top:-80%;left:-40%;width:46%;height:250%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:rotate(22deg);animation:anbShine 5s infinite;}
.logo img{display:block!important;max-height:92px!important;margin:auto!important;filter:drop-shadow(0 0 14px rgba(255,216,107,.28))!important;}
.slider-wrapper{
  height:auto!important; min-height:0!important; padding:0!important; margin:0!important;
  border:1px solid var(--anb-border)!important; border-radius:24px!important;
  background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.025))!important;
  box-shadow:0 24px 58px var(--anb-shadow), inset 0 1px 0 rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}
.running-text{overflow:hidden!important;white-space:nowrap!important;height:38px!important;line-height:38px!important;padding:0!important;color:#190b00!important;font-weight:950!important;font-size:14px!important;letter-spacing:.35px!important;background:linear-gradient(90deg,#ffb21a,#ffe9a3,#ffbf2d)!important;box-shadow:0 4px 18px rgba(255,184,28,.28)!important;border-radius:22px 22px 0 0!important;}
.running-text marquee{display:none!important;}
.ticker-track{display:inline-flex!important;gap:44px!important;min-width:max-content!important;animation:anbTicker 16s linear infinite!important;}
.ticker-track span{display:inline-flex!important;align-items:center!important;gap:8px!important;padding-left:12px!important;}
.ticker-track span:before{content:"◆";color:#763000;font-size:12px;}
.swiper.slider,.slider,.swiper-wrapper,.swiper-slide{height:auto!important;min-height:0!important;max-height:none!important;}
.swiper.slider,.slider{padding:0!important;margin:0!important;border-radius:0 0 22px 22px!important;overflow:hidden!important;line-height:0!important;background:transparent!important;}
.swiper-wrapper{align-items:flex-start!important;background:transparent!important;}
.swiper-slide{display:flex!important;align-items:flex-start!important;justify-content:center!important;background:transparent!important;}
.slider-img,.swiper-slide img.slider-img{width:100%!important;height:auto!important;max-height:none!important;display:block!important;object-fit:contain!important;object-position:center!important;aspect-ratio:auto!important;border-radius:0!important;margin:0!important;padding:0!important;filter:saturate(1.07) contrast(1.03)!important;background:transparent!important;}
.row.g-0{margin-top:0!important;}
.row.g-0 .col{min-width:0!important;}
.btn-login,.btn-credit,.row.g-0 .col button{border:0!important;padding:14px 10px!important;font-weight:950!important;letter-spacing:.9px!important;text-transform:uppercase!important;position:relative!important;overflow:hidden!important;box-shadow:0 12px 24px rgba(0,0,0,.34)!important;font-size:17px!important;}
.btn-login,.row.g-0 .col:first-child button{background:linear-gradient(135deg,#ffe794,#ffb01d 45%,#c87500)!important;color:#231000!important;border-radius:0 0 0 18px!important;}
.btn-credit,.row.g-0 .col:nth-child(2) button{background:linear-gradient(135deg,var(--anb-purple),var(--anb-purple-dark) 55%,#210032)!important;color:#fff!important;border-radius:0 0 18px 0!important;}
html[data-anb-theme="silver-pink"] .btn-credit,html[data-anb-theme="silver-pink"] .row.g-0 .col:nth-child(2) button{background:linear-gradient(135deg,#ff9fcb,#8e5271 55%,#5c344d)!important;color:#fff!important;}
.btn-login:after,.btn-credit:after,.row.g-0 button:after{content:"";position:absolute;inset:-70% auto -70% -55%;width:42%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transform:rotate(22deg);animation:anbShine 3.9s infinite;}
.icon-prov{display:flex!important;flex-wrap:nowrap!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;margin-top:12px!important;padding:16px!important;border:1px solid rgba(255,216,107,.16)!important;border-radius:22px!important;background:rgba(11,2,18,.50)!important;box-shadow:inset 0 0 38px rgba(0,0,0,.24)!important;}
.icon-prov::-webkit-scrollbar{display:none!important;}
.item-prov{flex:0 0 185px!important;width:185px!important;min-width:185px!important;margin:0!important;display:flex!important;}
.icon-card-bg{width:185px!important;height:158px!important;min-height:158px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:14px 10px!important;border:1px solid rgba(255,216,107,.30)!important;border-radius:21px!important;background:linear-gradient(180deg,var(--anb-card-a),var(--anb-card-b) 54%,var(--anb-card-c))!important;box-shadow:0 14px 28px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.12)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;cursor:pointer!important;}
.icon-card-bg:hover,.icon-card-bg:active{transform:translateY(-2px)!important;border-color:rgba(255,216,107,.62)!important;box-shadow:0 18px 34px rgba(0,0,0,.42),0 0 22px rgba(255,216,107,.14)!important;}
.icon-card-bg .p-2{padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;}
.icon-card-bg .p-2:first-child{height:70px!important;}
.icon-card-bg .p-2:last-child{height:48px!important;margin-top:8px!important;}
.img-prov{max-width:88px!important;max-height:50px!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:brightness(1.12) drop-shadow(0 0 10px rgba(255,255,255,.20))!important;}
.icon-card-bg p,.provider-label{width:100%!important;min-height:42px!important;margin:0!important;color:#fff7df!important;text-align:center!important;font-weight:950!important;font-size:16px!important;line-height:1.15!important;text-shadow:0 3px 8px rgba(0,0,0,.55)!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.title-game{margin:16px 0 8px!important;padding:14px 12px!important;border-radius:18px!important;color:#180b00!important;text-align:center!important;font-weight:950!important;letter-spacing:.7px!important;background:linear-gradient(90deg,#d48800,#ffe58f 35%,#ffbb2d 70%,#b46400)!important;box-shadow:0 14px 32px rgba(255,178,26,.18)!important;font-size:26px!important;line-height:1.15!important;}
.time,#date-text,h6{color:#ffeab2!important;font-weight:800!important;}
#btn-colorscheme{width:52px!important;height:52px!important;border-radius:14px!important;border:1px solid rgba(255,216,107,.28)!important;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,231,155,.92))!important;color:#321400!important;box-shadow:0 10px 24px rgba(0,0,0,.25)!important;}
#btn-colorscheme i{font-size:22px!important;}
.rtp-card{position:relative!important;isolation:isolate!important;margin:6px 1px!important;border:1px solid rgba(255,216,107,.22)!important;border-radius:22px!important;background:radial-gradient(circle at 25% 0%,rgba(255,216,107,.16),transparent 28%),linear-gradient(160deg,rgba(255,255,255,.10),rgba(67,0,102,.20))!important;box-shadow:0 18px 38px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.13)!important;overflow:hidden!important;}
.rtp-card:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:22px;background:linear-gradient(135deg,rgba(255,216,107,.16),rgba(124,34,255,.12),transparent 70%);}
.rtp-card-img{border-radius:17px!important;border:1px solid rgba(255,255,255,.14)!important;background:#18001f!important;}
.pola-wrapper{border-radius:18px!important;background:rgba(8,0,13,.58)!important;border:1px solid rgba(255,216,107,.16)!important;backdrop-filter:blur(8px)!important;}
.pola-wrapper h4,.pola-wrapper h5{color:#ffe7a1!important;}
.table-pola td,.table-pola th{color:#fff7df!important;border-color:rgba(255,216,107,.12)!important;}
.btn-play{border:0!important;border-radius:999px!important;font-weight:950!important;background:linear-gradient(135deg,#ffe794,#ffb01d,#a95b00)!important;color:#241000!important;box-shadow:0 10px 24px rgba(255,178,26,.24)!important;}
.percent{border-radius:999px!important;overflow:hidden!important;background:rgba(255,255,255,.12)!important;box-shadow:inset 0 2px 10px rgba(0,0,0,.35)!important;}
.percent-bar{background:linear-gradient(90deg,var(--anb-purple),#ffbf2d)!important;box-shadow:0 0 18px rgba(255,191,45,.42)!important;}
#contact .modal-dialog{max-width:430px!important;margin-left:auto!important;margin-right:auto!important;}
#contact .modal-content{overflow:hidden!important;border:1px solid rgba(255,216,107,.42)!important;border-radius:26px!important;background:radial-gradient(circle at 20% 0%,rgba(255,216,107,.25),transparent 29%),linear-gradient(180deg,#24102f,#120016 72%,#09000c)!important;color:#fff7df!important;box-shadow:0 30px 80px rgba(0,0,0,.62),0 0 34px rgba(124,34,255,.22)!important;}
#contact .modal-header{border-bottom:1px solid rgba(255,216,107,.18)!important;background:linear-gradient(90deg,rgba(255,216,107,.18),rgba(124,34,255,.12))!important;}
#contact .modal-title{color:#ffe79b!important;font-weight:950!important;letter-spacing:.4px!important;}
#contact .modal-body{color:#fff7df!important;padding:18px!important;}
.anb-contact-note{margin:0 0 14px!important;color:#e8d7ff!important;font-size:14px!important;line-height:1.45!important;}
.anb-contact-grid{display:grid!important;gap:12px!important;}
.anb-contact-card{display:flex!important;align-items:center!important;gap:12px!important;padding:14px!important;text-decoration:none!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.14)!important;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;box-shadow:0 12px 28px rgba(0,0,0,.25)!important;}
.anb-contact-icon{width:48px!important;height:48px!important;min-width:48px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:25px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 10px 18px rgba(0,0,0,.28)!important;}
.anb-contact-wa .anb-contact-icon{background:linear-gradient(135deg,#25D366,#128C7E)!important;}
.anb-contact-tg .anb-contact-icon{background:linear-gradient(135deg,#37B9FF,#0077B5)!important;}
.anb-contact-card strong{display:block!important;color:#ffe79b!important;font-size:14px!important;letter-spacing:.4px!important;}
.anb-contact-card span{display:block!important;color:#fff!important;font-weight:850!important;font-size:16px!important;}
#contact .btn-close{filter:invert(1) grayscale(1) brightness(1.8)!important;opacity:.92!important;}
.anb-floating-cta{position:fixed!important;left:10px!important;right:10px!important;bottom:10px!important;z-index:9999!important;display:none!important;grid-template-columns:1fr 1fr 44px!important;gap:8px!important;padding:8px!important;border:1px solid rgba(255,216,107,.28)!important;border-radius:20px!important;background:rgba(18,0,22,.78)!important;backdrop-filter:blur(14px)!important;box-shadow:0 16px 44px rgba(0,0,0,.54)!important;}
.anb-floating-cta a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;border-radius:14px!important;text-decoration:none!important;font-weight:950!important;letter-spacing:.4px!important;}
.anb-floating-cta .login{color:#241000!important;background:linear-gradient(135deg,#ffe794,#ffb01d)!important;}
.anb-floating-cta .daftar{color:#fff!important;background:linear-gradient(135deg,var(--anb-purple),var(--anb-purple-dark))!important;}
.anb-floating-cta .telegram{color:#fff!important;background:#229ed9!important;font-size:18px!important;}
@keyframes anbTicker{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes anbShine{0%{left:-55%;opacity:0;}18%{opacity:1;}42%{left:115%;opacity:0;}100%{left:115%;opacity:0;}}
@media(max-width:768px){
  body > .container,main.container{padding-left:8px!important;padding-right:8px!important;}
  .logo{margin-top:10px!important;padding:10px!important;border-radius:18px!important;}
  .logo img{max-height:74px!important;}
  .running-text{height:34px!important;line-height:34px!important;font-size:12px!important;}
  .ticker-track{animation-duration:12s!important;}
  .btn-login,.btn-credit,.row.g-0 .col button{font-size:14px!important;padding:12px 8px!important;}
  .icon-prov{gap:12px!important;padding:12px!important;margin-left:0!important;margin-right:0!important;border-radius:20px!important;}
  .item-prov{flex:0 0 132px!important;width:132px!important;min-width:132px!important;}
  .icon-card-bg{width:132px!important;height:142px!important;min-height:142px!important;padding:12px 8px!important;border-radius:19px!important;}
  .icon-card-bg .p-2:first-child{height:62px!important;}
  .icon-card-bg .p-2:last-child{height:42px!important;margin-top:6px!important;}
  .img-prov{max-width:72px!important;max-height:42px!important;}
  .icon-card-bg p,.provider-label{font-size:13px!important;line-height:1.14!important;min-height:38px!important;}
  .title-game{font-size:20px!important;padding:12px 8px!important;border-radius:17px!important;}
  .rtp-card{border-radius:18px!important;margin:4px 0!important;}
  .place-img-rtp{padding:6px!important;}
  .btn-play{font-size:11px!important;padding:7px 8px!important;}
  .pola-wrapper{margin-top:8px!important;}
  .pola-wrapper h4{font-size:13px!important;}.pola-wrapper h5{font-size:12px!important;}.percent p{font-size:12px!important;}
  #btn-colorscheme{width:50px!important;height:50px!important;}
  #contact .modal-dialog{margin:12px!important;}
  .anb-contact-card{padding:13px!important;}.anb-contact-icon{width:44px!important;height:44px!important;min-width:44px!important;font-size:23px!important;}
  .anb-floating-cta{display:grid!important;}
}
@media(max-width:380px){.item-prov{flex-basis:120px!important;width:120px!important;min-width:120px!important}.icon-card-bg{width:120px!important}.icon-card-bg p,.provider-label{font-size:12px!important}.title-game{font-size:18px!important}}
