.montserrat-Font-google {
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: bold;
        font-style: normal;
    }

    /* 1. CONTAINER & LATAR BELAKANG UTAMA (DARK LUXURY) */
    .bank-section,
    .field-icon,
    .menu,
    .childbtnapp,
    .panel,
    .drp-buttons,
    .calendar-table,
    .daterangepicker td.off,
    .daterangepicker td.off.in-range,
    .daterangepicker td.off.start-date,
    .daterangepicker td.off.end-date,
    .contact-form-wrapper,
    .deposit-button-mobile-parent,
    .btndepo.mobile,
    .btndepo,
    .aside-bg {
        background: linear-gradient(145deg, #111111, #1e1a0f) !important;
        border: 1px solid #4a3b1c; /* Border tipis emas gelap */
        color: #fce28b !important;
    }

    /* 2. TEKS & ICON DEFAULT (EMAS) */
    .Section-profile-menu {
        color: #fce28b !important;
    }

    .svg-Section-profile-menu {
        fill: #fce28b !important;
    }

    .stroke-svg-profile-menu {
        stroke: #fce28b !important;
    }

    .floating-vertical-badge,
    .Header-Bar-Color {
        color: #111 !important; /* Teks gelap di atas gradasi emas */
    }

    .floating-vertical-badge-svg {
        fill: #111 !important;
    }

    /* 3. ELEMEN HIGHLIGHT & HEADER (GRADASI EMAS METALIK) */
    .assistiveTouch,
    .floating-vertical-badge,
    .Header-Bar-Color {
        background: linear-gradient(to right, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c) !important;
        border: none !important;
    }

    .mobile-tray-window {
        background: linear-gradient(145deg, #111111, #1e1a0f) !important;
        color: #fce28b !important;
        border-top: 2px solid #bf953f !important;
    }

    .footer-mobile-section,
    #game-nav-section.nav-with-multiply::before,
    .game-nav-section {
        background: linear-gradient(to right, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c) !important;
    }

    .apk-hover,
    .multiply {
        background: linear-gradient(135deg, #bf953f, #aa771c) !important;
    }

    .newaccount-wrapperbg {
        background: linear-gradient(135deg, #111111, #1e1a0f) !important;
        border: 1px solid #bf953f !important;
    }

    .game-inner-title-font {
        color: #fce28b !important;
        text-shadow: 0px 2px 4px rgba(0,0,0,0.8);
    }

    /* 4. BADGE & PROMOSI */
    .badge,
    .title-promotionimg,
    .title-promotion {
        background: linear-gradient(135deg, #bf953f, #aa771c) !important;
        color: #111 !important;
        font-weight: bold;
    }

    .color-expired-promoevent {
        color: #ff4d4d !important;
    }

    /* 5. TOMBOL AKTIF & ITEM AKTIF (EMAS MENYALA DENGAN TEKS GELAP) */
    .btndailycheckindetail,
    .aside-bg li.active,
    .gamename-button2,
    .gamename-button {
        background: linear-gradient(to right, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c) !important;
        border-radius: 5px;
    }

    .btndailycheckindetail,
    .gamename-button2,
    .gamename-button,
    .aside-bg li.active a.Section-profile-menu {
        color: #111 !important;
        font-weight: 900 !important;
    }

    .svgreward,
    .aside-bg li.active a.Section-profile-menu .svg-Section-profile-menu {
        fill: #111 !important;
    }

    /* 6. PERINGATAN / MEMO (EMAS KEMERAHAN) */
    .background-memo,
    .labelsection {
        background: linear-gradient(135deg, #8a1c1c, #4a0f0f) !important;
        border: 1px solid #bf953f;
    }

    /* 7. VARIABEL ROOT UNTUK WARNA DASAR */
    :root {
        --nav-background: #0a0804;
        --section-03: #bf953f;
        --section-01: #111111;
    }

    /* 8. LOBBY & GAME CONTAINER */
    .gamesliderLobySlot.active a,
    .bg-promotion,
    .item-layer {
        background: linear-gradient(135deg, #2b220d, #111111) !important;
        border: 1px solid #bf953f !important;
    }

    body.bg-with-multiply {
        background-color: #050402 !important; /* Latar belakang body VVIP Dark */
    }

    .bg-footer-article,
    .vabg,
    .add-rekening-info,
    .item-layer-text,
    .game__inner {
        background: linear-gradient(145deg, #1e1a0f, #0a0804) !important;
        border: 1px solid #4a3b1c;
    }

    .provider-section,
    .payment-section {
        background: #0a0804 !important;
        color: #fce28b !important;
    }

    .header-section {
        background: linear-gradient(to right, #000000, #1e1a0f, #000000) !important;
        border-bottom: 2px solid #bf953f !important;
    }

    .header-section-font {
        color: #fce28b !important;
    }

    .svg-header-section-font {
        fill: #fce28b !important;
    }

    #infoModal .tab-content,
    .qrref,
    .footer-font {
        color: #fce28b !important;
    }

    .footer-text-section,
    .footer-section {
        background: #050402 !important;
        border-top: 2px solid #bf953f;
    }

    .footer-text-color2 {
        color: #fcf6ba !important;
    }

    /* 9. TOMBOL UTAMA (BUTTONS) - SANGAT MEWAH */
    .btn-register2,
    .btn-register3,
    .btn-register,
    .btn-secondary {
        background: linear-gradient(to right, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c) !important;
        color: #111 !important;
        font-weight: 800 !important;
        border: none !important;
        box-shadow: 0px 4px 10px rgba(191, 149, 63, 0.4);
    }

    .box {
        background: linear-gradient(to right, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c) !important;
        border: none !important;
        box-shadow: 0px 4px 10px rgba(191, 149, 63, 0.3);
    }

    .btn-main {
        color: #111 !important;
        font-weight: 900 !important;
    }

    .svg-btnmain {
        fill: #111 !important;
    }

    /* 10. EFEK HOVER (MENYALA SAAT DISENTUH) */
    .btn-main:hover,
    .menu li .submenu li a:hover,
    .menu li .submenu li a.active,
    .menu-item-has-children>a::after,
    .menu-item-has-children>a::before,
    .hovergamenavicon:hover,
    .hovergamenav:hover,
    body a:hover,
    body a:hover .svg-Section-profile-menu,
    .sidebar li:hover,
    .sidebar li.active,
    .btndepo.active .svg-Section-profile-menu,
    .btndepo.active,
    .wallet-nav-dropdown a:hover,
    .cls-2:hover {
        color: #ffffff !important;
        fill: #ffffff !important;
        text-shadow: 0px 0px 10px #fcf6ba; /* Efek glow (Cahaya emas) */
    }

    .btndepo.active .stroke-svg-profile-menu {
        stroke: #ffffff !important;
    }

    .header-font {
        color: #fce28b !important;
        fill: #fce28b !important;
    }

    .menu li .submenu li a:hover,
    .menu li .submenu li a.active {
        background: linear-gradient(135deg, #bf953f, #aa771c) !important;
        color: #111 !important;
    }

    /* 11. ICON MOBILE */
    .iconmobilefooter,
    .hovergamenavicon {
        fill: #fce28b !important;
    }

    .game-tab.selected .game-tab-child .svg-promotion,
    .game-tab.active .game-tab-child .svg-promotion {
        fill: #fce28b !important;
    }

    .iconmobileFont,
    .hovergamenav {
        color: #fce28b !important;
    }

    .game-tab.selected .game-tab-child,
    .game-tab.active .game-tab-child {
        color: #fce28b !important;
    }

    .mobile-button {
        border: 2px solid #bf953f !important;
        background: #111 !important;
    }

    /* 12. INPUT FORM (KOTAK TEKS & DROPDOWN) */
    textarea,
    input:disabled,
    input,
    input::placeholder,
    textarea::placeholder,
    select,
    .contact-form .form-group input,
    select option,
    .newaccount-wrapper {
        background-color: #1e1a0f !important; /* Form Gelap Elegan */
        color: #fce28b !important; /* Teks emas */
        border: 1px solid #bf953f !important; /* Border Emas */
    }

    /* 13. FIX MEMO MODAL & ELLIPSIS (TETAP SAMA DARI ASLINYA) */
    #messageMemo {
        word-wrap: break-word;
        overflow-wrap: break-word;
        word-break: break-word;
        white-space: pre-wrap;
        max-width: 100%;
    }

    #titleMemo {
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    @media (max-width: 768px) {
        #modal-memo .modal-dialog {
            margin: 1rem;
            max-width: calc(100% - 2rem);
        }

        #modal-memo .modal-body {
            padding: 0.75rem;
        }

        #modal-memo .add-rekening-info {
            padding: 5px;
        }
    }

    .message-ellipsis * {
        display: inline !important;
        white-space: nowrap !important;
    }

    .message-ellipsis br {
        display: none !important;
    }

    .message-ellipsis p,
    .message-ellipsis div {
        margin: 0 !important;
        padding: 0 !important;
    }