/* =========================================================
   REWORK GREEN PREMIUM OVERRIDE
   DOMINAN WARNA : #02ba46
   TEXT UTAMA    : HITAM
   BACKGROUND    : #02ba46
   CARA PAKAI    : TEMPEL DI PALING BAWAH CSS LAMA
   ========================================================= */

:root{
  --main-theme-color:#02ba46!important;
  --theme-primary:#02ba46!important;
  --theme-secondary:#33e06f!important;
  --theme-accent:#d7ff3f!important;
  --theme-soft:#d9ffe6!important;
  --theme-lime:#77ff8a!important;
  --theme-gold:#fff05a!important;
  --theme-deep:#003817!important;
  --theme-bg:#02ba46!important;
  --theme-surface:#ffffff!important;
  --theme-card:#ffffff!important;
  --theme-text:#000000!important;
  --theme-muted:#111111!important;
  --theme-border:rgba(2,186,70,.35)!important;
  --theme-border-strong:rgba(215,255,63,.75)!important;
  --theme-shadow:0 20px 60px rgba(0,56,23,.24)!important;
  --theme-glow:
    0 0 0 1px rgba(255,255,255,.58),
    0 0 26px rgba(2,186,70,.35),
    0 18px 48px rgba(51,224,111,.25)!important;
  --theme-gradient:linear-gradient(135deg,#02ba46 0%,#33e06f 35%,#77ff8a 65%,#fff05a 100%)!important;
  --theme-gradient-soft:linear-gradient(135deg,rgba(2,186,70,.22),rgba(51,224,111,.18),rgba(119,255,138,.20),rgba(255,240,90,.18))!important;
  --theme-radius:24px!important;
}

/* RESET WARNA TEXT */
html,
body,
body *,
a,
p,
span,
li,
label,
small,
strong,
b,
h1,h2,h3,h4,h5,h6,
td,th,
div{
  color:#000000!important;
}

*::selection{
  background:#02ba46!important;
  color:#000000!important;
}

*{
  scrollbar-color:#02ba46 #d9ffe6!important;
}

::-webkit-scrollbar-track{
  background:#d9ffe6!important;
}

::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#02ba46,#77ff8a,#fff05a)!important;
  border:2px solid #d9ffe6!important;
  border-radius:999px!important;
}

/* BACKGROUND UTAMA */
body{
  min-height:100vh!important;
  color:#000000!important;
  background:
    radial-gradient(circle at 12% 8%,rgba(255,240,90,.34),transparent 30%),
    radial-gradient(circle at 88% 16%,rgba(119,255,138,.38),transparent 32%),
    radial-gradient(circle at 50% 100%,rgba(255,255,255,.24),transparent 45%),
    linear-gradient(135deg,#02ba46 0%,#33e06f 45%,#02ba46 100%)!important;
  background-size:150% 150%!important;
  accent-color:#02ba46!important;
  animation:greenPremiumFlow 18s ease-in-out infinite alternate!important;
}

/* GRID HALUS DI BACKGROUND */
body:before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:-2!important;
  background-image:
    linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.10) 1px,transparent 1px)!important;
  background-size:38px 38px!important;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 85%)!important;
}

/* ORB GLOW */
body:after{
  content:""!important;
  position:fixed!important;
  width:460px!important;
  height:460px!important;
  right:-150px!important;
  bottom:-180px!important;
  pointer-events:none!important;
  z-index:-1!important;
  background:
    radial-gradient(circle,rgba(255,240,90,.34),transparent 60%),
    radial-gradient(circle at 30% 70%,rgba(119,255,138,.38),transparent 58%),
    radial-gradient(circle at 70% 30%,rgba(255,255,255,.22),transparent 55%)!important;
  filter:blur(10px)!important;
  animation:greenFloatOrb 10s ease-in-out infinite alternate!important;
}

/* ANIMASI */
@keyframes greenPremiumFlow{
  0%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
  100%{background-position:35% 100%;}
}

@keyframes greenFloatOrb{
  from{transform:translate3d(0,0,0) scale(1);opacity:.75;}
  to{transform:translate3d(-85px,-75px,0) scale(1.16);opacity:1;}
}

@keyframes greenShineMove{
  0%{transform:translateX(-140%) skewX(-18deg);}
  100%{transform:translateX(190%) skewX(-18deg);}
}

@keyframes greenPulseGlow{
  0%,100%{
    box-shadow:0 14px 34px rgba(0,56,23,.22),0 0 0 rgba(255,240,90,0);
  }
  50%{
    box-shadow:0 22px 60px rgba(0,56,23,.34),0 0 35px rgba(255,240,90,.30);
  }
}

@keyframes greenBorderRun{
  0%{background-position:0% 50%;}
  100%{background-position:220% 50%;}
}

/* HEADER / TOPBAR */
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  background:rgba(255,255,255,.78)!important;
  border-bottom:1px solid rgba(2,186,70,.42)!important;
  box-shadow:0 14px 40px rgba(0,56,23,.18)!important;
  backdrop-filter:blur(16px) saturate(1.25)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.25)!important;
}

.topbar-container{
  background:linear-gradient(90deg,#02ba46,#33e06f,#fff05a)!important;
  color:#000000!important;
  border-bottom:1px solid rgba(255,255,255,.45)!important;
}

.site-header:after,
.topbar-container:after,
.announcement-outer-container:after{
  content:""!important;
  display:block!important;
  height:2px!important;
  background:linear-gradient(90deg,#02ba46,#33e06f,#77ff8a,#fff05a,#02ba46)!important;
  background-size:240% 100%!important;
  animation:greenBorderRun 7s linear infinite!important;
}

/* AREA UTAMA */
.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 top left,rgba(255,240,90,.24),transparent 34%),
    linear-gradient(180deg,#02ba46 0%,#33e06f 55%,#02ba46 100%)!important;
}

/* PANEL / CONTAINER */
.home-inner-container,
.standard-form-content,
.login-panel,
.modal-content,
.standard-side-menu,
.standard-profile-bar,
.promotion-side-menu,
.promotion-list,
.footer-featured-product-section .site-info-description,
.footer-banking-section .banking-footer-section,
.footer-banking-section .bank-list-container{
  background:rgba(255,255,255,.78)!important;
  color:#000000!important;
  border:1px solid rgba(255,255,255,.58)!important;
  border-radius:24px!important;
  box-shadow:
    0 0 0 1px rgba(2,186,70,.18),
    0 20px 55px rgba(0,56,23,.18)!important;
  backdrop-filter:blur(14px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.18)!important;
}

/* ANNOUNCEMENT */
.announcement-outer-container{
  background:linear-gradient(90deg,#02ba46,#77ff8a,#fff05a)!important;
  color:#000000!important;
  border-top:1px solid rgba(255,255,255,.45)!important;
  border-bottom:1px solid rgba(255,255,255,.45)!important;
  box-shadow:0 12px 32px rgba(0,56,23,.18)!important;
}

.announcement-container>[data-section="announcements"]{
  background:rgba(255,255,255,.30)!important;
  color:#000000!important;
  border:1px solid rgba(255,255,255,.52)!important;
  border-radius:999px!important;
  box-shadow:inset 0 0 18px rgba(255,255,255,.25)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}

/* BANNER */
.banner,
.banner-carousel{
  position:relative!important;
  overflow:hidden!important;
  border-radius:26px!important;
  border:1px solid rgba(255,240,90,.75)!important;
  box-shadow:0 24px 75px rgba(0,56,23,.32)!important;
  animation:greenPulseGlow 5s ease-in-out infinite!important;
}

.banner:after,
.banner-carousel:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(120deg,transparent 0%,rgba(255,255,255,.28) 42%,transparent 64%),
    radial-gradient(circle at 20% 20%,rgba(119,255,138,.22),transparent 36%),
    radial-gradient(circle at 82% 80%,rgba(255,240,90,.20),transparent 35%)!important;
  mix-blend-mode:screen!important;
}

.banner img,
.banner-carousel img{
  filter:saturate(1.12) contrast(1.04)!important;
}

/* HIGHLIGHT / JACKPOT BOX */
.home-progressive-jackpot{
  background:linear-gradient(135deg,#02ba46,#33e06f,#fff05a)!important;
  border:1px solid rgba(255,240,90,.80)!important;
  border-radius:26px!important;
  box-shadow:0 22px 65px rgba(0,56,23,.30)!important;
}

.home-progressive-jackpot .inner-container{
  background:rgba(255,255,255,.56)!important;
  border-radius:22px!important;
}

.home-progressive-jackpot .border-container{
  border-color:#fff05a!important;
  background:rgba(255,255,255,.42)!important;
}

.home-progressive-jackpot .jackpot-container,
.jackpot-container{
  background:linear-gradient(135deg,#02ba46,#77ff8a,#fff05a)!important;
  color:#000000!important;
  text-shadow:0 0 12px rgba(255,255,255,.88)!important;
  box-shadow:inset 0 0 28px rgba(255,255,255,.22),0 0 36px rgba(2,186,70,.42)!important;
}

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

/* TITLE */
.popular-game-title-container,
.popular-game-title-container .title,
.standard-form-title,
.standard-nav-bar .nav-bar-title,
.standard-profile-bar .username-field .username,
.standard-profile-bar .balance-field .balance,
.user-info .balance>span,
.game-list .provider-name,
.info-center-container h2,
.standard-content-info h2{
  color:#000000!important;
  text-shadow:0 0 12px rgba(255,255,255,.55)!important;
}

/* BUTTON UTAMA */
.popular-game-title-container a,
.standard-nav-bar a[data-active="true"],
.standard-side-menu a[data-active="true"],
.login-panel .register-button,
.standard-button-group .btn-primary,
.standard-reporting-control-group .btn-primary,
.deposit-container .reveal-bank-account-button,
.play-now,
.copy-input-button-field .copy-input-button,
.request-otp-button,
.click-for-more-info-button,
.click-for-get-promo-button,
.promotion-item .click-for-more-info-button,
.promotion-item-details .click-for-get-promo-button{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:linear-gradient(135deg,#02ba46,#33e06f,#fff05a)!important;
  color:#000000!important;
  border:1px solid rgba(255,240,90,.70)!important;
  border-radius:999px!important;
  box-shadow:0 12px 30px rgba(0,56,23,.24)!important;
  letter-spacing:.2px!important;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease,filter .25s ease!important;
}

.popular-game-title-container a:before,
.standard-nav-bar a[data-active="true"]:before,
.standard-side-menu a[data-active="true"]:before,
.login-panel .register-button:before,
.standard-button-group .btn-primary:before,
.standard-reporting-control-group .btn-primary:before,
.deposit-container .reveal-bank-account-button:before,
.play-now:before,
.copy-input-button-field .copy-input-button:before,
.request-otp-button:before,
.click-for-more-info-button:before,
.click-for-get-promo-button:before,
.promotion-item .click-for-more-info-button:before,
.promotion-item-details .click-for-get-promo-button:before{
  content:""!important;
  position:absolute!important;
  inset:-2px auto -2px -45%!important;
  width:42%!important;
  z-index:-1!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent)!important;
  animation:greenShineMove 3.2s ease-in-out infinite!important;
}

.popular-game-title-container a:hover,
.standard-nav-bar a[data-active="true"]:hover,
.standard-side-menu a[data-active="true"]:hover,
.login-panel .register-button:hover,
.standard-button-group .btn-primary:hover,
.standard-reporting-control-group .btn-primary:hover,
.deposit-container .reveal-bank-account-button:hover,
.play-now:hover,
.copy-input-button-field .copy-input-button:hover,
.request-otp-button:hover,
.click-for-more-info-button:hover,
.click-for-get-promo-button:hover{
  background:linear-gradient(135deg,#fff05a,#77ff8a,#02ba46)!important;
  color:#000000!important;
  transform:translateY(-3px) scale(1.02)!important;
  filter:saturate(1.12)!important;
  box-shadow:0 18px 42px rgba(0,56,23,.35),0 0 24px rgba(255,240,90,.28)!important;
}

/* LOGIN BUTTON */
.login-panel .login-button{
  position:relative!important;
  overflow:hidden!important;
  background:#ffffff!important;
  color:#000000!important;
  border:1px solid rgba(2,186,70,.48)!important;
  border-radius:999px!important;
  box-shadow:0 10px 26px rgba(0,56,23,.14)!important;
}

.login-panel .login-button:hover{
  background:#d9ffe6!important;
  color:#000000!important;
  transform:translateY(-2px)!important;
}

/* CARD / ITEM */
.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!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#ffffff,#eafff1)!important;
  color:#000000!important;
  border:1px solid rgba(255,255,255,.65)!important;
  border-radius:22px!important;
  box-shadow:0 14px 36px rgba(0,56,23,.17)!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,filter .25s ease!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:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:4px!important;
  background:linear-gradient(90deg,#02ba46,#33e06f,#77ff8a,#fff05a)!important;
  opacity:.96!important;
}

.game-list .game-item:after,
.large-game-list li:after,
.promotion-item:after,
.claim-item:after,
.transaction-item:after,
.bonus-selection-list .bonus-selection-card:after,
.notification-list .notification-item:after,
.referral-box-container .referral-box:after{
  content:""!important;
  position:absolute!important;
  width:130px!important;
  height:130px!important;
  right:-65px!important;
  bottom:-70px!important;
  border-radius:999px!important;
  background:radial-gradient(circle,rgba(2,186,70,.22),rgba(119,255,138,.14),transparent 68%)!important;
  pointer-events:none!important;
}

.game-list .game-item:hover,
.large-game-list li:hover,
.promotion-item:hover,
.claim-item:hover,
.transaction-item:hover,
.bonus-selection-list .bonus-selection-card:hover,
.notification-list .notification-item:hover,
.referral-box-container .referral-box:hover{
  transform:translateY(-7px) scale(1.015)!important;
  border-color:rgba(255,240,90,.90)!important;
  box-shadow:0 26px 65px rgba(0,56,23,.28),0 0 25px rgba(119,255,138,.25)!important;
  filter:saturate(1.10)!important;
}

/* VARIASI BORDER CARD */
.game-list .game-item:nth-child(4n+1),
.large-game-list li:nth-child(4n+1),
.promotion-item:nth-child(4n+1){
  border-color:rgba(2,186,70,.48)!important;
}

.game-list .game-item:nth-child(4n+2),
.large-game-list li:nth-child(4n+2),
.promotion-item:nth-child(4n+2){
  border-color:rgba(51,224,111,.48)!important;
}

.game-list .game-item:nth-child(4n+3),
.large-game-list li:nth-child(4n+3),
.promotion-item:nth-child(4n+3){
  border-color:rgba(119,255,138,.52)!important;
}

.game-list .game-item:nth-child(4n+4),
.large-game-list li:nth-child(4n+4),
.promotion-item:nth-child(4n+4){
  border-color:rgba(255,240,90,.58)!important;
}

/* GAME TEXT */
.game-list .game-name,
.large-game-list .game-title,
.game-description-container .game-title,
.game-description-container .game-description,
.user-info,
.profile-container .section-heading,
.standard-inline-form-group label{
  color:#000000!important;
}

.game-list .provider-name{
  color:#000000!important;
  font-weight:700!important;
}

/* OVERLAY */
.game-list .link-container,
.large-game-list .link-container{
  background:rgba(0,56,23,.78)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
}

/* MODAL */
.modal-header{
  background:linear-gradient(135deg,#02ba46,#77ff8a,#fff05a)!important;
  color:#000000!important;
  border-bottom:1px solid rgba(255,240,90,.55)!important;
}

.modal-body,
.modal-footer,
.register-modal .modal-body,
.forgot-password-modal .modal-body{
  background:
    radial-gradient(circle at top right,rgba(2,186,70,.16),transparent 38%),
    #ffffff!important;
  color:#000000!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:#ffffff!important;
  border:1px solid rgba(2,186,70,.42)!important;
  border-radius:15px!important;
  color:#000000!important;
  box-shadow:0 8px 22px rgba(0,56,23,.08)!important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus{
  border-color:#02ba46!important;
  box-shadow:0 0 0 4px rgba(2,186,70,.22),0 0 24px rgba(119,255,138,.26)!important;
  outline:none!important;
}

input::placeholder,
textarea::placeholder{
  color:rgba(0,0,0,.62)!important;
}

/* TABLE */
.table,
.transactions-table.table,
.standard-form-content .table,
.standard-reporting-scroll-container .table{
  border-radius:20px!important;
  overflow:hidden!important;
  box-shadow:0 18px 42px rgba(0,56,23,.14)!important;
}

.table thead>tr>th,
.transactions-table.table thead,
.standard-form-content .table thead,
.standard-reporting-scroll-container .table thead{
  background:linear-gradient(135deg,#02ba46,#77ff8a,#fff05a)!important;
  color:#000000!important;
}

.table tbody,
.transactions-table.table tbody,
.standard-form-content .table tbody,
.standard-reporting-scroll-container .table tbody{
  background:#ffffff!important;
  color:#000000!important;
}

.table tbody>tr,
.transactions-table.table tbody tr{
  background:#ffffff!important;
  color:#000000!important;
}

.table tbody>tr:nth-child(even),
.transactions-table.table tbody tr:nth-child(even){
  background:#eafff1!important;
}

.table tbody>tr:hover,
.transactions-table.table tbody tr:hover{
  background:#d9ffe6!important;
}

/* NOTE / INFO */
.standard-form-note{
  background:#eafff1!important;
  color:#000000!important;
  border:1px solid rgba(2,186,70,.35)!important;
  border-radius:18px!important;
  box-shadow:0 14px 32px rgba(0,56,23,.12)!important;
}

.standard-form-note span,
.standard-form-note a,
.standard-form-note strong{
  color:#000000!important;
}

/* NAV / SIDEBAR */
.standard-nav-bar a,
.standard-side-menu a,
.promotion-side-menu>a{
  color:#000000!important;
  border-radius:16px!important;
}

.standard-nav-bar a[data-active="true"],
.standard-side-menu a[data-active="true"],
.standard-nav-bar a:not([data-active="true"]):hover,
.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,#02ba46,#77ff8a,#fff05a)!important;
  color:#000000!important;
  box-shadow:0 12px 30px rgba(0,56,23,.18)!important;
}

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

.footer-featured-product-section .site-info-description,
.footer-banking-section .banking-footer-section,
.footer-banking-section .bank-list-container{
  background:rgba(255,255,255,.78)!important;
  color:#000000!important;
}

.footer-sitemap-section h4,
.footer-description-section h4,
.footer-sitemap-section .footer-links>li>a,
.footer-sitemap-section .footer-links>li>a:hover{
  color:#000000!important;
}

/* FLOATING BUTTON */
.floating-action-button .floating-action-button-item{
  background:linear-gradient(135deg,#02ba46,#77ff8a,#fff05a)!important;
  color:#000000!important;
  box-shadow:0 12px 34px rgba(0,56,23,.32)!important;
  border:1px solid rgba(255,255,255,.58)!important;
}

/* CAROUSEL DOT */
.carousel-indicators .active,
.carousel-indicators .slick-active,
.resolved-transactions-carousel .carousel-indicators .active,
.resolved-transactions-carousel .carousel-indicators .slick-active{
  background:#fff05a!important;
  border-color:#fff05a!important;
  box-shadow:0 0 20px rgba(255,240,90,.82)!important;
}

/* UTILITY TAMBAHAN */
.green-glass-card{
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(255,255,255,.58)!important;
  border-radius:26px!important;
  box-shadow:0 22px 60px rgba(0,56,23,.20)!important;
  backdrop-filter:blur(16px) saturate(1.2)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.2)!important;
}

.green-gradient-text{
  background:linear-gradient(90deg,#000000,#003817,#000000)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

.green-soft-ring{
  box-shadow:0 0 0 4px rgba(2,186,70,.18),0 0 0 9px rgba(255,240,90,.12)!important;
}

.green-badge-1{background:#02ba46!important;color:#000000!important;}
.green-badge-2{background:#33e06f!important;color:#000000!important;}
.green-badge-3{background:#77ff8a!important;color:#000000!important;}
.green-badge-4{background:#fff05a!important;color:#000000!important;}

/* TRANSISI HALUS */
a,
button,
input,
select,
textarea,
.game-list .game-item,
.large-game-list li,
.promotion-item,
.claim-item,
.transaction-item,
.bonus-selection-list .bonus-selection-card,
.notification-list .notification-item,
.referral-box-container .referral-box{
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease,
    background .25s ease,
    color .25s ease,
    filter .25s ease!important;
}

/* MOBILE */
@media (max-width:768px){
  body{
    background:
      radial-gradient(circle at 20% 10%,rgba(255,240,90,.28),transparent 35%),
      linear-gradient(180deg,#02ba46,#33e06f,#02ba46)!important;
  }

  .home-inner-container,
  .banner,
  .banner-carousel,
  .site-header,
  .standard-form-content,
  .login-panel,
  .modal-content{
    border-radius:18px!important;
  }

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

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

  .game-list .game-item:hover,
  .large-game-list li:hover,
  .promotion-item:hover{
    transform:translateY(-4px) scale(1.01)!important;
  }
}