/* ========================================================= PROFESSIONAL RED ENERGY THEME Lightweight + classy + same class structure Tempel di bawah CSS lama ========================================================= */ :root{ --main-theme-color:#ff2b2b; --red-primary:#ff2b2b; --red-secondary:#b30000; --red-dark:#140404; --red-deep:#1d0707; --bg-main:#090909; --bg-soft:#111111; --bg-card:#151515; --bg-hover:#1c1c1c; --text-main:#ffffff; --text-soft:#d7d7d7; --text-muted:#9f9f9f; --border-red:rgba(255,43,43,.28); --glow-soft:0 0 0 1px rgba(255,43,43,.12), 0 8px 24px rgba(179,0,0,.18); --glow-hover:0 0 0 1px rgba(255,43,43,.2), 0 12px 32px rgba(255,43,43,.22); --grad-red:linear-gradient(135deg,#ff3b3b 0%, #d10000 55%, #7a0000 100%); --grad-red-soft:linear-gradient(135deg,rgba(255,59,59,.18), rgba(122,0,0,.12)); --radius-md:12px; --radius-lg:18px; --ease-fast:.25s ease; --ease-med:.35s ease; } /* Global */ 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 right, rgba(255,43,43,.10), transparent 32%), radial-gradient(circle at top left, rgba(179,0,0,.08), transparent 28%), linear-gradient(180deg, #080808 0%, #0d0606 100%); color:var(--text-main); } /* Soft animation ringan */ @keyframes softPulse{ 0%,100%{ box-shadow:0 0 0 rgba(255,43,43,0), 0 0 0 rgba(255,43,43,0); } 50%{ box-shadow:0 0 10px rgba(255,43,43,.10), 0 0 22px rgba(179,0,0,.10); } } @keyframes shineMove{ 0%{ background-position:0% 50%; } 100%{ background-position:100% 50%; } } @keyframes floatLite{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-2px); } } /* Header */ .topbar-container, .site-header{ background: linear-gradient(180deg, rgba(22,8,8,.98), rgba(12,4,4,.98)); border-bottom:1px solid var(--border-red); box-shadow:0 8px 20px rgba(0,0,0,.35); } .topbar-sub-section .topbar-item, .top-menu>li, .topbar-sub-section .topbar-item a, .topbar-sub-section .topbar-item .live-chat{ color:var(--text-soft); transition:color var(--ease-fast), transform var(--ease-fast); } .top-menu>li[data-active="true"], .top-menu>li:hover, .topbar-sub-section .topbar-item a:hover, .topbar-sub-section .topbar-item .live-chat:hover{ color:var(--red-primary); } /* Menu dropdown */ .top-menu .game-list-container{ background:rgba(10,10,10,.96); border-bottom:1px solid var(--border-red); backdrop-filter:blur(4px); } /* Buttons */ .login-panel .register-button, .standard-button-group .btn-primary, .standard-reporting-control-group .btn-primary, .deposit-container .reveal-bank-account-button, .modal-footer .btn-primary, .claim-item .activation-button, .claim-item .cancellation-button, .claim-item .expiration-button, .promotion-item .click-for-get-promo-button, .copy-input-button-field .copy-input-button, .play-now, .large-game-list-container .large-game-list .play-now, [data-payment-gateway] .download-qr-button, .transaction-item .download-qr-btn{ background:var(--grad-red); color:#fff; border:none; border-radius:12px; box-shadow:0 8px 20px rgba(179,0,0,.22); transition: transform var(--ease-fast), box-shadow var(--ease-fast), filter var(--ease-fast); will-change:transform; } .login-panel .register-button:hover, .standard-button-group .btn-primary:hover, .standard-reporting-control-group .btn-primary:hover, .deposit-container .reveal-bank-account-button:hover, .modal-footer .btn-primary:hover, .claim-item .activation-button:hover, .claim-item .cancellation-button:hover, .claim-item .expiration-button:hover, .promotion-item .click-for-get-promo-button:hover, .copy-input-button-field .copy-input-button:hover, .play-now:hover, .large-game-list-container .large-game-list .play-now:hover, [data-payment-gateway] .download-qr-button:hover, .transaction-item .download-qr-btn:hover{ transform:translateY(-2px); box-shadow:0 12px 26px rgba(255,43,43,.22); filter:brightness(1.05); } /* Secondary buttons */ .login-panel .login-button, .free-play, .large-game-list-container .large-game-list .free-play, .modal-footer .btn-secondary{ background:rgba(255,255,255,.02); color:#fff; border:1px solid rgba(255,255,255,.18); border-radius:12px; transition:all var(--ease-fast); } .login-panel .login-button:hover, .free-play:hover, .large-game-list-container .large-game-list .free-play:hover, .modal-footer .btn-secondary:hover{ background:rgba(255,43,43,.08); border-color:rgba(255,43,43,.45); color:#fff; } /* Cards / panels */ .claim-item, .promotion-item, .about-us-container .inner-box, .pending-transactions-container .pending-transactions-item, .pending-transaction-detail-card, .reporting-detail-popup .reporting-detail-popup-content, .transactions-table.table, .standard-form-content, .bonus-slider-modal .bonus-form, .modal-body .pending-transaction-details-container, .promotion-side-menu, .promotion-list{ background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)), linear-gradient(180deg, #141414 0%, #101010 100%); border:1px solid rgba(255,43,43,.10); border-radius:var(--radius-lg); box-shadow:var(--glow-soft); } /* Hover card halus */ .claim-item:hover, .promotion-item:hover, .game-list .game-item:hover, .pending-transaction-detail-card:hover{ border-color:rgba(255,43,43,.22); box-shadow:var(--glow-hover); transform:translateY(-2px); transition:all var(--ease-fast); } /* Titles */ .standard-form-title, .info-center-container h2, .standard-content-info h2, .promotion-side-menu>h5, .mobile-app-container .title-container, .standard-nav-bar .nav-bar-title, .info-center-container h3{ color:#ff4a4a; text-shadow:0 0 14px rgba(255,43,43,.12); } .standard-form-sub-title, .info-center-container h3, .info-center-container h3, .standard-nav-bar .nav-bar-title{ border-left-color:var(--red-primary); } /* 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, .standard-reporting-control-group>input, .deposit-container .deposit-amount input.form-control{ background:linear-gradient(180deg,#0d0d0d,#121212); border:1px solid rgba(255,255,255,.08); color:#fff; border-radius:12px; transition:border-color var(--ease-fast), box-shadow var(--ease-fast); } .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, .mobile-app-container .mobile-app-select:focus, .standard-reporting-control-group>input:focus, .deposit-container .deposit-amount input.form-control:focus{ border-color:rgba(255,43,43,.45); box-shadow:0 0 0 3px rgba(255,43,43,.10); outline:none; } /* Modal */ .modal-header, .promotion-item .modal-header{ background:linear-gradient(135deg,#2a0909 0%, #b30000 55%, #ff2b2b 100%); border-bottom:1px solid rgba(255,255,255,.08); color:#fff; } .modal-body, .modal-footer, .register-modal .modal-body, .forgot-password-modal .modal-body{ background:#0f0f0f; color:#fff; } /* Navigation bar */ .standard-nav-bar, .standard-side-menu{ background:linear-gradient(180deg,#111,#0d0d0d); } .standard-nav-bar a, .standard-side-menu a, .promotion-side-menu>a{ color:#f2f2f2; border-radius:10px; transition:all var(--ease-fast); } .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{ background:linear-gradient(90deg, rgba(255,43,43,.18), rgba(179,0,0,.18)); color:#fff; border-left-color:var(--red-primary); box-shadow:inset 0 0 0 1px rgba(255,43,43,.16); } /* Game item */ .game-list .game-item, .large-game-list li, .top-menu .games-container>li{ background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)), linear-gradient(180deg,#151515 0%, #101010 100%); border:1px solid rgba(255,43,43,.08); border-radius:16px; overflow:hidden; transition:transform var(--ease-fast), box-shadow var(--ease-fast), border-color var(--ease-fast); } .game-list .game-name, .large-game-list .game-title, .game-description-container .game-title{ color:#fff; } .game-list .provider-name, .deposit-container .formatted-balance, .deposit-container .real-deposit-amount, .deposit-container .deposit-amount .currency-suffix, .standard-profile-bar .username-field .username, .standard-profile-bar .balance-field .balance{ color:#ff4a4a; } /* Game overlay */ .game-list .link-container, .large-game-list .link-container{ background:linear-gradient(180deg, rgba(10,10,10,.10), rgba(15,0,0,.88)); } /* Search / filter */ .games-list-container .filter-section{ background:linear-gradient(180deg,#111,#0d0d0d); border:1px solid rgba(255,43,43,.08); border-radius:14px; } .games-list-container .filter-section input[type=text]{ color:#fff; } .games-list-container .category-filter-link{ color:#ededed; border-radius:10px; transition:all var(--ease-fast); } .games-list-container .category-filter-link.active, .games-list-container .category-filter-link:hover{ background:rgba(255,43,43,.12); color:#ff4a4a; } /* Announcement / notes */ .standard-form-note, .remarks-container, .modal-body .pending-transaction-summary-container, .claim-info-modal .alert-container, .payment-account-creation-remarks{ background:linear-gradient(135deg, rgba(255,43,43,.12), rgba(70,0,0,.16)); border:1px solid rgba(255,43,43,.15); color:#fff; border-radius:14px; } /* Table */ .standard-form-content .table thead, .standard-reporting-scroll-container .table thead, .transactions-table.table thead{ background:#191919; border-color:rgba(255,43,43,.12); } .standard-form-content .table thead tr th, .standard-reporting-scroll-container .table thead tr th, .transactions-table.table thead tr th{ color:#ff6a6a; } .standard-form-content .table tbody, .standard-reporting-scroll-container .table tbody, .transactions-table.table tbody{ background:#111; } .standard-form-content .table tbody td, .standard-reporting-scroll-container .table tbody td, .transactions-table.table tbody td{ border-color:rgba(255,255,255,.05); color:#ededed; } /* Footer */ .site-contacts, .site-info-container, .site-info-inner-container{ background: linear-gradient(180deg,#111 0%, #0a0a0a 100%); color:#bcbcbc; } .site-contacts .contact-list li a{ background:#151515; color:#fff; border:1px solid rgba(255,43,43,.10); border-radius:12px; transition:all var(--ease-fast); } .site-contacts .contact-list li a:hover{ background:#1b1111; border-color:rgba(255,43,43,.28); transform:translateY(-1px); } .site-contacts .contact-list li a i, .site-contacts .contact-list li a:hover i{ background:var(--grad-red); color:#fff; } /* Bonus / popup area */ .bonus-range .bubble{ color:#fff; border-color:#ff3b3b; background:#140808; box-shadow:0 4px 14px rgba(255,43,43,.14); } .bonus-range .bubble::before{ border-top-color:#ff3b3b; } .bonus-range .bubble::after{ border-top-color:#140808; } .bonus-controls-field .bonus-control-button{ background:#1a1a1a; color:#fff; border:1px solid rgba(255,43,43,.12); border-radius:10px; } .bonus-controls-field .bonus-control-button:hover{ background:#241010; color:#ff6a6a; } .bonus-controls-field .bonus-amount{ background:#0d0d0d; color:#ff4a4a; border-radius:10px; } /* Progress / small accent */ .proggress{ background:linear-gradient(90deg,#ff2b2b,#8e0000)!important; } .progressbar{ background:#2a2a2a!important; } /* Lightweight elegant live effect */ .promotion-item .click-for-get-promo-button, .play-now, .standard-button-group .btn-primary{ background-size:200% 200%; animation:shineMove 4s linear infinite; } .claim-item, .promotion-item, .game-list .game-item{ animation:softPulse 4.5s ease-in-out infinite; } .top-menu>li[data-active="true"], .standard-nav-bar a[data-active="true"], .standard-side-menu a[data-active="true"]{ animation:floatLite 3.5s ease-in-out infinite; } /* Reduce lag di device lemah */ @media (max-width: 768px){ .claim-item, .promotion-item, .game-list .game-item, .promotion-item .click-for-get-promo-button, .play-now, .standard-button-group .btn-primary, .top-menu>li[data-active="true"], .standard-nav-bar a[data-active="true"], .standard-side-menu a[data-active="true"]{ animation:none !important; } *{ transition-duration:.2s !important; } } /* Accessibility + clean */ .topbar-sub-section .language-selector, .user-info .dropdown-menu.vendor-balances-container, .top-menu .game-list-container, .promotion-item .modal-body, .modal-body .pending-transaction-details-container{ border:1px solid rgba(255,43,43,.10); box-shadow:var(--glow-soft); } /* Optional stronger premium accent */ .popular-game-title-container a, .site-info-container .footer-links li a:hover, .footer-links>li>a:hover, .contact-us-list li a, .change-referral-code a, .referral-box a, .whitelisted-domains-link a{ color:#ff5b5b; }