/* ANABULBET STABLE LUXURY TEMPLATE V2 - synchronized for all provider pages */
:root{
    --anb-bg-1:#120016;
    --anb-bg-2:#2a0538;
    --anb-purple:#7c22ff;
    --anb-purple-2:#3a075a;
    --anb-gold:#ffd86b;
    --anb-gold-2:#ffb21a;
    --anb-border:rgba(255,216,107,.32);
    --anb-text:#fff7df;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
    margin:0!important;
    color:var(--anb-text)!important;
    overflow-x:hidden!important;
    background:
        radial-gradient(circle at 15% 0%, rgba(124,34,255,.34), transparent 33%),
        radial-gradient(circle at 90% 12%, rgba(255,184,28,.20), transparent 28%),
        linear-gradient(180deg, var(--anb-bg-1), var(--anb-bg-2) 56%, #09000c)!important;
}
body:before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-1;
    background-image:linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size:34px 34px;
    mask-image:linear-gradient(to bottom, rgba(0,0,0,.9), transparent 82%);
}
body > .container, main.container{
    max-width:980px!important;
    padding-left:10px!important;
    padding-right:10px!important;
    padding-bottom:86px!important;
}
.logo{
    position:relative!important;
    margin:14px auto 12px!important;
    padding:12px!important;
    border:1px solid var(--anb-border)!important;
    border-radius:22px!important;
    background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.025))!important;
    box-shadow:0 18px 42px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.18)!important;
    overflow:hidden!important;
}
.logo:after{
    content:"";
    position:absolute;
    top:-80%;left:-35%;width:45%;height:250%;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent);
    transform:rotate(22deg);
    animation:anbShine 4.8s infinite;
}
.logo img{display:block!important;max-height:92px!important;margin:auto!important;filter:drop-shadow(0 0 16px rgba(255,216,107,.25));}
.slider-wrapper{
    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,.12), rgba(255,255,255,.03))!important;
    box-shadow:0 24px 58px rgba(0,0,0,.48), 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:#1a0b00!important;
    font-weight:900!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:42px!important;min-width:max-content!important;animation:anbTicker 17s 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:#7b3200;font-size:12px;}
.swiper.slider,.slider{padding:0!important;margin:0!important;border-radius:0 0 22px 22px!important;overflow:hidden!important;line-height:0!important;background:#16001e!important;}
.swiper-wrapper,.swiper-slide{height:auto!important;min-height:0!important;align-items:flex-start!important;}
.swiper-slide{display:flex!important;background:#16001e!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;
    aspect-ratio:auto!important;
    border-radius:0!important;
    margin:0!important;
    padding:0!important;
    filter:saturate(1.08) contrast(1.03);
}
.row.g-0{margin-top:0!important;}
.btn-login,.btn-credit{
    border:0!important;
    padding:13px 10px!important;
    font-weight:950!important;
    letter-spacing:.8px!important;
    text-transform:uppercase!important;
    position:relative!important;
    overflow:hidden!important;
    box-shadow:0 12px 24px rgba(0,0,0,.34)!important;
}
.btn-login{background:linear-gradient(135deg, #ffe794, #ffb01d 42%, #cb7300)!important;color:#2a1200!important;border-radius:0 0 0 18px!important;}
.btn-credit{background:linear-gradient(135deg, #8d35ff, #4e00b8 48%, #240046)!important;color:#fff!important;border-radius:0 0 18px 0!important;}
.btn-login:after,.btn-credit:after{content:"";position:absolute;inset:-70% auto -70% -50%;width:42%;background:linear-gradient(90deg, transparent, rgba(255,255,255,.38), transparent);transform:rotate(22deg);animation:anbShine 3.8s infinite;}
.icon-prov{
    margin-top:12px!important;
    padding:10px!important;
    border:1px solid rgba(255,216,107,.16)!important;
    border-radius:20px!important;
    background:rgba(11,2,18,.44)!important;
    box-shadow:0 16px 36px rgba(0,0,0,.28) inset!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    gap:8px!important;
    scrollbar-width:none!important;
}
.icon-prov::-webkit-scrollbar{display:none!important;}
.item-prov{flex:0 0 112px!important;width:112px!important;max-width:112px!important;margin:0!important;}
.icon-card-bg{
    width:112px!important;
    height:128px!important;
    padding:8px 6px!important;
    border:1px solid rgba(255,216,107,.35)!important;
    border-radius:18px!important;
    background:linear-gradient(180deg, rgba(105,48,150,.94), rgba(39,9,63,.96))!important;
    box-shadow:0 10px 22px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.16)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
    cursor:pointer!important;
}
.icon-card-bg:hover,.icon-card-bg:active{transform:translateY(-2px) scale(1.015)!important;border-color:rgba(255,216,107,.68)!important;box-shadow:0 16px 30px rgba(0,0,0,.40),0 0 18px rgba(255,216,107,.22)!important;}
.icon-card-bg .p-2{padding:4px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.img-prov{max-width:58px!important;max-height:42px!important;object-fit:contain!important;margin:0 auto!important;display:block!important;filter:drop-shadow(0 0 7px rgba(255,255,255,.16));}
.icon-card-bg p,.provider-label{
    width:100%!important;
    min-height:34px!important;
    margin:4px 0 0!important;
    color:#fff2c9!important;
    font-weight:950!important;
    font-size:12px!important;
    line-height:15px!important;
    letter-spacing:.25px!important;
    text-align:center!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-shadow:0 2px 4px rgba(0,0,0,.45)!important;
}
.title-game{
    margin:16px 0 8px!important;
    padding:12px 14px!important;
    border-radius:18px!important;
    color:#1a0b00!important;
    text-align:center!important;
    font-weight:950!important;
    letter-spacing:.55px!important;
    background:linear-gradient(90deg, #d48800, #ffe58f 35%, #ffbb2d 70%, #b46400)!important;
    box-shadow:0 14px 32px rgba(255,178,26,.18)!important;
}
.time,#date-text{color:#ffeab2!important;font-weight:800!important;}
.rtp-card{
    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;
    transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease!important;
}
.rtp-card:hover{transform:translateY(-3px);border-color:rgba(255,216,107,.45)!important;box-shadow:0 24px 48px rgba(0,0,0,.50),0 0 28px rgba(124,34,255,.22)!important;}
.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,.56)!important;border:1px solid rgba(255,216,107,.16)!important;backdrop-filter:blur(8px);}
.pola-wrapper h4,.pola-wrapper h5{color:#ffe7a1!important;}
.btn-play{border:0!important;border-radius:999px!important;font-weight:900!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,#7c22ff,#ffbf2d)!important;box-shadow:0 0 18px rgba(255,191,45,.42)!important;}
/* Contact modal modern */
.anb-contact-modal{border:1px solid rgba(255,216,107,.35)!important;border-radius:24px!important;background:linear-gradient(180deg,#260036,#120018)!important;color:#fff!important;box-shadow:0 24px 70px rgba(0,0,0,.58),0 0 34px rgba(124,34,255,.24)!important;overflow:hidden!important;}
.anb-contact-header{border-bottom:1px solid rgba(255,216,107,.20)!important;background:linear-gradient(90deg,rgba(255,216,107,.18),rgba(124,34,255,.20))!important;}
.anb-contact-title{color:#ffe9a8!important;font-weight:950!important;letter-spacing:.4px!important;}
.anb-contact-body{padding:18px!important;}
.anb-contact-note{color:#e9d8ff!important;margin-bottom:14px!important;font-size:14px!important;line-height:1.45!important;}
.anb-contact-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
.anb-contact-card{display:flex!important;align-items:center!important;gap:12px!important;padding:14px!important;border-radius:18px!important;text-decoration:none!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 14px 32px rgba(0,0,0,.28)!important;transition:transform .18s ease, box-shadow .18s ease!important;}
.anb-contact-card:hover{transform:translateY(-2px)!important;box-shadow:0 18px 40px rgba(0,0,0,.38)!important;color:#fff!important;}
.anb-contact-wa{background:linear-gradient(135deg,#19b85b,#075e54)!important;}
.anb-contact-tg{background:linear-gradient(135deg,#2aabee,#1779b8)!important;}
.anb-contact-icon{width:46px!important;height:46px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.18)!important;font-size:27px!important;flex:0 0 46px!important;}
.anb-contact-card strong{display:block!important;font-size:15px!important;line-height:1.15!important;}
.anb-contact-card span{display:block!important;color:rgba(255,255,255,.86)!important;font-size:13px!important;margin-top:3px!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,#9a4dff,#4e00b8)!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{font-size:12px!important;height:34px!important;line-height:34px!important;}
    .ticker-track{animation-duration:12s!important;}
    .item-prov{flex:0 0 102px!important;width:102px!important;max-width:102px!important;}
    .icon-card-bg{width:102px!important;height:120px!important;border-radius:16px!important;padding:7px 5px!important;}
    .img-prov{max-width:52px!important;max-height:38px!important;}
    .icon-card-bg p,.provider-label{font-size:10.8px!important;line-height:13.5px!important;min-height:32px!important;}
    .title-game{font-size:15px!important;padding:11px 8px!important;}
    .pola-wrapper{margin-top:8px!important;}
    .anb-floating-cta{display:grid!important;}
}
@media (max-width:380px){.item-prov{flex-basis:96px!important;width:96px!important;max-width:96px!important}.icon-card-bg{width:96px!important;height:116px!important}.icon-card-bg p,.provider-label{font-size:10px!important}.btn-login,.btn-credit{font-size:13px!important}}