/* =============================== STM88 NEON STREET ART THEME Tempel di PALING BAWAH CSS lama ================================ */
:root {
    --stm-bg: #050509;
    --stm-card: #0d0d16;
    --stm-dark: #11111d;
    --stm-blue: #00aaff;
    --stm-pink: #ff008c;
    --stm-purple: #8a2be2;
    --stm-red: #ff2d55;
    --stm-gold: #ffb800;
    --stm-white: #ffffff;
    --stm-text: #d8d8e8;
    --stm-muted: #8f90a6;
    --stm-glow-blue: 0 0 14px rgba(0,170,255,.65);
    --stm-glow-pink: 0 0 14px rgba(255,0,140,.65);
}

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

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

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

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

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

/* HEADER / TOPBAR */
.topbar-container, .site-header {
    background: linear-gradient(90deg,#07070d 0%,#121225 50%,#07070d 100%);
    border-bottom: 1px solid rgba(255,0,140,.45);
    box-shadow: 0 0 18px rgba(0,170,255,.22);
}

.top-menu>li>a {
    color: #d9d9e8;
    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(255,0,140,.18),rgba(0,170,255,.18));
    text-shadow: 0 0 10px var(--stm-blue);
}

/* SIDE MENU */
.standard-side-menu, .standard-side-menu .menu-section, .messaging-side-menu {
    background: linear-gradient(180deg,#090912,#11111c);
    border: 1px solid rgba(0,170,255,.22);
    box-shadow: inset 0 0 18px rgba(255,0,140,.08);
}

.standard-side-menu a, .standard-side-menu-group-label {
    background: rgba(255,255,255,.03);
    color: #ececff;
    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(255,0,140,.25),rgba(0,170,255,.12));
    color: var(--stm-white);
    border-color: var(--stm-pink);
    box-shadow: inset 0 0 14px rgba(0,170,255,.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,.045),rgba(255,255,255,.015)), #0b0b14;
    border-color: rgba(0,170,255,.22);
    box-shadow: 0 8px 24px rgba(0,0,0,.35);
}

/* 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-pink),var(--stm-purple),var(--stm-blue));
    text-shadow: 0 0 10px rgba(255,255,255,.6);
    box-shadow: 0 0 18px rgba(255,0,140,.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: 0;
    background: linear-gradient(135deg,var(--stm-pink) 0%,var(--stm-purple) 48%,var(--stm-blue) 100%);
    box-shadow: 0 0 16px rgba(255,0,140,.45), inset 0 0 10px rgba(255,255,255,.18);
    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(0,170,255,.7),0 0 18px rgba(255,0,140,.55);
}

/* BUTTON SECONDARY */
.free-play, .login-panel .login-button, .modal-btn.blank, .confirmation-message-modal .confirm-btn {
    color: #fff;
    background: linear-gradient(135deg,#151525,#22223a);
    border: 1px solid rgba(0,170,255,.35);
    box-shadow: 0 0 10px rgba(0,170,255,.18);
    transition: .22s ease;
}

.free-play:hover, .login-panel .login-button:hover, .modal-btn.blank:hover, .confirmation-message-modal .confirm-btn:hover {
    background: linear-gradient(135deg,#22223a,#151525);
    color: var(--stm-blue);
}

/* 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: #070710;
    color: #f4f4ff;
    border: 1px solid rgba(0,170,255,.35);
    box-shadow: inset 0 0 10px rgba(0,170,255,.08);
    transition: .22s ease;
}

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

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

.game-list .game-item, .large-game-list li, .large-game-list .game-provider-img {
    background: radial-gradient(circle at top,rgba(255,0,140,.12),transparent 45%), linear-gradient(180deg,#121225,#08080d);
    border: 1px solid rgba(0,170,255,.18);
    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(0,170,255,.34),0 0 14px rgba(255,0,140,.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-pink),var(--stm-purple));
    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-blue),var(--stm-purple),var(--stm-pink));
    box-shadow: 0 0 14px rgba(255,0,140,.42);
}

/* BANK / DEPOSIT */
.bank-info, .deposit-container .bank-info, .withdrawal-container .bank-info, .bank-info-block {
    background: linear-gradient(180deg,#11111d,#07070c);
    color: #fff;
    border: 1px solid rgba(255,184,0,.35);
    box-shadow: 0 0 18px rgba(255,184,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-gold);
    text-shadow: 0 0 10px rgba(255,184,0,.45);
}

/* MODAL */
.modal-content, .bonus-slider-modal .modal-content {
    background: linear-gradient(180deg,#11111d,#07070c);
    border: 1px solid rgba(255,0,140,.35);
    box-shadow: 0 0 28px rgba(0,170,255,.22);
}

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

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

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

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

/* FOOTER */
.site-footer {
    background: radial-gradient(circle at bottom,rgba(255,0,140,.12),transparent 35%), #07070c;
    border-top: 1px solid rgba(0,170,255,.25);
}

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

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

/* USER INFO */
.user-info .user-main-info, .user-info .dropdown-menu {
    background: linear-gradient(180deg,#11111d,#08080e);
    border: 1px solid rgba(0,170,255,.25);
    box-shadow: 0 0 18px rgba(0,170,255,.16);
}

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

/* PROMO / CLAIM */
.claim-item, .pending-transactions-container .pending-transactions-item, .remarks-container {
    background: linear-gradient(180deg,#11111d,#08080d);
    color: #fff;
    border-color: rgba(255,0,140,.35);
    box-shadow: 0 0 14px rgba(255,0,140,.16);
}

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

/* LIGHT ANIMATION */
@keyframes stmSoftPulse {
    0%,100% {
        box-shadow: 0 0 10px rgba(0,170,255,.18)
    }

    50% {
        box-shadow: 0 0 20px rgba(255,0,140,.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;
    }
}

/* ===============================
   BLACK GOLD THEME OVERRIDE
   Paste at the VERY BOTTOM of your CSS file
   =============================== */
:root {
    --stm-bg: #030303;
    --stm-card: #0b0904;
    --stm-dark: #11100b;
    --stm-blue: #d6a744;
    --stm-pink: #f5c85b;
    --stm-purple: #8a641d;
    --stm-red: #b8860b;
    --stm-gold: #f7c948;
    --stm-white: #fff7d6;
    --stm-text: #eadca3;
    --stm-muted: #b49a5a;
    --stm-glow-blue: 0 0 14px rgba(247,201,72,.45);
    --stm-glow-pink: 0 0 14px rgba(255,184,45,.55);
}

html,
body {
    color: var(--stm-text) !important;
    background:
        radial-gradient(circle at top left, rgba(247,201,72,.16), transparent 32%),
        radial-gradient(circle at top right, rgba(184,134,11,.14), transparent 34%),
        linear-gradient(180deg, #020202 0%, #090704 55%, #000 100%) !important;
}

body,
.site-wrapper,
.main-content,
.content-wrapper {
    background-color: #030303 !important;
}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6,
.sports-platform-title,
.modal-title {
    color: #fff2b8 !important;
    text-shadow: 0 0 10px rgba(247,201,72,.45) !important;
}

p,
.site-info-container p,
.bank-list p,
li,
span,
label {
    color: white;
}

a {
    color: #f7c948 !important;
}

a:hover,
a:focus {
    color: #fff2b8 !important;
    text-shadow: 0 0 10px rgba(247,201,72,.65) !important;
}

/* HEADER / TOPBAR */
.topbar-container,
.site-header,
.header-container,
.navbar,
.navbar-default {
    background: linear-gradient(90deg, #020202 0%, #171006 50%, #020202 100%) !important;
    border-bottom: 1px solid rgba(247,201,72,.45) !important;
    box-shadow: 0 0 20px rgba(247,201,72,.18) !important;
}

.top-menu>li>a,
.nav>li>a,
.navbar a {
    color: #f1dc9b !important;
}

.top-menu>li>a:hover,
.top-menu>li[data-active="true"]>a,
.nav>li>a:hover,
.navbar a:hover {
    color: #fff6cf !important;
    background: linear-gradient(135deg, rgba(247,201,72,.20), rgba(96,66,10,.24)) !important;
    text-shadow: 0 0 10px rgba(247,201,72,.65) !important;
}

/* PANELS / CARDS */
.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,
.home-game-list-container .container-content,
.popular-game-title-container .container-content,
.slot-jackpot-container,
.jackpot-winners,
.game-list,
.game-list-title,
.provider-slide,
.provider-slide>main>.slide-item>a:not(.game-info) {
    background: linear-gradient(180deg, rgba(247,201,72,.08), rgba(255,255,255,.015)), #080604 !important;
    border-color: rgba(247,201,72,.32) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.55), inset 0 0 18px rgba(247,201,72,.05) !important;
}

/* 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: #180f02 !important;
    background: linear-gradient(135deg, #7a520b 0%, #d6a744 45%, #fff0a8 100%) !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.45) !important;
    box-shadow: 0 0 18px rgba(247,201,72,.35) !important;
}

/* PRIMARY BUTTONS */
.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,
.btn-primary,
.register-button {
    color: #120c02 !important;
    border: 1px solid rgba(255,239,173,.55) !important;
    background: linear-gradient(135deg, #7a520b 0%, #d6a744 48%, #fff0a8 100%) !important;
    box-shadow: 0 0 16px rgba(247,201,72,.42), inset 0 0 10px rgba(255,255,255,.22) !important;
    font-weight: 800 !important;
}

.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,
.btn-primary:hover,
.register-button:hover {
    color: #000 !important;
    transform: translateY(-2px);
    filter: brightness(1.08) saturate(1.08);
    box-shadow: 0 0 24px rgba(247,201,72,.72), 0 0 18px rgba(255,241,170,.35) !important;
}

/* SECONDARY BUTTONS */
.free-play,
.login-panel .login-button,
.modal-btn.blank,
.confirmation-message-modal .confirm-btn,
.btn-secondary,
.login-button {
    color: #f7d875 !important;
    background: linear-gradient(135deg, #080604, #171006) !important;
    border: 1px solid rgba(247,201,72,.40) !important;
    box-shadow: 0 0 10px rgba(247,201,72,.16) !important;
}

.free-play:hover,
.login-panel .login-button:hover,
.modal-btn.blank:hover,
.confirmation-message-modal .confirm-btn:hover,
.btn-secondary:hover,
.login-button:hover {
    color: #fff2b8 !important;
    background: linear-gradient(135deg, #171006, #080604) !important;
}

/* FORMS */
.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],
input,
select,
textarea {
    background: #050403 !important;
    color: #fff2b8 !important;
    border: 1px solid rgba(247,201,72,.38) !important;
    box-shadow: inset 0 0 10px rgba(247,201,72,.07) !important;
}

.form-control:focus,
.login-panel input[type=text]:focus,
.login-panel input[type=password]:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: #f7c948 !important;
    box-shadow: 0 0 0 2px rgba(247,201,72,.18), 0 0 16px rgba(247,201,72,.28) !important;
}

/* GAME LIST */
.game-list .game-item,
.large-game-list li,
.large-game-list .game-provider-img,
.game-provider-img {
    background: radial-gradient(circle at top, rgba(247,201,72,.14), transparent 45%), linear-gradient(180deg, #171006, #050403) !important;
    border: 1px solid rgba(247,201,72,.24) !important;
}

.game-list .game-item:hover,
.large-game-list li:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 18px rgba(247,201,72,.38), 0 0 14px rgba(255,240,168,.18) !important;
}

.game-list .game-name,
.slots-games-container .game-name,
.casino-games-container .game-name,
.race-games-container .game-name {
    color: #140d02 !important;
    background: linear-gradient(90deg, #d6a744, #fff0a8) !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.40) !important;
}

/* 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: #160f02 !important;
    background: linear-gradient(135deg, #7a520b, #d6a744, #fff0a8) !important;
    box-shadow: 0 0 14px rgba(247,201,72,.42) !important;
}

/* BANK / BALANCE */
.bank-info,
.deposit-container .bank-info,
.withdrawal-container .bank-info,
.bank-info-block,
.user-info .user-main-info,
.user-info .dropdown-menu {
    background: linear-gradient(180deg, #171006, #050403) !important;
    color: #fff2b8 !important;
    border: 1px solid rgba(247,201,72,.38) !important;
    box-shadow: 0 0 18px rgba(247,201,72,.12) !important;
}

.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,
.user-info .wallet-container .balance,
.user-info .wallet-container .locked-balance,
.standard-profile-bar .user-field div .username {
    color: #f7c948 !important;
    text-shadow: 0 0 10px rgba(247,201,72,.45) !important;
}

/* MODAL */
.modal-content,
.bonus-slider-modal .modal-content,
.dropdown-menu {
    background: linear-gradient(180deg, #171006, #050403) !important;
    border: 1px solid rgba(247,201,72,.38) !important;
    box-shadow: 0 0 28px rgba(247,201,72,.18) !important;
}

.modal-header {
    border-bottom-color: rgba(247,201,72,.26) !important;
}

.modal-content h4,
.claim-info-modal h4,
.download-popup-modal .modal-header .modal-title {
    color: #f7c948 !important;
    text-shadow: 0 0 12px rgba(247,201,72,.55) !important;
}

/* ANNOUNCEMENT / FOOTER */
.announcement-container,
.tickercontainer,
.jackpot-winners .winners-ticker-container,
.site-footer,
.footer-container {
    background: linear-gradient(90deg, #030303, #171006, #030303) !important;
    color: #fff2b8 !important;
    border-color: rgba(247,201,72,.26) !important;
    box-shadow: inset 0 0 18px rgba(247,201,72,.08) !important;
}

.notice ul li,
.announcement-container .announcement-list li {
    color: #fff2b8 !important;
}

.footer-links>li>a {
    color: #c9ae63 !important;
}

.footer-links>li>a:hover {
    color: #fff2b8 !important;
    text-shadow: 0 0 10px rgba(247,201,72,.55) !important;
}

/* PROMO / CLAIM */
.claim-item,
.pending-transactions-container .pending-transactions-item,
.remarks-container {
    background: linear-gradient(180deg, #171006, #050403) !important;
    color: #fff2b8 !important;
    border-color: rgba(247,201,72,.38) !important;
    box-shadow: 0 0 14px rgba(247,201,72,.14) !important;
}

.claim-item .claim-button,
.claim-item .activation-button,
.claim-item .cancellation-button,
.claim-item .expiration-button {
    background: linear-gradient(135deg, #8a641d, #f7c948) !important;
    color: #120c02 !important;
}

/* ANIMATION RECOLOR */
@keyframes stmSoftPulse {
    0%,100% { box-shadow: 0 0 10px rgba(247,201,72,.16); }
    50% { box-shadow: 0 0 22px rgba(247,201,72,.36); }
}

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