:root{
  --main-theme-color:#001cf0!important;
  --theme-primary:#001cf0!important;
  --theme-secondary:#4d6bff!important;
  --theme-accent:#00eaff!important;
  --theme-aqua:#fff04a!important;
  --theme-red:#ff4d6d!important;
  --theme-pink:#ff7be8!important;
  --theme-purple:#b8c4ff!important;
  --theme-soft:#eef4ff!important;
  --theme-deep:#000638!important;
  --theme-bg:#001cf0!important;
  --theme-surface:#00118f!important;
  --theme-surface-2:#0028c8!important;
  --theme-card:#000b66!important;
  --theme-border:rgba(0,234,255,.52)!important;
  --theme-border-strong:rgba(255,255,255,.72)!important;
  --theme-text:#f5f8ff!important;
  --theme-muted:#a8f6ff!important;
  --theme-dark-text:#000638!important;
  --theme-shadow:0 24px 70px rgba(0,10,92,.62)!important;
  --theme-glow:0 0 0 1px rgba(255,255,255,.18),0 0 36px rgba(77,107,255,.52),0 26px 76px rgba(0,10,92,.72)!important;
  --theme-gradient:linear-gradient(135deg,#000638 0%,#001cf0 48%,#4d6bff 100%)!important;
  --theme-gradient-soft:linear-gradient(135deg,rgba(255,255,255,.26),rgba(0,234,255,.18))!important;
  --theme-gradient-dark:linear-gradient(180deg,#000b66 0%,#001cf0 58%,#000638 100%)!important;
  --theme-radius:18px;
  --theme-radius-xl:30px;
  --theme-transition:220ms ease;
}

/* BACKGROUND UTAMA */
html{
  scroll-behavior:smooth;
}

body,
.site-content-container,
[data-container-background],
[data-container-background="general"],
[data-container-background="home"],
[data-container-background="slots"],
[data-container-background="arcade"],
[data-container-background="crash-game"],
[data-container-background="casino"],
[data-container-background="race"],
[data-container-background="others"],
[data-container-background="promotions"]{
  background:
    radial-gradient(circle at 8% 7%,rgba(255,255,255,.28),transparent 28%),
    radial-gradient(circle at 86% 12%,rgba(0,234,255,.34),transparent 34%),
    radial-gradient(circle at 18% 84%,rgba(255,240,74,.18),transparent 30%),
    radial-gradient(circle at 72% 92%,rgba(255,77,109,.22),transparent 34%),
    linear-gradient(180deg,#001cf0 0%,#0028c8 48%,#001cf0 100%)!important;
  color:#f5f8ff!important;
  accent-color:#00eaff;
}

/* GRID CAHAYA BACKGROUND */
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background-image:
    linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,6,56,.28) 1px,transparent 1px),
    radial-gradient(circle,rgba(0,234,255,.24) 1px,transparent 1.7px);
  background-size:44px 44px,44px 44px,24px 24px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.94),rgba(0,0,0,.08));
}

body:after{
  content:"";
  position:fixed;
  inset:auto 0 0 0;
  height:280px;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 18% 80%,rgba(255,240,74,.25),transparent 34%),
    radial-gradient(circle at 76% 72%,rgba(255,77,109,.28),transparent 32%);
  filter:blur(12px);
}

/* SELECTION & SCROLLBAR */
*{
  scrollbar-width:thin;
  scrollbar-color:#00eaff #000638;
}

*::selection{
  background:#00eaff!important;
  color:#000638!important;
}

::-webkit-scrollbar{
  width:10px;
  height:9px;
}

::-webkit-scrollbar-track{
  background:#000638;
}

::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#00eaff,#4d6bff);
  border-radius:999px;
  border:2px solid #000638;
}

/* TEKS UMUM */
body,
p,
li,
span,
small,
label,
td,
th,
.standard-inline-form-group label,
.standard-form-note,
.pending-transaction-section,
.user-info,
.login-panel,
.modal-body,
.modal-footer,
.game-description-container .game-description,
.site-info-inner-container,
.copyright-info-container{
  color:#f5f8ff!important;
}

/* HEADING */
h1,h2,h3,h4,h5,h6,
.standard-form-title,
.standard-nav-bar .nav-bar-title,
.standard-profile-bar .username-field .username,
.standard-profile-bar .balance-field .balance,
.popular-game-title-container .title,
.game-list .provider-name,
.info-center-container h2,
.standard-content-info h2,
.footer-sitemap-section h4,
.footer-description-section h4{
  color:#00eaff!important;
  text-shadow:
    0 0 18px rgba(0,234,255,.68),
    0 3px 12px rgba(0,6,56,.72)!important;
}

/* LINK */
a,
.info-center-container a,
.contact-us-list li a,
.form-footer-note-section .form-footer-note-link a,
.register-modal .register-page-link a,
.standard-form-note a{
  color:#fff04a!important;
  transition:color var(--theme-transition),text-shadow var(--theme-transition),filter var(--theme-transition)!important;
}

a:hover,
.topbar-sub-section .topbar-item a:hover,
.topbar-sub-section .topbar-item .live-chat:hover,
.login-panel .forgot-password-link:hover,
.footer-sitemap-section .footer-links>li>a:hover{
  color:#00eaff!important;
  text-shadow:0 0 18px rgba(0,234,255,.82);
}

/* CONTAINER GLASS */
.site-header,
.topbar-container,
.home-inner-container,
.standard-form-content,
.login-panel,
.modal-content,
.standard-side-menu,
.standard-profile-bar,
.promotion-side-menu,
.promotion-list,
.transactions-table.table,
.footer-featured-product-section .site-info-description,
.footer-banking-section .banking-footer-section,
.footer-banking-section .bank-list-container,
.pending-transaction-detail-card,
.referral-box-container .referral-box{
  background:
    linear-gradient(145deg,rgba(0,11,102,.94),rgba(0,28,240,.68))!important;
  border:1px solid rgba(0,234,255,.46)!important;
  box-shadow:var(--theme-glow)!important;
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
}

/* HEADER */
.site-header{
  background:
    linear-gradient(135deg,rgba(0,6,56,.98),rgba(0,28,240,.92),rgba(0,17,143,.96))!important;
  border-bottom:1px solid rgba(0,234,255,.58)!important;
}

.topbar-container{
  background:rgba(0,11,102,.92)!important;
  border-bottom:1px solid rgba(255,255,255,.22)!important;
}

.top-menu>li{
  color:#e0e7ff!important;
}

.top-menu>li[data-active="true"],
.top-menu>li:hover{
  color:#fff04a!important;
}

.top-menu>li+li:before{
  background:rgba(0,234,255,.46)!important;
}

/* ANNOUNCEMENT */
.announcement-outer-container{
  position:relative;
  overflow:hidden;
  background:linear-gradient(90deg,#000638,#001cf0,#00118f,#000638)!important;
  color:#ffffff!important;
  border-top:1px solid rgba(0,234,255,.48)!important;
  border-bottom:1px solid rgba(0,234,255,.48)!important;
}

.announcement-outer-container:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
  transform:translateX(-120%);
  animation:blueShimmer 4.2s infinite;
}

.announcement-container>[data-section="announcements"]{
  background:rgba(0,6,56,.86)!important;
  border:1px solid rgba(0,234,255,.42)!important;
  box-shadow:inset 0 0 28px rgba(77,107,255,.34)!important;
}

.announcement-list li{
  color:#ffffff!important;
}

/* BANNER */
.banner,
.banner-carousel,
.banner-carousel>div:first-child img,
.banner .slick-slide img{
  border-radius:30px!important;
  overflow:hidden;
}

.banner,
.banner-carousel{
  border:1px solid rgba(0,234,255,.6)!important;
  box-shadow:0 26px 80px rgba(0,10,92,.66)!important;
}

/* JACKPOT / HIGHLIGHT */
.home-progressive-jackpot{
  position:relative;
  isolation:isolate;
  background:linear-gradient(135deg,#000638,#001cf0,#000b66)!important;
  border:1px solid rgba(0,234,255,.76)!important;
  box-shadow:0 24px 75px rgba(0,10,92,.7)!important;
}

.home-progressive-jackpot:before{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:-1;
  border-radius:inherit;
  background:linear-gradient(90deg,transparent,rgba(0,234,255,.74),transparent);
  filter:blur(20px);
  opacity:.6;
  animation:bluePulse 3.5s infinite;
}

.home-progressive-jackpot .outer-container,
.home-progressive-jackpot .inner-container,
.home-progressive-jackpot .border-container{
  background:rgba(0,6,56,.9)!important;
  border-color:#00eaff!important;
}

.home-progressive-jackpot .jackpot-container,
.jackpot-container{
  background:linear-gradient(135deg,#0028c8,#001cf0,#4d6bff)!important;
  color:#ffffff!important;
  text-shadow:
    0 0 12px rgba(0,234,255,.9),
    0 0 32px rgba(77,107,255,.9)!important;
  box-shadow:
    inset 0 0 30px rgba(255,255,255,.24),
    0 0 42px rgba(0,234,255,.5)!important;
}

.home-progressive-jackpot .jackpot-border-container,
.jackpot-border-container{
  border-color:#00eaff!important;
}

.home-progressive-jackpot .jackpot-currency,
.jackpot-currency{
  color:#fff04a!important;
}

.home-progressive-jackpot .jackpot-play-section .jackpot-play-text,
.home-progressive-jackpot .jackpot-play-section .jackpot-play-text label{
  color:#a8f6ff!important;
}

/* TITLE SECTION */
.popular-game-title-container{
  color:#f5f8ff!important;
}

.popular-game-title-container>i{
  border-bottom-color:#00eaff!important;
  border-top-color:rgba(255,255,255,.18)!important;
}

.popular-game-title-container a{
  background:linear-gradient(135deg,#00eaff,#ffffff)!important;
  color:#000638!important;
  border:1px solid rgba(255,255,255,.74)!important;
  box-shadow:0 10px 26px rgba(0,10,92,.5)!important;
}

.popular-game-title-container a:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(0,234,255,.52)!important;
}

.popular-game-title-container+.game-list-container{
  background:rgba(0,11,102,.74)!important;
  border:2px solid rgba(0,234,255,.56)!important;
  box-shadow:inset 0 0 30px rgba(255,255,255,.1)!important;
}

/* CARD & LIST */
.game-list .game-item,
.large-game-list li,
.promotion-item,
.claim-item,
.transaction-item,
.pending-transaction-detail-card,
.bonus-selection-list .bonus-selection-card,
.notification-list .notification-item,
.referral-box-container .referral-box{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(0,17,143,.97),rgba(0,6,56,.99))!important;
  border:1px solid rgba(0,234,255,.46)!important;
  border-radius:18px!important;
  box-shadow:0 16px 42px rgba(0,10,92,.58)!important;
  transition:
    transform var(--theme-transition),
    box-shadow var(--theme-transition),
    border-color var(--theme-transition),
    filter var(--theme-transition)!important;
}

.game-list .game-item:before,
.large-game-list li:before,
.promotion-item:before,
.claim-item:before,
.transaction-item:before,
.pending-transaction-detail-card:before,
.bonus-selection-list .bonus-selection-card:before,
.notification-list .notification-item:before,
.referral-box-container .referral-box:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.26),transparent);
  transform:translateX(-120%);
  transition:transform .7s ease;
}

.game-list .game-item:hover,
.large-game-list li:hover,
.promotion-item:hover,
.claim-item:hover,
.transaction-item:hover,
.pending-transaction-detail-card:hover,
.bonus-selection-list .bonus-selection-card:hover,
.notification-list .notification-item:hover,
.referral-box-container .referral-box:hover{
  transform:translateY(-6px) scale(1.012)!important;
  border-color:rgba(255,255,255,.82)!important;
  box-shadow:0 28px 74px rgba(0,234,255,.34)!important;
}

.game-list .game-item:hover:before,
.large-game-list li:hover:before,
.promotion-item:hover:before,
.claim-item:hover:before,
.transaction-item:hover:before,
.pending-transaction-detail-card:hover:before,
.bonus-selection-list .bonus-selection-card:hover:before,
.notification-list .notification-item:hover:before,
.referral-box-container .referral-box:hover:before{
  transform:translateX(120%);
}

.game-list .game-name,
.large-game-list .game-title{
  color:#ffffff!important;
}

.promotion-item .promotion-footer,
.claim-item .claim-title{
  color:#ff7be8!important;
}

.claim-item .claim-details,
.transaction-item .info-section .details{
  color:#a8f6ff!important;
}

.game-list .provider-name,
.claim-item .claim-details strong,
.large-game-list .game-title::after{
  color:#fff04a!important;
}

/* BUTTON */
button,
.btn,
.standard-button-group .btn,
.login-panel .login-button,
.login-panel .register-button,
.play-now,
.free-play,
.copy-input-button,
.request-otp-button,
.click-for-more-info-button,
.click-for-get-promo-button{
  transition:
    transform var(--theme-transition),
    box-shadow var(--theme-transition),
    filter var(--theme-transition),
    background var(--theme-transition),
    border-color var(--theme-transition),
    color var(--theme-transition)!important;
}

.modal-header,
.login-panel .register-button,
.standard-button-group .btn-primary,
.standard-reporting-control-group .btn-primary,
.deposit-container .reveal-bank-account-button,
.standard-nav-bar a[data-active="true"],
.standard-side-menu a[data-active="true"],
.payment-method-selection input[type="radio"]:checked+label,
.notification-tabs .notification-tab-item[data-active="true"],
.copy-input-button-field .copy-input-button,
[data-payment-gateway] .download-qr-button,
.claim-item .activation-button,
.claim-item .cancellation-button,
.claim-item .expiration-button,
.promotion-item .click-for-more-info-button,
.promotion-item-details .click-for-get-promo-button,
.play-now{
  background:linear-gradient(135deg,#000638 0%,#001cf0 48%,#4d6bff 100%)!important;
  background-image:linear-gradient(135deg,#000638 0%,#001cf0 48%,#4d6bff 100%)!important;
  color:#ffffff!important;
  border-color:rgba(0,234,255,.6)!important;
  box-shadow:0 14px 34px rgba(0,10,92,.52)!important;
}

button:hover,
.btn:hover,
.standard-button-group .btn:hover,
.login-panel .login-button:hover,
.login-panel .register-button:hover,
.play-now:hover,
.free-play:hover,
.copy-input-button:hover,
.request-otp-button:hover,
.click-for-more-info-button:hover,
.click-for-get-promo-button:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 18px 42px rgba(0,234,255,.44)!important;
  filter:brightness(1.12);
}

.login-panel .login-button,
.free-play{
  background:rgba(255,255,255,.11)!important;
  color:#fff04a!important;
  border:1px solid rgba(255,255,255,.7)!important;
}

.login-panel .login-button:hover,
.free-play:hover{
  background:#00eaff!important;
  color:#000638!important;
  border-color:#00eaff!important;
}

/* FORM */
input,
select,
textarea,
.form-control,
.standard-reporting-control-group>input,
.standard-inline-form-group .form-control,
.standard-form-content .form-control,
.mobile-app-container .mobile-app-select,
.appeal-form textarea.form-control,
.rating-review-modal textarea.form-control,
.login-panel input[type=text],
.login-panel input[type=password]{
  background:rgba(0,6,56,.93)!important;
  border-color:rgba(0,234,255,.4)!important;
  color:#eef4ff!important;
  transition:
    border-color var(--theme-transition),
    box-shadow var(--theme-transition),
    background var(--theme-transition),
    color var(--theme-transition)!important;
}

input::placeholder,
textarea::placeholder{
  color:#a8f6ff!important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus{
  background:rgba(0,17,143,.96)!important;
  border-color:#00eaff!important;
  box-shadow:
    0 0 0 3px rgba(0,234,255,.28),
    0 0 26px rgba(77,107,255,.4)!important;
  outline:none!important;
}

/* MODAL */
.modal-header{
  border-bottom:1px solid rgba(0,234,255,.54)!important;
}

.modal-header .close,
.modal-header h4,
.modal-title{
  color:#00eaff!important;
}

.modal-body,
.modal-footer,
.register-modal .modal-body,
.forgot-password-modal .modal-body{
  background:
    radial-gradient(circle at top right,rgba(0,234,255,.2),transparent 34%),
    #000638!important;
  color:#eef4ff!important;
}

.modal-footer{
  border-top:1px solid rgba(0,234,255,.4)!important;
}

.modal-footer .btn-secondary{
  background:transparent!important;
  color:#fff04a!important;
}

.modal-footer .btn-secondary:hover{
  color:#00eaff!important;
}

/* TABLE */
.table thead>tr>th,
.transactions-table.table thead,
.standard-form-content .table thead,
.standard-reporting-scroll-container .table thead{
  background:linear-gradient(135deg,rgba(0,11,102,.98),rgba(0,28,240,.88))!important;
  color:#00eaff!important;
  border-color:rgba(0,234,255,.36)!important;
}

.table tbody,
.transactions-table.table tbody{
  background:rgba(0,6,56,.95)!important;
}

.table tbody>tr,
.transactions-table.table tbody tr{
  transition:background var(--theme-transition),transform var(--theme-transition);
}

.table tbody>tr:hover,
.transactions-table.table tbody tr:hover{
  background:rgba(0,234,255,.16)!important;
}

.table thead>tr>td,
.table tbody>tr>td,
.table tfoot>tr>td,
.standard-form-content .table tbody td,
.standard-reporting-scroll-container .table tbody td{
  color:#ffffff!important;
  border-color:rgba(0,234,255,.3)!important;
}

/* NAV & SIDE MENU */
.standard-nav-bar a,
.standard-side-menu a,
.promotion-side-menu>a{
  color:#fff04a!important;
  background:transparent!important;
  border-color:rgba(0,234,255,.3)!important;
}

.standard-nav-bar a[data-active="true"],
.standard-nav-bar a:not([data-active="true"]):hover,
.standard-side-menu a[data-active="true"],
.standard-side-menu a:not([data-active="true"]):hover,
.promotion-side-menu>a[data-active="true"],
.promotion-side-menu>a:hover{
  background:linear-gradient(135deg,#000638,#001cf0,#4d6bff)!important;
  color:#ffffff!important;
  border-color:#00eaff!important;
}

.promotion-side-menu>h5{
  color:#ff7be8!important;
}

/* PROGRESS, BADGE, INDICATOR */
.progressbar{
  background:#000638!important;
}

.proggress,
.large-game-list .game-title::after,
.loyalty-reward-container .category-title::before,
.carousel-indicators .active,
.carousel-indicators .slick-active,
.resolved-transactions-carousel .carousel-indicators .active,
.resolved-transactions-carousel .carousel-indicators .slick-active{
  background:#00eaff!important;
  border-color:#00eaff!important;
  box-shadow:0 0 20px rgba(0,234,255,.86)!important;
}

/* BALANCE & IMPORTANT VALUE */
.user-info .balance>span,
.deposit-container .formatted-balance,
.deposit-container .real-deposit-amount,
.deposit-container .deposit-amount input.form-control,
.deposit-container .deposit-amount .currency-suffix,
.withdrawal-container .formatted-balance,
.withdrawal-container .real-withdrawal-amount,
.withdrawal-container .withdrawal-amount input.form-control,
.withdrawal-container .withdrawal-amount .currency-suffix,
.standard-form-note span,
.standard-form-note strong{
  color:#00eaff!important;
}

/* FOOTER */
.footer-separator{
  border-color:rgba(0,234,255,.44)!important;
}

.footer-featured-product-section .site-info-description,
.footer-banking-section .banking-footer-section,
.footer-banking-section .bank-list-container{
  background:
    radial-gradient(circle at top left,rgba(0,234,255,.2),transparent 34%),
    rgba(0,6,56,.95)!important;
}

.footer-sitemap-section .footer-links>li>a{
  color:#eef4ff!important;
}

.footer-sitemap-section .footer-links>li>a strong{
  color:#fff04a!important;
}

.footer-description-section,
.site-info-inner-container{
  color:#a8f6ff!important;
}

.copyright-info-container .copyright{
  color:#00eaff!important;
}

/* FLOATING BUTTON */
.floating-action-button .floating-action-button-item{
  background:linear-gradient(135deg,#00eaff,#4d6bff,#001cf0)!important;
  color:#000638!important;
  box-shadow:0 14px 36px rgba(0,234,255,.48)!important;
}

/* EXTRA EFEK BIRU ELEKTRIK */
.home-inner-container,
.standard-form-content,
.login-panel,
.modal-content,
.game-list .game-item,
.large-game-list li,
.promotion-item{
  position:relative;
}

.home-inner-container:after,
.standard-form-content:after,
.login-panel:after,
.modal-content:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(135deg,rgba(255,255,255,.19),transparent 35%,rgba(0,234,255,.14));
  opacity:.8;
}

/* EFEK GARIS CAHAYA BERGERAK */
.home-inner-container:before,
.standard-form-content:before,
.login-panel:before,
.modal-content:before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.2),transparent);
  opacity:.72;
  animation:blueSoftMove 5.8s linear infinite;
}

/* WARNA TEXT WAJIB BEDA TIAP BLOK */
.home-inner-container p,
.home-inner-container li{
  color:#eef4ff!important;
}

.standard-form-content p,
.standard-form-content li{
  color:#a8f6ff!important;
}

.login-panel p,
.login-panel li,
.login-panel label{
  color:#fff04a!important;
}

.promotion-list p,
.promotion-list li,
.promotion-item p{
  color:#ff7be8!important;
}

.standard-side-menu a{
  color:#00eaff!important;
}

.footer-featured-product-section p,
.footer-featured-product-section li{
  color:#b8c4ff!important;
}

.footer-banking-section p,
.footer-banking-section li{
  color:#fff04a!important;
}

.notification-list .notification-item,
.notification-list .notification-item p{
  color:#eef4ff!important;
}

.transaction-item,
.transaction-item p,
.transaction-item span{
  color:#a8f6ff!important;
}

.referral-box-container .referral-box,
.referral-box-container .referral-box p{
  color:#ff7be8!important;
}

/* MOBILE */
@media (max-width:768px){
  .home-inner-container,
  .banner,
  .banner-carousel,
  .site-header,
  .standard-form-content{
    border-radius:18px!important;
  }

  .home-progressive-jackpot{
    border-radius:22px!important;
  }

  .home-progressive-jackpot .jackpot-container{
    font-size:32px!important;
    letter-spacing:2px!important;
  }

  .popular-game-title-container{
    gap:8px;
    flex-wrap:wrap;
  }

  .popular-game-title-container a{
    padding:6px 18px!important;
  }
}

/* ANIMATION */
@keyframes blueShimmer{
  0%{transform:translateX(-120%)}
  55%,100%{transform:translateX(120%)}
}

@keyframes bluePulse{
  0%,100%{
    opacity:.36;
    filter:blur(20px);
  }
  50%{
    opacity:.82;
    filter:blur(27px);
  }
}

@keyframes blueSoftMove{
  0%{transform:translateX(-80%);opacity:.22}
  50%{opacity:.8}
  100%{transform:translateX(80%);opacity:.22}
}