/* ===============================
   VEGA168 PURPLE & ORANGE GRADIENT THEME
   Tempel di PALING BAWAH CSS lama
================================ */
:root{
  --stm-bg:#0d0519;
  --stm-card:#1a0b2e;
  --stm-dark:#371354;
  --stm-purple:#6b2fa0;
  --stm-purple-light:#9b4dff;
  --stm-purple-glow:#c99eff;
  --stm-orange:#ff8c00;
  --stm-orange-light:#ffa500;
  --stm-orange-glow:#ff6a00;
  --stm-white:#ffffff;
  --stm-text:#f0e6ff;
  --stm-muted:#c99eff;
  --stm-glow-purple:0 0 14px rgba(155,77,255,.65);
  --stm-glow-orange:0 0 14px rgba(255,140,0,.65);
}

/* GLOBAL */
body{
  color:var(--stm-text);
  background:
    radial-gradient(circle at top left,rgba(155,77,255,.18),transparent 30%),
    radial-gradient(circle at top right,rgba(255,140,0,.16),transparent 35%),
    linear-gradient(180deg,#0d0519 0%,#1a0b2e 100%);
}

h4,.sports-platform-title,.modal-title{
  color:var(--stm-white);
  text-shadow:var(--stm-glow-purple);
}

p,.site-info-container p,.bank-list p{
  color:var(--stm-muted);
}

a{
  color:var(--stm-orange-light);
  transition:.22s ease;
}

a:hover,a:focus{
  color:var(--stm-orange);
  text-decoration:none;
  text-shadow:var(--stm-glow-orange);
}

/* HEADER / TOPBAR */
.topbar-container,
.site-header{
  background:linear-gradient(90deg,#0d0519 0%,#1a0b2e 50%,#0d0519 100%);
  border-bottom:2px solid;
  border-image:linear-gradient(90deg,transparent,#9b4dff,#ff8c00,transparent) 1;
  box-shadow:0 0 18px rgba(155,77,255,.22);
}

.top-menu>li>a{
  color:#e0d0e8;
  font-weight:700;
  letter-spacing:.3px;
  transition:.22s ease;
}

.top-menu>li>a:hover,
.top-menu>li[data-active="true"]>a{
  color:var(--stm-white);
  background:linear-gradient(135deg,rgba(155,77,255,.18),rgba(255,140,0,.18));
  text-shadow:0 0 10px var(--stm-purple-light);
}

/* SIDE MENU */
.standard-side-menu,
.standard-side-menu .menu-section,
.messaging-side-menu{
  background:linear-gradient(180deg,#0d0519,#1a0b2e);
  border:2px solid;
  border-image:linear-gradient(135deg,#6b2fa0,#ff8c00,#6b2fa0) 1;
  box-shadow:inset 0 0 18px rgba(155,77,255,.08);
}

.standard-side-menu a,
.standard-side-menu-group-label{
  background:rgba(255,255,255,.03);
  color:#f0e6ff;
  border-left:3px solid transparent;
  transition:.22s ease;
}

.standard-side-menu a[data-active="true"],
.standard-side-menu a:hover,
.standard-side-menu .menu-section a:hover,
.standard-side-menu .menu-section a[data-active="true"],
.messaging-side-menu [data-active="true"] a,
.messaging-side-menu a:hover{
  background:linear-gradient(90deg,rgba(155,77,255,.25),rgba(255,140,0,.12));
  color:var(--stm-white);
  border-color:var(--stm-orange);
  box-shadow:inset 0 0 14px rgba(255,140,0,.18);
}

/* PANEL / CARD */
.panel,
.panel-default>.panel-heading,
.standard-form-container,
.standard-form-content,
.info-center-content,
.popular-games .tab-pane,
.promotions-container,
.promotion-list,
.slots-games-container,
.casino-games-container,
.race-games-container,
.arcade-games-container,
.crash-game-games-container,
.large-game-list-container{
  background:
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015)),
    #1a0b2e;
  border:2px solid;
  border-image:linear-gradient(135deg,#6b2fa0,#ff8c00,#6b2fa0,#ff8c00) 1;
  box-shadow:0 8px 24px rgba(155,77,255,.15);
}

/* TITLE BAR */
.info-center-title,
.standard-form-title,
.popular-games [data-section="left"] .section-title,
.home-game-list-container .container-title span,
.popular-game-title-container .container-title span{
  color:var(--stm-white);
  background:linear-gradient(135deg,var(--stm-purple-light),var(--stm-purple),var(--stm-orange),var(--stm-orange-light));
  background-size:200% 200%;
  animation:stmNeonMove 4s ease infinite;
  text-shadow:0 0 10px rgba(255,255,255,.6);
  box-shadow:0 0 18px rgba(255,140,0,.35);
}

/* BUTTON UTAMA */
.standard-button-group .btn-primary,
.messaging-side-menu .support-ticket>a,
.deposit-container .reveal-bank-account-button,
.play-now,
.login-panel .register-button,
.modal-footer .btn-primary,
.download-apk .btn,
.promotion-item .click-for-get-promo-button,
[data-payment-gateway] .download-qr-button{
  color:#fff!important;
  border:2px solid transparent;
  background:
    linear-gradient(135deg,var(--stm-purple-light) 0%,var(--stm-purple) 48%,var(--stm-orange) 100%) padding-box,
    linear-gradient(135deg,#9b4dff,#ff8c00,#ffa500) border-box;
  box-shadow:0 0 16px rgba(255,140,0,.45), inset 0 0 10px rgba(255,255,255,.15);
  font-weight:800;
  letter-spacing:.4px;
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

.standard-button-group .btn-primary:hover,
.messaging-side-menu .support-ticket>a:hover,
.deposit-container .reveal-bank-account-button:hover,
.play-now:hover,
.login-panel .register-button:hover,
.modal-footer .btn-primary:hover,
.download-apk .btn:hover,
.promotion-item .click-for-get-promo-button:hover,
[data-payment-gateway] .download-qr-button:hover{
  color:#fff!important;
  transform:translateY(-2px);
  filter:saturate(1.15);
  box-shadow:0 0 22px rgba(255,140,0,.7),0 0 18px rgba(155,77,255,.55);
}

/* BUTTON SECONDARY */
.free-play,
.login-panel .login-button,
.modal-btn.blank,
.confirmation-message-modal .confirm-btn{
  color:#fff;
  background:linear-gradient(135deg,#1a0b2e,#371354);
  border:2px solid transparent;
  background-clip:padding-box;
  box-shadow:0 0 10px rgba(155,77,255,.18);
  transition:.22s ease;
  position:relative;
}

.free-play::before,
.login-panel .login-button::before,
.modal-btn.blank::before,
.confirmation-message-modal .confirm-btn::before{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:-1;
  border-radius:inherit;
  background:linear-gradient(135deg,#6b2fa0,#ff8c00,#9b4dff);
  opacity:.6;
}

.free-play:hover,
.login-panel .login-button:hover,
.modal-btn.blank:hover,
.confirmation-message-modal .confirm-btn:hover{
  background:linear-gradient(135deg,#371354,#1a0b2e);
  color:var(--stm-orange-light);
  box-shadow:0 0 20px rgba(255,140,0,.3);
}

/* FORM INPUT */
.form-control,
.mobile-app-container .mobile-app-select,
.login-panel input[type=text],
.login-panel input[type=password],
.slots-games-container .filter-section input[type=text],
.casino-games-container .filter-section input[type=text],
.race-games-container .filter-section input[type=text]{
  background:#0d0519;
  color:#f0e6ff;
  border:2px solid transparent;
  background-image:
    linear-gradient(#0d0519,#0d0519),
    linear-gradient(135deg,#6b2fa0,#ff8c00);
  background-origin:border-box;
  background-clip:padding-box, border-box;
  box-shadow:inset 0 0 10px rgba(155,77,255,.08);
  transition:.22s ease;
}

.form-control:focus,
.login-panel input[type=text]:focus,
.login-panel input[type=password]:focus{
  border-color:var(--stm-orange);
  box-shadow:0 0 0 2px rgba(255,140,0,.18),0 0 16px rgba(155,77,255,.28);
}

/* GAME LIST */
.game-list,
.game-list-title,
.provider-slide,
.provider-slide>main>.slide-item>a:not(.game-info){
  background:#0d0519;
  border-color:rgba(255,140,0,.18);
}

.game-list .game-item,
.large-game-list li,
.large-game-list .game-provider-img{
  background:
    radial-gradient(circle at top,rgba(155,77,255,.12),transparent 45%),
    linear-gradient(180deg,#1a0b2e,#0d0519);
  border:2px solid;
  border-image:linear-gradient(135deg,#6b2fa0,#ff8c00) 1;
  transition:transform .22s ease, box-shadow .22s ease;
}

.game-list .game-item:hover,
.large-game-list li:hover{
  transform:translateY(-3px);
  box-shadow:0 0 18px rgba(255,140,0,.34),0 0 14px rgba(155,77,255,.24);
}

.game-list .game-name,
.slots-games-container .game-name,
.casino-games-container .game-name,
.race-games-container .game-name{
  color:#fff;
  background:linear-gradient(90deg,var(--stm-purple-light),var(--stm-orange));
  text-shadow:0 0 8px rgba(255,255,255,.45);
}

/* CATEGORY ACTIVE */
.slots-games-container .category-filter-link.active,
.slots-games-container .category-filter-link:hover,
.casino-games-container .category-filter-link.active,
.casino-games-container .category-filter-link:hover,
.race-games-container .category-filter-link.active,
.race-games-container .category-filter-link:hover,
.arcade-games-container .category-filter-link.active,
.arcade-games-container .category-filter-link:hover,
.crash-game-games-container .category-filter-link.active,
.crash-game-games-container .category-filter-link:hover{
  color:#fff;
  background:linear-gradient(135deg,var(--stm-purple-light),var(--stm-orange),var(--stm-orange-light));
  box-shadow:0 0 14px rgba(255,140,0,.42);
}

/* BANK / DEPOSIT */
.bank-info,
.deposit-container .bank-info,
.withdrawal-container .bank-info,
.bank-info-block{
  background:linear-gradient(180deg,#1a0b2e,#0d0519);
  color:#fff;
  border:2px solid;
  border-image:linear-gradient(135deg,#6b2fa0,#ff8c00,#ffa500) 1;
  box-shadow:0 0 18px rgba(255,140,0,.12);
}

.deposit-container .standard-form-note a,
.deposit-container .formatted-balance,
.deposit-amount-container .real-deposit-amount,
.deposit-amount-container .deposit-amount input.form-control,
.withdrawal-container .total-balance{
  color:var(--stm-orange-light);
  text-shadow:0 0 10px rgba(255,140,0,.45);
}

/* MODAL */
.modal-content,
.bonus-slider-modal .modal-content{
  background:linear-gradient(180deg,#1a0b2e,#0d0519);
  border:2px solid;
  border-image:linear-gradient(135deg,#6b2fa0,#ff8c00,#9b4dff) 1;
  box-shadow:0 0 28px rgba(155,77,255,.22);
}

.modal-header{
  border-bottom-color:rgba(255,140,0,.25);
}

.modal-content h4,
.claim-info-modal h4,
.download-popup-modal .modal-header .modal-title{
  color:var(--stm-orange-light);
  text-shadow:var(--stm-glow-orange);
}

/* ANNOUNCEMENT / TICKER */
.announcement-container,
.tickercontainer,
.jackpot-winners .winners-ticker-container{
  background:linear-gradient(90deg,#0d0519,#1a0b2e,#0d0519);
  color:#fff;
  border:2px solid;
  border-image:linear-gradient(90deg,#6b2fa0,#ff8c00,#6b2fa0) 1;
  box-shadow:inset 0 0 18px rgba(255,140,0,.08);
}

.notice ul li,
.announcement-container .announcement-list li{
  color:#e0d0e8;
}

/* FOOTER */
.site-footer{
  background:
    radial-gradient(circle at bottom,rgba(155,77,255,.12),transparent 35%),
    #0d0519;
  border-top:2px solid;
  border-image:linear-gradient(90deg,transparent,#9b4dff,#ff8c00,transparent) 1;
}

.footer-links>li>a{
  color:#c99eff;
}

.footer-links>li>a:hover{
  color:var(--stm-orange-light);
  text-shadow:var(--stm-glow-orange);
}

/* USER INFO */
.user-info .user-main-info,
.user-info .dropdown-menu{
  background:linear-gradient(180deg,#1a0b2e,#0d0519);
  border:2px solid;
  border-image:linear-gradient(135deg,#6b2fa0,#ff8c00) 1;
  box-shadow:0 0 18px rgba(255,140,0,.16);
}

.user-info .wallet-container .balance,
.user-info .wallet-container .locked-balance,
.standard-profile-bar .user-field div .username{
  color:var(--stm-orange-light);
  text-shadow:0 0 9px rgba(255,140,0,.45);
}

/* PROMO / CLAIM */
.claim-item,
.pending-transactions-container .pending-transactions-item,
.remarks-container{
  background:linear-gradient(180deg,#1a0b2e,#0d0519);
  color:#fff;
  border:2px solid;
  border-image:linear-gradient(135deg,#6b2fa0,#ff8c00) 1;
  box-shadow:0 0 14px rgba(255,140,0,.16);
}

.claim-item .claim-button,
.claim-item .activation-button,
.claim-item .cancellation-button,
.claim-item .expiration-button{
  background:linear-gradient(135deg,var(--stm-purple-light),var(--stm-orange));
  color:#fff;
}

/* LIGHT ANIMATION */
@keyframes stmSoftPulse{
  0%,100%{box-shadow:0 0 10px rgba(155,77,255,.18)}
  50%{box-shadow:0 0 20px rgba(255,140,0,.35)}
}

@keyframes stmNeonMove{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

.home-game-list-container .container-content,
.popular-game-title-container .container-content,
.slot-jackpot-container,
.jackpot-winners{
  animation:stmSoftPulse 3.8s ease-in-out infinite;
}

/* Smooth neon gradient movement khusus tombol penting */
.play-now,
.login-panel .register-button,
.standard-button-group .btn-primary{
  background-size:180% 180%;
  animation:stmNeonMove 4s ease infinite;
}

/* MOBILE FRIENDLY */
@media(max-width:768px){
  .top-menu>li>a{
    font-size:12px;
  }
  .standard-side-menu a,
  .game-list .game-name{
    font-size:12px;
  }
  .home-game-list-container .container-content,
  .popular-game-title-container .container-content{
    animation:none;
  }
}

/* Reduce motion biar tetap ringan */
@media(prefers-reduced-motion:reduce){
  *{
    animation:none!important;
    transition:none!important;
  }
}