:root {
  --main-theme-color: #f3c34e;
}

/* =========================
   BONUS SLIDER MODAL
========================= */
.bonus-slider-modal .modal-body,
.bonus-slider-modal .modal-footer {
  background-color: #1b0e20;
}

.bonus-slider-modal .activation-button {
  background-color: #d81b8c;
  color: #fff;
}

.bonus-slider-modal .activation-button:hover {
  background-color: #ff45b5;
  color: #fff;
}

.bonus-slider-modal .close-button {
  background-color: #4d3258;
}

.bonus-slider-modal .close-button:hover {
  background-color: #452c50;
}

.bonus-slider-modal .bonus-form {
  background-color: #25142c;
  color: #dad9d9;
  border-top-color: #927c9c;
  box-shadow: 0 0 15px rgba(0, 0, 0, .2);
}

.bonus-controls-field .bonus-control-button {
  background-color: #e4e4e4;
  color: #5a3d67;
}

.bonus-controls-field .bonus-amount {
  background-color: #100814;
  color: #f3c34e;
}

.bonus-range .bubble {
  color: #fff;
  border-color: #f3c34e;
  background: #100814;
}

.bonus-range .bubble::before {
  border-color: rgba(255, 122, 0, 0);
  border-top-color: #f3c34e;
}

.bonus-range .bubble::after {
  border-color: rgba(14, 14, 14, 0);
  border-top-color: #100814;
}

/* =========================
   CLAIM
========================= */
.standard-form-note.claim-note span,
.standard-form-note.claim-note strong {
  color: #fff;
}

.claim-item {
  background-color: #190d1f;
  color: #fff;
  border: 1px solid #24142a;
}

.claim-item .claim-title .expiration-note {
  color: #ff3b3b;
}

.claim-info-modal h4 {
  color: #fff;
}

.claim-item .claim-button,
.claim-item .activation-button,
.claim-item .cancellation-button,
.claim-item .expiration-button {
  background-color: #d81b8c;
  color: #fff;
}

.claim-item .claim-button {
  border-color: #ffdf8f;
  color: #fff;
  background: #d81b8c;
  background: -moz-linear-gradient(top, #ff45b5 0%, #8e0f5d 100%);
  background: -webkit-linear-gradient(top, #ff45b5 0%, #8e0f5d 100%);
  background: linear-gradient(to bottom, #ff45b5 0%, #8e0f5d 100%);
}

.claim-item .claim-button:hover,
.claim-item .activation-button:hover,
.claim-item .cancellation-button:hover,
.claim-item .expiration-button:hover {
  background-color: #ff45b5;
}

.claim-item .claim-details strong {
  color: #ffdf8f;
}

/* =========================
   CONTACT / ANNOUNCEMENT
========================= */
.contact-us-list li h6 {
  color: #fff;
}

.contact-us-list li a {
  color: #f3c34e;
}

.contact-us-list li a:hover {
  color: #fff;
}

.announcement-outer-container {
  background-color: #1b0130;
  background-image: linear-gradient(90deg, #1b0130 0%, #3a0546 50%, #1b0130 100%);
  border-bottom: 1px solid rgba(243, 195, 78, .16);
  color: #ffdf8f;
}

.announcement-container > [data-section="announcements"] {
  background-color: #10021c;
}

.home-progressive-jackpot {
  color: #fff;
}

.home-inner-container {
  background-color: #ffffff00;
}

/* =========================
   POPULAR / INFO CENTER
========================= */
.popular-game-title-container {
  color: #fff;
}

.popular-game-title-container > i {
  border-bottom-color: #311c3a;
  border-top-color: #0f0812;
}

.popular-game-title-container a {
  background-color: #d81b8c;
  color: #fff;
}

.info-center-container h2 {
  color: #f3c34e;
}

.info-center-container h3 {
  border-left-color: #f3c34e;
}

.info-center-container a {
  color: #fff;
}

.info-center-container .panel-group .panel-heading {
  background-color: #4a2f55;
}

.info-center-container .panel-group .panel-heading .glyphicon-question-sign {
  color: #a5a5a5;
}

.info-center-container .panel-group .panel-title a {
  color: #fff;
}

.info-center-container .panel-default > .panel-heading + .panel-collapse .panel-body {
  background-color: #2c1935;
}

/* =========================
   ABOUT US
========================= */
.about-us-container h5[data-title="safe-and-secure-gaming-environment"] {
  color: #00b4bf;
}

.about-us-container h5[data-title="customer-experience"] {
  color: #00bf99;
}

.about-us-container h5[data-title="fast-and-secure-payments"] {
  color: #9e5bff;
}

.about-us-container h5[data-title="sky-is-not-the-limit"] {
  color: #ff1688;
}

.about-us-container .inner-box {
  background-color: #1d0f23;
  border-color: #6d5a1a;
}

.about-us-container .game-panel li > p {
  color: #fff;
}

/* =========================
   MESSAGE
========================= */
.message-detail-title {
  color: #fff;
  border-bottom-color: #d5d5d5;
}

.replied-message {
  color: #e0e0e0;
  border-bottom-color: #f3c34e;
}

.replied-message[data-creator="true"] .replied-message-content {
  background-color: #26152d;
}

.message-table {
  color: #d5d5d5;
}

.message-table-header .buttons-container a {
  color: #d5d5d5;
}

.message-table-header .buttons-container a:hover {
  background-color: #d81b8c;
  color: #fff;
}

.message-table-body .checkbox-column,
.message-table-body .message-column {
  border-top-color: #f3c34e;
}

/* =========================
   CONFIRMATION MODAL
========================= */
.confirmation-message-modal .modal-header {
  background-color: #3d1a5c;
  border-bottom-color: #bababa;
}

.confirmation-message-modal h4.modal-title {
  color: #fff;
}

.confirmation-message-modal .modal-body {
  background-color: #dbdbec;
}

.confirmation-message-modal .confirm-btn.blank {
  background: #dcdbed;
  color: #886c94;
}

.confirmation-message-modal .confirm-btn {
  background: #886c94;
  color: #fff;
  border-color: #886c94;
}

.confirmation-message-modal .confirm-btn:hover {
  background: #dcdbed;
  color: #886c94;
}

.confirmation-message-modal .confirm-btn.blank:hover {
  background: #886c94;
  color: #fff;
}

/* =========================
   CONFIRMATION MESSAGE MODAL
========================= */
.confirmation-message-modal .confirm-btn:hover {
  background: #dcdbed;
  color: #886c94;
}

.confirmation-message-modal .confirm-btn.blank:hover {
  background: #886c94;
  color: #fff;
}

/* =========================
   MOBILE APP
========================= */
.mobile-app-container .logo-container {
  background-color: #2a1832;
}

.mobile-app-container .title-container {
  color: #f3c34e;
}

.mobile-app-container .link-container a:hover {
  background-color: #160b1b;
}

.mobile-app-container .nav-tabs {
  border-bottom-color: #f3c34e;
}

.mobile-app-container > .nav-tabs a {
  color: #ccc;
}

.mobile-app-container .nav-tabs > li.active > a,
.mobile-app-container .nav-tabs > li.active > a:hover,
.mobile-app-container .nav-tabs > li.active > a:focus {
  background-color: #16091b;
  color: #f3c34e;
  border-color: #f3c34e;
  border-bottom-color: transparent;
}

.mobile-app-container .nav > li > a:hover,
.mobile-app-container .nav > li > a:focus {
  background-color: transparent;
  color: #f3c34e;
  border-color: #f3c34e;
}

.mobile-app-container .tab-pane .note {
  color: #f00;
}

.mobile-app-container .tab-pane .important,
.mobile-app-container a {
  color: #ffe3ab; /* sebelumnya #ffb366 */
}

.mobile-app-container .tab-pane div[role="tabpanel"] a {
  text-decoration: underline;
}

/* =========================
   PROFILE
========================= */
.profile-container .section-heading {
  color: #fff;
}

.profile-container .mobile-info-button {
  border-color: #f3c34e;
  color: #fff;
}

.profile-container .mobile-info-button:hover {
  background-color: #d81b8c;
  color: #fff;
}

/* =========================
   PROMOTION
========================= */
.promotion-side-menu,
.promotion-list {
  background-color: #110915;
  border-color: #110915;
}

.promotion-side-menu > h5 {
  color: #f3c34e;
}

.promotion-side-menu > a {
  border-bottom-color: #180d1d;
  color: #fff;
}

.promotion-side-menu > a[data-active="true"],
.promotion-side-menu > a:hover {
  background-color: #180d1d;
  border-left-color: #f3c34e;
}

.promotion-item {
  background-color: #2a1832;
}

.promotion-item .promotion-footer {
  color: #fff;
}

.promotion-item .click-for-get-promo-button {
  background-color: #d81b8c;
  background-image: linear-gradient(to bottom right, #d81b8c, #ff45b5);
  color: #fff;
}

.promotion-item .click-for-get-promo-button:hover {
  background-color: #ff45b5;
  background-image: linear-gradient(to bottom right, #ff45b5, #d81b8c);
}

.promotion-item .modal-header {
  background: #201127;
  border-bottom: 2px solid #ffdf8f;
}

.promotion-item .modal-body {
  background-color: #16091b;
  color: #acacac;
}

/* =========================
   REGISTER DONE
========================= */
.register-done-container {
  color: #d5d5d5;
}

.register-done-container > h2 {
  color: #fff;
}

.register-done-container > h2 span {
  color: #f3c34e;
}

.register-done-container > img {
  background-color: transparent;
}

.register-done-container .btn-deposit {
  background: #d81b8c;
  background: linear-gradient(to bottom, #d81b8c 0%, #8e0f5d 100%);
}

.register-done-container .btn-deposit:hover {
  background: #d81b8c;
  background: linear-gradient(to top, #d81b8c 0%, #8e0f5d 100%);
}

.register-done-container .standard-button-group .btn {
  border-color: #f3c34e;
  color: #fff;
}

.register-done-container .standard-button-group .btn:hover {
  border-color: transparent;
  background-color: #73557f;
  background: linear-gradient(to bottom, #73557f 0%, #50345c 100%);
}

.register-done-container .register-verification-done {
  border-color: #f3c34e;
  color: #fff;
  background: #8e0f5d;
}

.register-done-container .register-verification-done .info {
  color: #f3c34e;
  border-color: #f3c34e;
}

.register-done-container .register-verification-done a {
  color: #f3c34e;
}

/* =========================
   PROVIDER / GAME DESCRIPTION
========================= */
.provider-slide {
  background-color: #110915;
}

.provider-slide > i {
  background-color: rgba(255, 255, 255, .1);
  color: #fff;
}

.provider-slide > i:hover {
  background-color: rgba(255, 255, 255, .25);
}

.game-description-container .game-title,
.game-description-container .game-description {
  color: #fff;
}

.progressive-jackpot .jackpot-container {
  color: #351f3f;
}

/* =========================
   DEPOSIT / BUTTON
========================= */
.deposit-container .standard-form-note a,
.deposit-container .formatted-balance {
  color: #ffe3ab; /* dari #ffb366 */
}

.deposit-container .real-deposit-amount,
.deposit-container .deposit-amount input.form-control,
.deposit-container .deposit-amount .currency-suffix {
  color: #f3c34e; /* dari #ff7a00 */
}

.free-play {
  border: 1px solid #fff;
  background: transparent;
}

.free-play:hover {
  background: #fff;
  color: #000;
}

.play-now {
  color: #fff;
  background: #d81b8c;
  background: linear-gradient(to right, #ff6fc6 0%, #d81b8c 100%);
}

.play-now:hover {
  color: #fff;
  background: #d81b8c;
  background: linear-gradient(to right, #d81b8c 0%, #8e0f5d 100%);
}
/* =========================
   GAMES LIST
========================= */
.games-list-container {
  background-color: transparent;
}

.games-list-container .filter-section {
  background-color: #110915;
  background: #110915;
}

.games-list-container .filter-section input[type="text"] {
  border-color: transparent;
  background: transparent;
  color: #fff;
}

.games-list-container .filter-section:after {
  background-color: transparent;
  color: #866a92;
  border-left: 1px solid #866a92;
  max-height: 30px;
  margin-top: auto;
  margin-bottom: auto;
}

.games-list-container .category-filter {
  padding: 5px 5px;
}

.games-list-container .category-filter-link {
  color: #fff;
  border-radius: unset;
}

.games-list-container .category-filter-link.active,
.games-list-container .category-filter-link:hover {
  background-color: #201127;
  color: #f3c34e;
}

.game-list-title {
  background-image: linear-gradient(
    transparent calc(50% - 1px),
    #fff 2px,
    transparent calc(50% + 1px)
  );
  background-color: #0b0116;
}

.game-list-title > div {
  background-color: inherit;
  color: #edeff6;
}

.provider-outer-container,
.game-list,
.games-list-container .game-info,
.popular-game-title-container + .game-list-container {
  background-color: transparent;
  border-color: transparent;
}

.games-list-container .game-list {
  margin-top: 5px;
}

.game-list .game-item {
  background-color: #24142a;
  background-image: none;
}

.game-list .game-name {
  color: #fff;
}

.game-list .provider-name {
  color: #ffe3ab;
}

.game-list .link-container {
  background-color: rgba(6, 0, 15, .85);
}

.game-list .wrapper-container:hover {
  background: #000;
}

/* =========================
   LARGE GAME LIST
========================= */
.large-game-list-container {
  background: #000000bd;
}

.large-game-list-container .large-game-list-section {
  background: #0c060e;
}

.large-game-list li {
  background: linear-gradient(180deg, rgba(0, 0, 0, .15) 40%, #8e0f5d 100%);
}

.large-game-list img {
  background: linear-gradient(180deg, rgba(0, 0, 0, .15) 25%, #d81b8c 100%);
}

.large-game-list li a.game-info {
  border-color: #ffdf8f;
  color: #ffdf8f;
}

.large-game-list li a.game-info:hover,
.large-game-list li a.game-info:focus {
  color: #c99a22;
  border-color: #b8860f;
}

/* =========================
   GAME TITLE / LARGE GAME LIST
========================= */
.game-title {
  color: #fff;
}

.large-game-list .game-title::after {
  background-color: #d81b8c;
}

.large-game-list-container .large-game-list .play-now {
  background: linear-gradient(90deg, #d81b8c 0%, #ff45b5 100%);
}

.large-game-list-container .large-game-list .play-now:hover {
  background: linear-gradient(90deg, #8e0f5d 0%, #8e0f5d 100%);
}

.large-game-list-container .large-game-list .free-play {
  color: #000;
  background: #fff;
  border: 0;
}

.large-game-list-container .large-game-list .free-play:hover {
  color: #000;
  background: #b7b4b4;
  border: 0;
}

.large-game-list .link-container {
  background-color: #000000b2;
}

.large-game-list .bottom-link-container {
  background-color: #120420;
}

/* =========================
   ARCADE / CRASH GAME
========================= */
.arcade-game-list,
.crash-game-game-list {
  background-color: rgba(3, 13, 58, .85);
}

.game-dispatch .game-info {
  border-color: #ffdf8f;
  color: #ffdf8f;
}

.game-dispatch .game-info:hover,
.game-dispatch .game-info:focus {
  color: #f3c34e;
  border-color: #f3c34e;
}

/* =========================
   BODY / TOPBAR
========================= */
body {
  background-color: #0d0018;
  background-image:
    radial-gradient(1100px 560px at 50% 0%, rgba(216, 27, 140, .16), transparent 62%),
    radial-gradient(900px 520px at 88% 6%, rgba(126, 0, 253, .12), transparent 66%),
    linear-gradient(180deg, #190430 0%, #0d0018 46%, #0d0018 100%);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.topbar-container {
  border-bottom-color: rgba(243, 195, 78, .14);
  background-color: #0e0119;
  background-image: linear-gradient(180deg, #170428 0%, #0e0119 100%);
}

.topbar-sub-section .topbar-item {
  color: #d5d5d5;
}

.topbar-sub-section .topbar-item + .topbar-item {
  border-left-color: rgba(243, 195, 78, .22);
}

.topbar-sub-section .topbar-item a,
.topbar-sub-section .topbar-item .live-chat {
  color: #fff;
}

.topbar-sub-section .topbar-item a:hover,
.topbar-sub-section .topbar-item .live-chat:hover {
  color: #f3c34e;
}

.topbar-sub-section .language-selector-container {
  color: #fff;
}

.topbar-sub-section .language-selector-trigger:after {
  border-color: transparent;
  border-top-color: #fff;
}

.topbar-sub-section .language-selector-trigger[data-active="true"]:after {
  border-bottom-color: #fff;
}

.topbar-sub-section .language-selector {
  background-color: #301c38;
}

.topbar-sub-section .language-selector li {
  background-color: #16091b;
}

.topbar-sub-section .language-selector li:hover {
  background-color: #ff45b5;
}

/* =========================
   HEADER / TOP MENU
========================= */
.site-header {
  background: #2b0140;
  background-image: linear-gradient(90deg, #2a0140 0%, #4c0b3d 48%, #2a0140 100%);
  border-bottom: 1px solid rgba(243, 195, 78, .3);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    0 6px 22px rgba(0, 0, 0, .55);
}

.top-menu > li {
  color: #efe8f7;
}

.top-menu > li + li:before {
  background: rgba(243, 195, 78, .28);
}

.top-menu > li[data-active="true"],
.top-menu > li:hover {
  color: #f3c34e;
}

.top-menu .game-list-container {
  background-color: rgba(13, 0, 24, .96);
  border-bottom: 3px solid #f3c34e;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .55);
}

.top-menu .games-container > li {
  background: linear-gradient(180deg, rgba(0, 0, 0, .15) 40%, #8e0f5d 100%);
}

.top-menu .games-container > li:hover > a {
  background-color: rgba(0, 0, 0, .15);
}

.top-menu .games-container > li > a img {
  background: linear-gradient(180deg, rgba(0, 0, 0, .15) 25%, #d81b8c 100%);
}

/* =========================
   SITE CONTENT / CONTACTS / FOOTER
========================= */
.site-content-container {
  background-color: #0f0812;
}

.site-contacts {
  background: #2b0140;
  background-image: linear-gradient(180deg, #33064c 0%, #180229 100%);
  border-top: 1px solid rgba(243, 195, 78, .18);
  border-bottom: 1px solid rgba(243, 195, 78, .12);
}

.site-contacts .contact-list li a {
  background-color: rgba(13, 0, 24, .82);
  border: 1px solid rgba(243, 195, 78, .2);
  color: #efe8f7;
}

.site-contacts .contact-list li a:hover {
  border-color: rgba(243, 195, 78, .55);
  color: #f3c34e;
}

.site-contacts .contact-list li a i {
  background-color: #d81b8c;
}

.site-info-container {
  background-color: #12031f;
}

.site-info-container .section-title {
  color: #d5d5d5;
}

.site-info-container .footer-links li a,
.footer-links > li > a {
  color: #72547e;
}

.site-info-container .footer-links li a:hover,
.footer-links > li > a:hover {
  color: #f3c34e;
}

.site-info-inner-container {
  color: #72547e;
}

.site-info-inner-container .site-links-container {
  border-color: #26152e;
}

.site-info-inner-container .support-list li {
  border-color: #72547e;
}

.copyright-info-container {
  border-top-color: transparent;
  color: #d5d5d5;
}

.copyright-info-container .copyright {
  color: #fff;
}

/* =========================
   REGISTER / FORGOT PASSWORD
========================= */
.register-page-reminder {
  color: #fff;
}

.register-page-link a {
  color: #f3c34e;
}

.register-modal .modal-body,
.forgot-password-modal .modal-body {
  background-color: #16091b;
  color: #fff;
}

/* =========================
   CONTAINER BACKGROUND
========================= */
[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-color: #321d3b;
}

/* =========================
   LOGIN PANEL
========================= */
.login-panel {
  color: #efe8f7;
}

.login-panel input[type="text"],
.login-panel input[type="password"] {
  background-color: #10021c;
  border-color: rgba(243, 195, 78, .22);
  color: #efe8f7;
}

.login-panel input[type="text"]:focus,
.login-panel input[type="password"]:focus {
  border-color: rgba(243, 195, 78, .6);
  outline: 0;
}

/* Masuk = tombol garis emas (sekunder) */
.login-panel .login-button {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(243, 195, 78, .55);
  color: #f3c34e;
  transition: all .3s ease;
}

.login-panel .login-button:hover {
  background: rgba(243, 195, 78, .12) !important;
  background-image: none !important;
  border-color: #f3c34e;
  color: #ffdf8f;
}

/* Daftar = tombol emas solid (primer, seperti CTA di banner) */
.login-panel .register-button {
  background: #f3c34e;
  background: linear-gradient(180deg, #ffdf8f 0%, #f3c34e 48%, #c99a22 100%);
  border: 1px solid rgba(255, 240, 194, .7);
  color: #2b0140;
  font-weight: 700;
  box-shadow: 0 3px 12px rgba(243, 195, 78, .3);
  transition: all .3s ease;
}

.login-panel .register-button:hover {
  background: #ffdf8f;
  background: linear-gradient(180deg, #fff0c2 0%, #ffdf8f 48%, #d8a92c 100%);
  color: #2b0140;
  box-shadow: 0 4px 16px rgba(243, 195, 78, .45);
}

.login-panel .forgot-password-link {
  color: #fff;
}

.login-panel .forgot-password-link:hover {
  color: #f3c34e;
}

/* =========================
   MODAL
========================= */
.modal-header {
  background-color: #2b0140;
  background-image: linear-gradient(180deg, #45095e 0%, #2b0140 100%);
  border-bottom: 1px solid rgba(243, 195, 78, .3);
  color: #f3c34e;
}

.modal-header .close {
  color: #f3c34e;
  opacity: .8;
}

.modal-body {
  background-color: #120321;
  color: #efe8f7;
}

.modal-footer {
  background: #120321;
  border-top: 1px solid rgba(243, 195, 78, .16);
}

.modal-footer .btn-secondary {
  background: none;
  color: #fff;
}

.modal-footer .btn-secondary:hover {
  color: #ffdf8f;
}

.modal-footer .btn-primary {
  color: #fff;
  background: #d81b8c;
  background-image: none;
}

.modal-footer .btn-primary:hover {
  background: #fff;
  color: #f3c34e;
}

/* =========================
   MAINTENANCE NOTICE
========================= */
.emerald-modal [data-emerald="maintenance"] p span {
  background: #ff45b5;
  color: #fff;
}

/* =========================
   STANDARD FORM
========================= */
.standard-form-content {
  background: #16091b;
  color: #fff;
}

.standard-form-title {
  color: #f3c34e;
}

.standard-form-sub-title {
  border-left-color: #f3c34e;
}

.standard-form-note {
  color: #fff;
  background-color: #3d2547;
}

.standard-form-note span,
.standard-form-note a {
  color: var(--main-theme-color);
}

.standard-form-note strong {
  color: #f3c34e;
}

.standard-reporting-control-group > input {
  background-color: #110914;
  border-color: #1f1632;
  color: #a7a7a7;
}

.standard-form-content .table thead,
.standard-reporting-scroll-container .table thead {
  background-color: #4a2f55;
  border-color: #4a2f55;
}

.standard-form-content .table thead tr th,
.standard-reporting-scroll-container .table thead tr th {
  border-color: #4a2f55;
  color: #fff;
}
.standard-form-content .table tbody,
.standard-reporting-scroll-container .table tbody { background-color:#1e1024 }

.standard-form-content .table tbody td,
.standard-reporting-scroll-container .table tbody td { border-color:#4a2f55;color:#fff }

.table .table { color:#3a2244 }

.standard-required-message,
.field-validation-error { color:#f00 }

.standard-inline-form-group label { color:#fff }

.standard-inline-form-group .form-control,
.standard-form-content .form-control,
.mobile-app-container .mobile-app-select { background-color:#0e0711;border-color:#301c38;color:#fff }

.mobile-app-container .mobile-app-select .active a,
.mobile-app-container .mobile-app-select a:hover { background-color:#d81b8c }

.standard-inline-form-group .form-control[disabled],
.standard-inline-form-group .form-control[readonly] { background-color:#2c1935 }

.standard-inline-form-group [data-section="asterisk"] { color:#f00 }

.standard-button-group .btn-primary,
.standard-reporting-control-group .btn-primary,
.deposit-container .reveal-bank-account-button { background:#d81b8c;background-image:none;color:#fff }

.standard-button-group .btn-primary:hover,
.standard-reporting-control-group .btn-primary:hover,
.deposit-container .reveal-bank-account-button:hover { background:#fff;color:#f3c34e;background-image:none }

.expiration-countdown [data-section] { background-color:#ff45b5;color:#fff;border-color:#a9a9a9 }

.expiration-countdown [data-value] { background-color:#f6f6f6;color:#72547e }

.standard-profile-bar { background-color:#130917;color:#d5d5d5 }

.standard-profile-bar .username-field .username,
.standard-profile-bar .balance-field .balance { color:#f3c34e }

.standard-nav-bar .nav-bar-title { color:#f3c34e }

.standard-nav-bar a { border-color:transparent;background-color:transparent;color:#fff }

.standard-nav-bar a[data-active="true"],
.standard-nav-bar a:not([data-active="true"]):hover { background-color:#d81b8c;background-image:linear-gradient(to right,#ff6fc6 0%,#d81b8c 100%) }

.standard-nav-bar a:not([data-active="true"]):hover { border-color:transparent;color:#fff }

.standard-side-menu { background-color:#16091b;color:#f3c34e }

.standard-side-menu a { border-color:transparent;background-color:transparent;color:#fff }

.standard-side-menu a[data-active="true"],
.standard-side-menu a:not([data-active="true"]):hover { background-color:#d81b8c;background-image:linear-gradient(to right,#ff6fc6 0%,#d81b8c 100%) }

.standard-side-menu a:not([data-active="true"]):hover { border-color:transparent;color:#fff }

.user-info { color:#fff }

.user-info .balance>span { color:#f3c34e }

.referral-section .referral-social-media-container .referral-social-media button { filter:invert(100%) }

.change-referral-code a,
.referral-box a,
.whitelisted-domains-link a { color:#f3c34e }

.change-referral-code a:hover,
.referral-box a:hover,
.whitelisted-domains-link a:hover { color:#ffdf8f }

.standard-reporting-control-group { color:#fff }

.standard-reporting-control-group>input { background-color:#0e0711;border-color:#301c38 }

.user-info .wallet-container>.balance::after { border-top-color:#fff }

.user-info .wallet-container>.balance.open::after { border-color:#fff }

.user-info .vendor-balances-container { border-color:#ffdf8f }

.user-info .dropdown-menu.vendor-balances-container { background-color:rgba(0,0,0,.85) }

.user-info .vendor-balances-container .vendor-balances-header { border-color:#ffdf8f }

.user-info .vendor-balances-container .vendor-balances-header,
.user-info .vendor-balances-container strong { color:#ffdf8f }

.user-info .vendor-balances-container .vendor-balance-item { color:#fff }

.user-info .vendor-balances-container ::-webkit-scrollbar-track { background:transparent }

.user-info .vendor-balances-container ::-webkit-scrollbar-thumb { background:#61446e }

.site-description,
.site-description h1,
.site-description h2,
.site-description h3,
.site-description p,
.site-description a,
.site-description div,
.site-info .site-info-title p,
.site-footer .copyright,
.site-info .site-info-description h4,
.site-info .site-info-description p { color:#72547e }
.site-info .site-info-title h3,
.footer-section-title,
.provider-container > h5,
.percentCount { color:#d5d5d5 }

.footer-links > li + li > a,
.footer-separator,
.site-info .site-info-title,
.site-info .site-info-description.with-seperator + .with-seperator,
.provider-container { border-color:#72547e }

.footer-info-container .site-info:not(:last-child):after { background-color:#72547e }

.provider-container > h5 { background:#0f0812 }

.percentCount { font-family:inherit }

.progressbar { background:#72547e !important }

.proggress { background:#d81b8c !important }

.download-apk { color:#fff }

.download-apk .h2 > span { color:#ffe3ab }

.download-apk-section i { color:#ffdf8f }

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td { color:#f5f5f5 }

.standard-content-info h2 { color:#f3c34e }

.bank-info-container .carousel-indicators .active { background-color:#d81b8c }

.profile-summary-table.table tbody { background-color:inherit }

.otp-hr { border-color:#f3c34e }

.request-otp-button,
.request-otp-button:hover,
.contact-verification-link,
.contact-verification-link:hover { border-color:#f3c34e;color:#f3c34e }

.otp-input { border-color:#f3c34e }

.unread-announcements-ff7a00 { border-color:#ffdf8f }

.unread-announcements-ff7a00:before { border-bottom-color:#ffdf8f }

.notification-ff7a00-body .notification-footer {
  background-color:#d81b8c;
  background-image:linear-gradient(to bottom,#d81b8c 0%,#ff45b5 100%);
  border-color:#f3c34e
}

.payment-maintenance-container,
.remarks-container { background:#cbcbcb;color:#000 }

.payment-maintenance-container i,
.remarks-container i { background-color:#f00;color:#fff;border-color:#fff }

.remarks-container {
  border-color:#f3c34e;
  background:rgba(31,143,78,.09);
  color:#fff
}

.remarks-container i {
  background-color:transparent;
  border-color:#f3c34e;
  color:#f3c34e
}

.deposit-summary-container .deposit-summary-header .summary-transfer-amount,
.withdrawal-summary-container .withdrawal-summary-header .summary-transfer-amount { color:#f3c34e }

.copy-input-button-field .copy-input-button {
  color:#fff;
  background:#d81b8c;
  background:linear-gradient(to right,#ff6fc6 0%,#d81b8c 100%)
}

.copy-input-button-field .copy-input-button:hover {
  color:#fff;
  background:#ff45b5;
  background:linear-gradient(to right,#ff45b5 0%,#d81b8c 100%)
}

.popover {
  background-color:#d81b8c;
  border-color:#f3c34e;
  color:#fff
}

.popover.top .arrow { border-top-color:#f3c34e }

.popover.top .arrow:after { border-top-color:#f3c34e }

[data-payment-gateway] .download-qr-button {
  background-color:#d81b8c;
  background-image:linear-gradient(to bottom right,#d81b8c,#ff45b5);
  color:#fff
}

.bank-info .bank-account-number-container img,
.bank-info .download-qr-code-button img { filter:invert(1) }

[data-payment-gateway] .destination-account-number-container img,
[data-payment-gateway] .va-account-number img,
[data-payment-gateway] .download-qr-button img { filter:invert(1) }

.pending-transactions-container .pending-transactions-item {
  color:#fff;
  background-color:#25142c
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] {
  background-color:#2b1933;
  color:#fff
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] span { color:#fff }

.pending-transactions-container.pending-transactions-container [data-payment-gateway] .destination-account-number-container img { filter:invert(1) }

.pending-transactions-container .pending-transactions-item [data-payment-gateway] .destination-account-bank-info > div > img { filter:initial }

.pending-transactions-container .pending-transactions-item .pending-transaction-remarks-container {
  border-color:#fff3;
  color:#fff;
  background-color:#ffffff0f
}

.modal-body .pending-transaction-summary-container,
.claim-info-modal .alert-container,
.payment-account-creation-remarks {
  border-color:#f3c34e;
  color:#fff;
  background-color:rgba(31,143,78,.2)
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer { border-top-color:#b8860f }

.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer a {
  color:#fff;
  background:linear-gradient(180deg,#d81b8c 0%,#ff45b5 100%)
}

.modal-body .pending-transaction-details-container {
  color:#fff;
  background-color:#1b0e20;
  border-color:#1b0e20
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item {
  background-color:#42294d;
  border-color:#50355c
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item hr { border-color:#50345c }

.modal-body .pending-transaction-details-container::-webkit-scrollbar-thumb { background:#5b3e68 }

.bonus-selection-list .bonus-selection-card .bonus-selection-card-detail button {
  background:linear-gradient(90deg,#d81b8c -.34%,#ff45b5 99.32%),linear-gradient(0deg,rgba(0,0,0,.12),rgba(0,0,0,.12))
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item .standard-button-group .btn-primary:hover img { filter:none }

.search-header .search-title img { filter:none }

.standard-remark-notification .remark-notification-content span { color:#f3c34e }
.pending-transaction-section .head span { color:#fff }

.pending-transaction-section .head a,
.pending-transaction-section .head a:hover { color:#f3c34e }

.transaction-item { background:#26152d }

.transaction-item .info-section .details .primary { color:#ececec }

.transaction-item .info-section .details .secondary { color:#bdbdbd }

.transaction-item .download-qr-btn {
  background:#d81b8c;
  color:#fff
}

.transaction-item .download-qr-btn:hover {
  background:#fff;
  color:#f3c34e
}

.reporting-detail-ff7a00 .reporting-detail-ff7a00-content { background-color:#2a1832 }

.pending-transaction-detail-container .primary { color:#fff }

.pending-transaction-detail-container .secondary { color:#bdbdbd }

.pending-transaction-detail-card {
  background-color:#2b1933;
  border:1px solid #472d53
}

.pending-transaction-detail-card .secondary-section { background-color:#321d3b }

.pending-transaction-detail-card .pending-transaction-detail-qr-code-container { background-color:#321d3b }

.pending-transaction-remarks { color:#fff }

.pending-transaction-info-section .icon.chevron-icon { filter:invert(1) }

.pending-transaction-info-section .icon.copy-icon { filter:invert(1) }

.resolved-transaction-ff7a00 .primary { color:#fff }

.resolved-transaction-ff7a00 .secondary { color:#bdbdbd }

.resolved-transaction-ff7a00 .amount { color:#fff }

.resolved-transaction-ff7a00 .rejected-reason-container {
  background-color:#362121;
  border:1px solid #4e2e2e
}

.resolved-transaction-ff7a00 .rejected-reason-container .rejected-content { color:#ff8181 }

.resolved-transaction-ff7a00 .reporting-detail-content-area {
  background-color:#26152d;
  border:0
}

.resolved-transaction-ff7a00 .dashed {
  border-top:1px dashed rgba(255,255,255,.25);
  border-bottom:1px dashed rgba(255,255,255,.25)
}

.resolved-transaction-ff7a00 .header-icon:not(.status-rej):not(.status-fail) { filter:invert(0) }

.resolved-transaction-ff7a00 .copy-btn { filter:invert(0) }

.resolved-transaction-ff7a00 .reporting-detail-content-space-betweeen .status-app { filter:none }

.resolved-transaction-ff7a00 .reporting-detail-content-space-betweeen .status-rej { filter:none }

.resolved-transaction-ff7a00 .reporting-detail-content-space-betweeen .status-fail { filter:none }

.resolved-transaction-ff7a00 .wrapped-resolved-transaction { border:1px solid #472d53 }

.modal-content:has(.resolved-transaction-ff7a00) {
  background:#2a1832;
  border-color:#2a1832
}

.transactions-table.table {
  border:1px solid #221329;
  background:#1e1024
}

.transactions-table.table thead {
  background:#1e1024;
  color:#a3a3a3;
  border:1px solid #221329
}

.transactions-table.table thead tr th { color:#a3a3a3 }

.transactions-table.table tbody {
  background:#1e1024;
  color:#a3a3a3
}

.transactions-table.table tbody tr:nth-child(odd) { background-color:#21212180 }

.transactions-table.table tbody tr:nth-child(even) { background-color:#26152d }

/* =========================================================================
   BANNER HARMONY - penyelaras warna dengan banner utama
   Palet: plum gelap (#0d0018 / #2b0140), emas (#f3c34e), magenta (#d81b8c)
   ========================================================================= */
:root {
  --hw-bg-deep: #0d0018;
  --hw-bg: #16032a;
  --hw-panel: #1c0733;
  --hw-line: rgba(243, 195, 78, .18);
  --hw-gold: #f3c34e;
  --hw-gold-light: #ffdf8f;
  --hw-gold-deep: #c99a22;
  --hw-magenta: #d81b8c;
  --hw-magenta-light: #ff45b5;
  --hw-text: #efe8f7;
  --hw-muted: #b3a3cc;
}

::selection {
  background: var(--hw-magenta);
  color: #fff;
}

html {
  scrollbar-color: #5b3a7d var(--hw-bg-deep);
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: var(--hw-bg-deep);
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #7a2a63, #47145a);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--hw-magenta);
}

/* ---- Judul & tautan konten ---- */
.popular-game-title-container .title {
  color: var(--hw-gold);
  letter-spacing: .3px;
}

.popular-game-title-container > i {
  border-top: 1px solid rgba(0, 0, 0, .5);
  border-bottom: 1px solid var(--hw-line);
}

.popular-game-title-container a {
  background-image: linear-gradient(180deg, var(--hw-magenta-light) 0%, var(--hw-magenta) 100%);
  border: 1px solid rgba(255, 143, 209, .45);
  box-shadow: 0 3px 12px rgba(216, 27, 140, .3);
  transition: all .25s ease;
}

.popular-game-title-container a:hover {
  box-shadow: 0 4px 16px rgba(216, 27, 140, .5);
  color: #fff;
}

.popular-game-title-container + .game-list-container {
  background-color: rgba(18, 3, 33, .72);
  border: 1px solid var(--hw-line);
  box-shadow: 0 16px 38px rgba(0, 0, 0, .45);
}

/* ---- Footer ---- */
.footer-separator {
  border-top: 1px dotted var(--hw-line);
}

.site-info .site-info-title {
  border-bottom: 1px dotted var(--hw-line);
}

.site-info .site-info-title h3,
.footer-section-title {
  color: var(--hw-gold);
}

.site-info .site-info-title p,
.site-info .site-info-description p {
  color: var(--hw-muted);
}

.site-info .site-info-description h4 {
  color: #e8ddf7;
}

.site-info:not(:last-child):after,
.footer-info-container .site-info:not(:last-child):after {
  background-color: var(--hw-line);
}

.site-description,
.site-description div,
.site-description p,
.site-description li {
  color: var(--hw-muted);
}

.site-description h1,
.site-description h2,
.site-description h3,
.site-description h4 {
  color: var(--hw-gold);
}

.site-description a {
  color: var(--hw-magenta-light);
}

.site-description a:hover {
  color: var(--hw-gold-light);
}

.footer-links > li > a {
  color: #cfc2e6;
}

.footer-links > li > a:hover {
  color: var(--hw-gold);
}

.footer-links > li + li > a {
  border-left-color: var(--hw-line);
}

.copyright {
  color: #9d8fbe;
}