/* ========================= STM88 CYBER URBAN THEME Lightweight Override Letakkan di bawah CSS lama ========================= */ :root{ --main-theme-color:#20d7ff; --theme-blue:#20d7ff; --theme-blue-soft:#6ee7ff; --theme-blue-deep:#0b8dff; --theme-red:#ff2f6d; --theme-red-soft:#ff5b8f; --theme-red-deep:#d1144a; --theme-black:#07090d; --theme-dark:#0c1018; --theme-panel:#111722; --theme-panel-2:#151d2b; --theme-line:rgba(255,255,255,.08); --theme-text:#eef7ff; --theme-muted:#98a8bc; --theme-glow-blue:0 0 0 1px rgba(32,215,255,.16),0 0 16px rgba(32,215,255,.12); --theme-glow-red:0 0 0 1px rgba(255,47,109,.14),0 0 16px rgba(255,47,109,.10); --theme-gradient-primary:linear-gradient(135deg,var(--theme-blue) 0%,var(--theme-blue-deep) 45%,var(--theme-red) 100%); --theme-gradient-hover:linear-gradient(135deg,var(--theme-red) 0%,var(--theme-blue) 100%); --theme-gradient-panel:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.01) 100%); --theme-shadow:0 10px 30px rgba(0,0,0,.28); --theme-radius:14px; --theme-radius-sm:10px; } /* ===== Base ===== */ body, .site-content-container, [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(32,215,255,.08), transparent 28%), radial-gradient(circle at top right, rgba(255,47,109,.07), transparent 30%), linear-gradient(180deg,#06080d 0%,#0a0d14 50%,#090c12 100%); color:var(--theme-text); } /* ===== Topbar & Header ===== */ .topbar-container, .site-header{ background:rgba(10,14,22,.92); border-bottom:1px solid var(--theme-line); box-shadow:0 6px 24px rgba(0,0,0,.22); backdrop-filter:blur(8px); } .topbar-sub-section .topbar-item, .top-menu>li, .site-info-inner-container, .copyright-info-container, .footer-section-title, .site-info .site-info-title h3{ color:var(--theme-text); } .topbar-sub-section .topbar-item a, .topbar-sub-section .topbar-item .live-chat, .topbar-sub-section .language-selector-container, .top-menu>li{ transition:color .25s ease, text-shadow .25s ease; } .topbar-sub-section .topbar-item a:hover, .topbar-sub-section .topbar-item .live-chat:hover, .top-menu>li[data-active="true"], .top-menu>li:hover{ color:var(--theme-blue); text-shadow:0 0 10px rgba(32,215,255,.35); } /* ===== Panels / Cards ===== */ .standard-form-content, .bonus-slider-modal .bonus-form, .claim-item, .promotion-item, .pending-transactions-container .pending-transactions-item, .pending-transaction-detail-card, .transaction-item, .transactions-table.table, .large-game-list-container .large-game-list-section, .footer-featured-product-section .site-info-description, .footer-banking-section .banking-footer-section, .footer-banking-section .bank-list-container, .footer-banking-section .banking-footer-section .bank-service-container .site-info-description{ background: linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01)), var(--theme-panel); border:1px solid rgba(32,215,255,.08); box-shadow:var(--theme-shadow); border-radius:var(--theme-radius); } .standard-profile-bar, .standard-side-menu, .promotion-side-menu, .promotion-list, .games-list-container .filter-section, .modal-body .pending-transaction-details-container, .resolved-transaction-popup .reporting-detail-content-area, .reporting-detail-popup .reporting-detail-popup-content{ background:var(--theme-panel-2); border:1px solid rgba(255,255,255,.05); border-radius:var(--theme-radius-sm); } /* ===== Titles ===== */ .standard-form-title, .standard-content-info h2, .info-center-container h2, .promotion-side-menu>h5, .mobile-app-container .title-container, .standard-nav-bar .nav-bar-title, .standard-profile-bar .username-field .username, .standard-profile-bar .balance-field .balance, .deposit-summary-container .deposit-summary-header .summary-transfer-amount, .withdrawal-summary-container .withdrawal-summary-header .summary-transfer-amount{ color:var(--theme-blue); letter-spacing:.2px; text-shadow:0 0 12px rgba(32,215,255,.18); } .info-center-container h3, .standard-form-sub-title, .otp-hr, .complaint-container .standard-form-title, .complaint-container .complaint-section-header{ border-left-color:var(--theme-red); border-bottom-color:var(--theme-red); } /* ===== Text ===== */ .game-list .game-name, .game-description-container .game-title, .game-description-container .game-description, .standard-inline-form-group label, .profile-container .section-heading, .pending-transaction-detail-container .primary, .resolved-transaction-popup .primary, .register-done-container>h2, .register-done-container, .table thead>tr>th, .table tbody>tr>td{ color:var(--theme-text); } .site-info-inner-container, .footer-description-section .site-description, .footer-sitemap-section .footer-links>li>a, .footer-sitemap-section .contact-list>li a, .footer-sitemap-section .social-media-list>li>a, .transaction-item .info-section .details .secondary, .pending-transaction-detail-container .secondary, .resolved-transaction-popup .secondary{ color:var(--theme-muted); } /* ===== Links ===== */ a, .contact-us-list li a, .change-referral-code a, .referral-box a, .whitelisted-domains-link a, .form-footer-note-section .form-footer-note-link a, .register-modal .register-page-link a, .mobile-app-container a{ color:var(--theme-blue); transition:all .25s ease; } a:hover, .contact-us-list li a:hover, .change-referral-code a:hover, .referral-box a:hover, .whitelisted-domains-link a:hover{ color:var(--theme-red-soft); } /* ===== Buttons ===== */ .standard-button-group .btn-primary, .standard-reporting-control-group .btn-primary, .deposit-container .reveal-bank-account-button, .copy-input-button-field .copy-input-button, .play-now, .login-panel .register-button, .promotion-item .click-for-get-promo-button, [data-payment-gateway] .download-qr-button, .bonus-selection-list .bonus-selection-card .bonus-selection-card-detail button, .modal-body .pending-transaction-summary-container .pending-transaction-summary-footer a{ background:var(--theme-gradient-primary); color:#fff; border:0; border-radius:12px; box-shadow:0 8px 20px rgba(10,13,20,.28), 0 0 18px rgba(32,215,255,.16); transition:transform .22s ease, box-shadow .22s ease, filter .22s ease; } .standard-button-group .btn-primary:hover, .standard-reporting-control-group .btn-primary:hover, .deposit-container .reveal-bank-account-button:hover, .copy-input-button-field .copy-input-button:hover, .play-now:hover, .login-panel .register-button:hover, .promotion-item .click-for-get-promo-button:hover, [data-payment-gateway] .download-qr-button:hover, .bonus-selection-list .bonus-selection-card .bonus-selection-card-detail button:hover, .modal-body .pending-transaction-summary-container .pending-transaction-summary-footer a:hover{ background:var(--theme-gradient-hover); color:#fff; transform:translateY(-1px); box-shadow:0 12px 26px rgba(0,0,0,.28), 0 0 22px rgba(255,47,109,.18); } .login-panel .login-button, .free-play, .profile-container .mobile-info-button, .complaint-container .btn-appeal, .request-otp-button, .contact-verification-link{ background:rgba(255,255,255,.02); border:1px solid rgba(32,215,255,.35); color:var(--theme-text); border-radius:12px; transition:all .25s ease; } .login-panel .login-button:hover, .free-play:hover, .profile-container .mobile-info-button:hover, .complaint-container .btn-appeal:hover, .request-otp-button:hover, .contact-verification-link:hover{ background:rgba(32,215,255,.12); border-color:var(--theme-blue); color:#fff; box-shadow:var(--theme-glow-blue); } /* ===== Inputs ===== */ .login-panel input[type=text], .login-panel input[type=password], .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, .standard-reporting-control-group>input{ background:#0b1018; border:1px solid rgba(255,255,255,.07); color:var(--theme-text); border-radius:10px; transition:border-color .25s ease, box-shadow .25s ease, background-color .25s ease; } .login-panel input[type=text]:focus, .login-panel input[type=password]:focus, .standard-inline-form-group .form-control:focus, .standard-form-content .form-control:focus, .appeal-form textarea.form-control:focus, .rating-review-modal textarea.form-control:focus, .standard-reporting-control-group>input:focus{ border-color:rgba(32,215,255,.55); box-shadow:0 0 0 3px rgba(32,215,255,.10); background:#0d131d; outline:none; } /* ===== Modal ===== */ .modal-header, .promotion-item .modal-header, .confirmation-message-modal .modal-header{ background:linear-gradient(135deg,#0f1522 0%,#121b2d 45%,#351221 100%); border-bottom:1px solid rgba(255,255,255,.08); color:#fff; } .modal-body, .bonus-slider-modal .modal-body, .bonus-slider-modal .modal-footer, .promotion-item .modal-body, .modal-footer{ background:#0d121a; color:var(--theme-text); } .modal-footer{ border-top:1px solid rgba(255,255,255,.06); } /* ===== Nav ===== */ .standard-nav-bar a, .standard-side-menu a, .promotion-side-menu>a, .games-list-container .category-filter-link{ color:var(--theme-text); border-radius:10px; transition:all .22s ease; } .standard-nav-bar a[data-active="true"], .standard-nav-bar a:not([data-active="true"]):hover, .standard-side-menu a[data-active="true"], .standard-side-menu a:not([data-active="true"]):hover, .promotion-side-menu>a[data-active="true"], .promotion-side-menu>a:hover, .games-list-container .category-filter-link.active, .games-list-container .category-filter-link:hover{ background:linear-gradient(90deg,rgba(32,215,255,.16),rgba(255,47,109,.14)); color:#fff; border-left-color:var(--theme-blue); box-shadow:inset 0 0 0 1px rgba(32,215,255,.12); } /* ===== Game List ===== */ .game-list .game-item, .large-game-list li, .top-menu .games-container>li{ background: linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)), #121826; border:1px solid rgba(255,255,255,.05); border-radius:14px; overflow:hidden; transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; } .game-list .wrapper-container:hover, .game-list .game-item:hover, .large-game-list li:hover, .top-menu .games-container>li:hover{ transform:translateY(-2px); border-color:rgba(32,215,255,.24); box-shadow:0 12px 28px rgba(0,0,0,.24), 0 0 18px rgba(32,215,255,.10); } .game-list .provider-name, .download-apk .h2>span, .download-apk-section i, .standard-remark-notification .remark-notification-content span{ color:var(--theme-red-soft); } /* ===== Tables ===== */ .standard-form-content .table thead, .standard-reporting-scroll-container .table thead, .transactions-table.table thead{ background:#111827; border-color:rgba(255,255,255,.06); } .standard-form-content .table tbody, .standard-reporting-scroll-container .table tbody, .transactions-table.table tbody{ background:#0e1420; } .standard-form-content .table tbody td, .standard-reporting-scroll-container .table tbody td, .transactions-table.table tbody tr td{ border-color:rgba(255,255,255,.06); } /* ===== Notifications / Remarks ===== */ .remarks-container, .modal-body .pending-transaction-summary-container, .claim-info-modal .alert-container, .payment-account-creation-remarks{ background:linear-gradient(135deg,rgba(255,47,109,.10),rgba(32,215,255,.08)); border:1px solid rgba(255,255,255,.08); color:var(--theme-text); border-radius:12px; } .remarks-container i{ border-color:var(--theme-red); color:var(--theme-red-soft); } /* ===== Footer ===== */ .footer-separator, .footer-links>li+li>a, .site-info-inner-container .site-links-container, .site-info-inner-container .support-list li{ border-color:rgba(255,255,255,.08); } .footer-sitemap-section .footer-links>li>a:hover, .footer-sitemap-section .contact-list>li a:hover, .footer-sitemap-section .social-media-list>li>a:hover{ color:var(--theme-blue); } /* ===== Small Energy Accent, tetap ringan ===== */ .play-now, .standard-button-group .btn-primary, .promotion-item .click-for-get-promo-button, .login-panel .register-button{ position:relative; overflow:hidden; } .play-now::before, .standard-button-group .btn-primary::before, .promotion-item .click-for-get-promo-button::before, .login-panel .register-button::before{ content:""; position:absolute; inset:0; background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.18) 50%,transparent 80%); transform:translateX(-120%); transition:transform .7s ease; pointer-events:none; } .play-now:hover::before, .standard-button-group .btn-primary:hover::before, .promotion-item .click-for-get-promo-button:hover::before, .login-panel .register-button:hover::before{ transform:translateX(120%); } /* ===== Keep animation class lama tetap aman ===== */ .claim-item .claim-button, .claim-item .activation-button, .claim-item .cancellation-button, .claim-item .expiration-button, .bonus-slider-modal .activation-button{ background:var(--theme-gradient-primary); color:#fff; border:0; border-radius:12px; box-shadow:0 0 14px rgba(32,215,255,.12); } .claim-item .claim-button:hover, .claim-item .activation-button:hover, .claim-item .cancellation-button:hover, .claim-item .expiration-button:hover, .bonus-slider-modal .activation-button:hover{ background:var(--theme-gradient-hover); color:#fff; } /* ===== Scrollbar ringan ===== */ ::-webkit-scrollbar{ width:8px; height:8px; } ::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,rgba(32,215,255,.55),rgba(255,47,109,.55)); border-radius:20px; } ::-webkit-scrollbar-track{ background:#0a0f17; }