:root{ /* ========= CORE COLORS ========= */ --primary-text-color:#f5f2ff; --secondary-text-color:#cfc7e8; --theme-text-color:#b388ff; --body-bg:#07070b; --site-content-cntr-bg:#0a0a12; --site-info-cntr-bg:#101019; --data-cntr-bg:#0b0b13; --topbar-cntr-bg:#0d0d14; --topbar-cntr-border:#1a1a26; /* ========= BRAND PURPLE SYSTEM ========= */ --purple-1:#6d28ff; --purple-2:#8b5cf6; --purple-3:#a855f7; --purple-4:#c084fc; --purple-soft:#d8b4fe; --pink-accent:#ff4fd8; --dark-panel:#13131d; --dark-panel-2:#181826; --dark-panel-3:#1e1e30; --dark-border:#2b2540; --dark-border-soft:#3a3153; /* ========= BUTTONS ========= */ --primary-button-bg:linear-gradient(135deg,#6d28ff 0%,#a855f7 100%); --claim-item-activation-button-bg:#7c3aed; --claim-item-activation-button-hover-bg:#9254ff; --claim-item-claim-button-bg:linear-gradient(135deg,#a855f7 0%,#6d28ff 100%); --claim-item-claim-button-border-color:#d8b4fe; --claim-item-claim-button-color:#fff; --claim-item-claim-button-hover-bg:linear-gradient(135deg,#6d28ff 0%,#c084fc 100%); --play-now-bg:linear-gradient(135deg,#6d28ff 0%,#a855f7 100%); --play-now-hover-bg:linear-gradient(135deg,#7c3aed 0%,#d946ef 100%); --modal-footer-btn-primary-bg:linear-gradient(135deg,#6d28ff 0%,#a855f7 100%); --modal-footer-btn-primary-hover-bg:linear-gradient(135deg,#7c3aed 0%,#d946ef 100%); --login-panel-reg-btn-bg:linear-gradient(135deg,#6d28ff 0%,#a855f7 100%); --login-panel-reg-btn-hover-bg:linear-gradient(135deg,#7c3aed 0%,#d946ef 100%); --register-done-cntr-btn-deposit-bg:#7c3aed; --register-done-cntr-btn-deposit-bg-linear:linear-gradient(135deg,#6d28ff 0%,#a855f7 100%); --register-done-cntr-btn-deposit-hover-bg:#9254ff; --register-done-cntr-btn-deposit-hover-bg-linear:linear-gradient(135deg,#7c3aed 0%,#d946ef 100%); /* ========= PANELS / CARDS ========= */ --bonus-slider-modal-bg:#101019; --bonus-slider-form-bg:#171722; --bonus-slider-form-text-color:#e8e2f7; --bonus-slider-form-border-top-color:#4a4068; --claim-item-type-bg:#241b36; --claim-item-type-color:#fff; --claim-type-exp-countdown-bg:transparent; --claim-type-exp-countdown-data-section-bg:#1b1730; --claim-item-bg:#12121c; --claim-item-border:#31264a; --claim-item-color:#c084fc; --claim-item-titile-free-spin-note-color:#d8b4fe; --claim-info-modal-h4-color:#fff; --claim-item-button-color:#fff; --claim-item-a-activation-button-color:#fff; --announcement-outer-cntr-bg:#0d0d14; --announcement-outer-cntr-color:#c6bddb; --announcement-cntr-data-section-announcements-bg:#151520; --home-inner-cntr-bg:#0f0f18; --popular-game-title-cntr-color:#fff; --popular-game-title-cntr-i-border-bottom:#8b5cf6; --popular-game-title-cntr-i-border-top:#13131c; --popular-game-title-cntr-a-bg:#8b5cf6; --popular-game-title-cntr-a-color:#fff; --popular-game-title-cntr-game-list-cntr-bg:#101019; --popular-game-title-cntr-game-list-cntr-border:#8b5cf6; --info-center-cntr-panel-group-heading-bg:#171722; --info-center-cntr-panel-group-heading-sign-color:#b9add7; --info-center-cntr-panel-group-title-a-color:#c084fc; --info-center-cntr-panel-default-heading-collapse-body-bg:#11111a; --info-center-cntr-panel-default-heading-collapse-body-color:#f3efff; --about-us-cntr-inner-box-bg:#14141d; --about-us-cntr-inner-box-border:#6d28ff; --about-us-cntr-game-panel-li-p-color:#f1ebff; --loyalty-reward-cntr-border:#302944; --loyalty-reward-cntr-bg:#0f0f17; --loyalty-reward-cntr-tab-filter-color:#f5f2ff; --loyalty-reward-cntr-tab-filter-bg:#1b1b28; --loyalty-reward-cntr-tab-filter-active-bg:#2a2140; --loyalty-reward-cntr-tab-filter-active-color:#fff; --loyalty-cntr-std-form-content-bg:#101018; --loyalty-cntr-std-form-title-color:#fff; --loyalty-cntr-std-form-title-border:#8b5cf6; --loyalty-cntr-loyalty-menu-a-bg:#171722; --std-form-content-bg:#11111a; --std-form-content-color:#fff; --std-form-title-color:#c084fc; --std-form-sub-title-border:#8b5cf6; --std-form-note-color:#f5f2ff; --std-form-note-bg:#6d28ff; --std-form-note-a-color:#e9d5ff; --std-form-note-span:#c084fc; --std-inline-form-group-form-content-form-cntrl-bg:#0d0d15; --std-inline-form-group-form-content-form-cntrl-border:#25253a; --form-form-group-control-border:#2a2a3d; --form-form-group-control-bg:#141420; /* ========= HEADER / NAV ========= */ --site-header-bg:linear-gradient(135deg,#6d28ff 0%,#a855f7 55%,#ff4fd8 100%); --site-header-bs:0 0 24px rgba(168,85,247,.18) inset; --menu-slide-i-color:#fff; --top-menu-li-color:#fff; --top-menu-li-before-bg:#c084fc; --top-menu-li-true-hover-color:#f0abfc; --top-menu-game-list-cntr-bg:rgba(12,12,20,.96); --top-menu-game-list-cntr-border:#8b5cf6; --top-menu-games-cntr-li-bg:linear-gradient(180deg,rgba(0,0,0,0) 20%,rgba(168,85,247,.20) 100%); --top-menu-games-cntr-li-hover-a-bg:rgba(168,85,247,.10); --top-menu-games-cntr-li-a-img-bg:linear-gradient(180deg,#0d0d15 25%,#201033 100%); /* ========= MODAL ========= */ --modal-header-bg:linear-gradient(135deg,#6d28ff 0%,#a855f7 100%); --modal-body-bg:#0d0d15; --modal-body-color:#fff; --modal-footer-border:rgba(233,213,255,.12); --modal-footer-bg:#0d0d15; --modal-footer-btn-secondary-color:#fff; --modal-footer-btn-secondary-hover-color:#c084fc; /* ========= DEPOSIT / PAYMENT ========= */ --bank-info-bg:#151521; --bank-info-bg-image:linear-gradient(to bottom,#141420 0%,#1e1e30 100%); --bank-info-color:#bfb6d8; --bank-info-h4-color:#e9d5ff; --deposit-cntr-bank-info-bg:#1b1b29; --withdrawal-cntr-bank-info-bg:#1b1b29; --deposit-cntr-formatted-balance-color:#c084fc; --withdrawal-cntr-formatted-balance-color:#c084fc; --deposit-summary-cntr-border:#2a2a40; --deposit-summary-cntr-header-bg:#1a1a2a; --deposit-summary-cntr-header-transfer-amount-color:#d8b4fe; --deposit-summary-cntr-content-bg:#11111a; --withdrawal-summary-cntr-border:#2a2a40; --withdrawal-summary-header-bg:#1a1a2a; --withdrawal-summary-cntr-header-transfer-amount-color:#d8b4fe; --withdrawal-summary-cntr-content-bg:#11111a; /* ========= TABLES ========= */ --transactions-table-border:#1d1d2d; --transactions-table-bg:#131320; --transactions-table-head-bg:#171726; --transactions-table-head-color:#c8bedf; --transactions-table-head-border:#222235; --transactions-table-body-bg:#101019; --transactions-table-body-color:#fff; --transactions-table-body-span-app-color:#c084fc; --transactions-table-body-span-reject-color:#ff7a9f; --transactions-table-body-span-pending-color:#f4b942; --transactions-table-body-tr-odd-bg:#11111a; --transactions-table-body-tr-even-bg:#161622; /* ========= GAME LIST ========= */ --game-list-cntr-bg:rgba(14,14,24,.78); --game-list-cntr-vendor-name-color:#fff; --game-list-cntr-filter-section-bg:linear-gradient(135deg,#2a1445 0%,#120c1f 100%); --game-list-cntr-filter-section-input-text-border:#8b5cf6; --game-list-cntr-filter-section-input-text-bg:#0f0b18; --game-list-cntr-filter-section-input-text-color:#fff; --game-list-cntr-filter-section-after-bg:#2e1650; --game-list-cntr-category-filter-link-active-hover-bg:#8b5cf6; --provider-outer-game-list-cntr-game-info-bg:#0f0f18; --provider-outer-game-list-cntr-game-info-border:#8b5cf6; --game-list-game-item-bg:linear-gradient(180deg,#6d28ff 0%,#38146f 100%); --game-list-provider-name-color:#e9d5ff; --large-game-list-cntr-bg:#0d0d15d9; --large-game-list-cntr-section-heading-h4-color:#c084fc; --large-game-list-cntr-section-bg:#101019; --large-game-list-cntr-section-border:#8b5cf6; --large-game-list-cntr-play-now-bg:#7c3aed; --large-game-list-cntr-play-now-hover-bg:#9254ff; --large-game-list-link-cntr-bg:#000000a8; --large-game-list-li-bg:linear-gradient(180deg,rgba(0,0,0,0) 20%,rgba(168,85,247,.35) 100%); --large-game-list-img-bg:linear-gradient(180deg,#0d0d15 25%,#24103f 100%); --large-game-list-li-a-game-info-color:#d8b4fe; --large-game-list-li-a-game-info-hover-focus-color:#fff; /* ========= TEXT / SUPPORT ========= */ --download-apk-color:#fff; --download-apk-h2-span-color:#c084fc; --download-apk-section-i-color:#c084fc; --contact-us-list-li-h6-color:#fff; --contact-us-list-a-color:#d8b4fe; --contact-us-list-a-hover-color:#fff; --site-info-cntr-section-title-color:#dfd8f2; --site-info-inner-cntr-color:#9f96b6; --site-info-inner-cntr-footer-links-li-a-color:#9f96b6; --site-info-inner-cntr-footer-links-li-a-hover-color:#d8b4fe; --copyright-info-cntr-border:#262638; --copyright-info-cntr-copyright-color:#fff; /* ========= SPECIAL GLOW ========= */ --bonus-progress-progress-bg:#3b3351; --bonus-progress-progress-bar-success-bg:linear-gradient(90deg,#8b5cf6 0%,#d946ef 100%); --home-progressive-jackpot-bg:linear-gradient(135deg,#140b22 0%,#6d28ff 55%,#ff4fd8 100%); --home-progressive-jackpot-color:#fff; --home-progressive-jackpot-outer-cntr-bg:#09090f; --home-progressive-jackpot-inner-cntr-bg:linear-gradient(180deg,#3a176f 0%,#0c0c14 100%); --home-progressive-jackpot-border-cntr-bg:#0008; --home-progressive-jackpot-border-cntr-border:#c084fc; --home-progressive-jackpot-jackpot-cntr-bg:linear-gradient(135deg,#6d28ff 0%,#ff4fd8 100%); --home-progressive-jackpot-jackpot-inner-cntr-bg:#09090f; --home-progressive-jackpot-jackpot-border-cntr-border:#d8b4fe; --home-progressive-jackpot-jackpot-currency-color:#f9a8d4; --home-progressive-jackpot-jackpot-play-text-color:#fff; --home-progressive-jackpot-jackpot-play-text-label-color:#e9d5ff; --jackpot-cntr-bg:linear-gradient(135deg,#6d28ff 0%,#ff4fd8 100%); --jackpot-cntr-box-shadow:0 8px 24px rgba(168,85,247,.22); --jackpot-inner-cntr-bg:#0c0c14; --jackpot-border-cntr-border:#d8b4fe; --jackpot-currency-color:#f9a8d4; --jackpot-play-section-text-color:#fff; --jackpot-play-section-text-label-color:#e9d5ff; /* ========= ACCENT STATUS ========= */ --theme-success:#b388ff; --theme-warning:#ffb84d; --theme-danger:#ff6b8f; --theme-info:#f0abfc; } /* ========= LIGHTWEIGHT ANIMATIONS ========= */ @keyframes floatSoft { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } } @keyframes pulseGlow { 0%,100% { box-shadow: 0 0 0 rgba(168,85,247,0); } 50% { box-shadow: 0 0 18px rgba(168,85,247,.22); } } @keyframes shineMove { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } @keyframes fadeUpSoft { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } /* ========= OPTIONAL UI ENHANCEMENT ========= */ button, .claim-item, .promotion-item, .large-game-list-cntr-section, .provider-outer-game-list-cntr-game-info, .modal-content, .bank-info, .std-form-content-bg, .loyalty-reward-cntr-bg { transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease; } button:hover, .claim-item:hover, .promotion-item:hover, .provider-outer-game-list-cntr-game-info:hover { transform: translateY(-2px); } .claim-item:hover, .promotion-item:hover, .large-game-list-cntr-section:hover, .provider-outer-game-list-cntr-game-info:hover, .bank-info:hover { box-shadow: 0 10px 26px rgba(109,40,255,.14); border-color: #8b5cf6; } /* tombol utama */ .play-now, .modal-footer .btn-primary, .login-panel-reg-btn, .register-done-cntr-btn-deposit { background-size: 200% 200%; animation: shineMove 4.5s linear infinite; } /* kartu penting */ .home-progressive-jackpot-inner-cntr, .jackpot-inner-cntr, .claim-item, .promotion-item { animation: fadeUpSoft .45s ease both; } /* elemen hero / highlight */ .home-progressive-jackpot-jackpot-cntr, .jackpot-cntr, .site-header { animation: pulseGlow 3s ease-in-out infinite; } /* icon / badge / floating elements */ .notification-list-item-header-label, .pending-verification-cntr-icon-cntr, .referral-features-item-icon-div { animation: floatSoft 3.2s ease-in-out infinite; }