/* =============================== 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;
    }
}