/* SLOT88 alternatif additions: asset carousel, popup, responsive adjustments */
:root{--slot-pink:#188cff;--slot-gold:#f0c568;--slot-navy:#061932}
body{padding-bottom:72px}
.top_navbar,.header-wrapper,.main.nav-wrapper,.main-nav{background:linear-gradient(90deg,#061a3d,#0b4fa7,#1173e7)!important}
.btn-primary,.btn-tertiery,.btn-accent,.green_over,.yellow_over{background:linear-gradient(130deg,#0745aa,#0c88e8 65%,#0bc0f4)!important;border-color:rgba(255,255,255,.35)!important;color:white!important}
.slot88-seo-content{background:linear-gradient(150deg,#f2f8ff,#fff 56%,#e9f5ff)}
.slot88-seo-head>span{background:linear-gradient(130deg,#063f96,#0b85ea)!important}
.slot88-seo-head h1,.slot88-faq-box h2,.slot88-review-box h2{color:#123b7a!important}
.slot88-review-head strong{color:#0749a5!important}
.slot88-faq-q span{color:#0b8bd9!important}
.slot88-main-carousel{position:relative;overflow:hidden;background:#081a35}
.slot88-main-carousel .carousel-inner>.item{display:none}
.slot88-main-carousel .carousel-inner>.item.active{display:block}
.slot88-main-carousel .slider-size{max-height:none!important;min-height:0!important;width:100%;height:auto;aspect-ratio:2048/682;object-fit:cover}
.slot88-main-carousel .carousel-indicators{bottom:8px}
.slot88-main-carousel .carousel-control{display:flex!important;opacity:.72;align-items:center;justify-content:center;position:absolute;top:40%;height:52px;width:48px;z-index:3;background:rgba(9,4,17,.45)!important;border-radius:10px}
.slot88-main-carousel .carousel-control.left{left:6px}.slot88-main-carousel .carousel-control.right{right:6px}
.slot88-modal-overlay[hidden]{display:none!important}
.slot88-modal-overlay{position:fixed;inset:0;z-index:99999;display:flex;justify-content:center;align-items:center;background:rgba(3,1,10,.82);padding:14px}
.slot88-modal-card{width:min(480px,96vw);max-height:95vh;position:relative;display:flex;flex-direction:column;border:2px solid #1a9de8;border-radius:15px;background:#061b40;box-shadow:0 0 38px rgba(11,139,217,.4);overflow:hidden}
.slot88-modal-card>img{display:block;width:100%;min-height:0;max-height:calc(95vh - 83px);object-fit:contain;flex:1}
.slot88-modal-close{position:absolute;z-index:3;right:9px;top:9px;cursor:pointer;border:0;border-radius:50%;color:#fff;background:rgba(0,0,0,.86);width:38px;height:38px;font-size:29px;line-height:35px}
.slot88-modal-actions{display:flex;gap:10px;padding:12px}
.slot88-modal-actions a{display:block;flex:1;text-align:center;padding:12px 8px;text-decoration:none;color:white!important;font-weight:800;border-radius:8px}
.slot88-modal-login{background:linear-gradient(120deg,#064da8,#1b9bff)}
.slot88-modal-register{background:linear-gradient(120deg,#185996,#3d9de3)}
.slot88-faq-q{cursor:pointer}
@media(max-width:767px){.slot88-main-carousel .carousel-control{width:32px;height:36px;top:40%}.slot88-modal-actions a{padding:9px}.slot88-seo-head h1{font-size:24px}}

/* Template 1 official blue-only color variation: original DOM/layout preserved */
:root{--s88-blue:#087be1;--s88-blue2:#083b81;--s88-ink:#092848}
body{background:linear-gradient(180deg,#031531 0,#082951 35%,#f3f9ff 35%,#fff 100%)}
.top_navbar,.header-wrapper,.main.nav-wrapper,.main-nav{background:linear-gradient(90deg,#031731,#07549e,#0a81d5)!important}
.slot88-seo-content{background:linear-gradient(145deg,#e9f5ff,#fff 55%,#f1f9ff)!important}
.slot88-seo-head>span{background:linear-gradient(120deg,#073f8c,#0d96e7)!important}
.slot88-faq-q{background:linear-gradient(90deg,#f1f8ff,#eaf5ff)!important;color:#0a3e7e!important}
.slot88-faq-box,.slot88-review-box{border-color:rgba(9,105,218,.22)!important}
.slot88-modal-card{border-color:#148bd9!important;box-shadow:0 0 35px rgba(6,105,225,.4)!important}
.slot88-modal-login,.slot88-modal-register{background:linear-gradient(110deg,#074788,#1689df)!important}