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