h4,
h5,
h6 {
    color: #333
}

a {
    outline: 0;
    color: #b64545
}

a:focus,
a:hover {
    color: #b64545;
    text-decoration: none
}

body {
    color: #858585
}

p {
    color: #858585
}

.nav-tabs>li>a {
    color: #333
}

.nav-tabs>li>a:hover {
    background-color: #b64545;
    color: #fff
}

.forgot-password-warning {
    background-color: #efdadc;
    color: #ff5858
}

.login-panel .forgot-password-link {
    color: #b64545;
    text-decoration: none
}

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

.bonus-slider-modal .modal-header .close {
    background-color: #fff;
    color: #320a09
}

.bonus-slider-modal .modal-title {
    color: #fff
}

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

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

.bonus-slider-modal .close-button {
    background-color: #454545
}

.bonus-slider-modal .close-button:hover {
    background-color: #3e3e3e
}

.announcement-container {
    background-color: #b64545;
    color: #070d2f
}

.announcement-container .announcement-list li {
    color: #b64545
}

.announcement-container>[data-section="title"] {
    color: #fff
}

.announcement-container>[data-section="date"] {
    color: #fff
}

.announcement-container>[data-section="announcements"] {
    background: #070d2f;
    color: #b64545
}

.popular-games {
    background: transparent
}

.popular-games .nav-tabs>li>a {
    background-color: #051030
}

.popular-games .nav-tabs>li.active>a,
.popular-games .nav-tabs>li.active>a:hover .popular-games .nav-tabs>li.active>a:focus,
.popular-games .nav-tabs>li>a:hover {
    background-color: #b64545
}

.popular-games .tab-pane {
    background-color: #0c0c0c
}

.popular-games [data-section="left"] .section-title {
    background-color: #320a09;
    color: #fff
}

.popular-games .scrtabs-tab-scroll-arrow {
    background-color: #320a09;
    color: #fff
}

.popular-games .popular-game-list {
    background-color: #320a09
}

.popular-games .tab-content {
    border: 1px solid #0d215c
}

.sports-platform-title {
    color: #fff
}

.panel-heading.emailbox-heading .panel-tabs>li>a {
    color: #fff
}

.panel-heading.emailbox-heading .panel-tabs>li>a:hover {
    border-color: transparent;
    color: #fff;
    background-color: transparent
}

.panel-heading.emailbox-heading .panel-tabs>li.active>a,
.panel-heading.emailbox-heading .panel-tabs>li.active>a:hover,
.panel-heading.emailbox-heading .panel-tabs>li.active>a:focus {
    color: #fff;
    background-color: rgba(255, 255, 255, .23);
    border-bottom-color: transparent
}

.email-paging {
    background-color: #393939;
    color: #fff
}

.email-paging:hover {
    background-color: #fca601;
    color: #fff
}

.modal-btn,
.modal-btn.blank:hover {
    background: #808080;
    color: #fff
}

.message-detail-title a {
    color: #fff
}

.confirmation-message-modal .modal-header {
    background-color: #b64545;
    border-color: #0c0c0c
}

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

.confirmation-message-modal .modal-body p {
    color: #484848
}

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

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

.confirmation-message-modal .confirm-btn:hover {
    background: #b64545;
    color: #fff;
    border: 0
}

.poker-game-types ul li p {
    color: #fff
}

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

.hot-match-container {
    color: #fff;
    background: linear-gradient(to bottom, #1d317e 10%, #051846 100%)
}

.hot-match-container .live-streaming-link {
    border-color: #00ffe2;
    color: #00ffe2
}

.hot-match-container .live-streaming-link:hover {
    color: #fff;
    background-color: #00b089;
    border-color: #00b089
}

.topbar-left-section .topbar-item {
    color: #535353
}

.topbar-left-section .topbar-item a {
    color: #fff;
    border-right-color: #ccc
}

.topbar-left-section .topbar-item a:hover {
    color: #b64545
}

.topbar-left-section .topbar-item .live-chat {
    background: #415784;
    color: #fff
}

.topbar-left-section .topbar-item .live-chat:hover {
    background: #b64545
}

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

.copyright {
    color: #fff
}

.standard-form-title {
    background-color: #b64545;
    color: #fff
}

.standard-form-content {
    background-color: #fff;
    color: #838383
}

.play-now {
    background: #b64545;
    color: #fff;
    border-color: #76a0ff
}

.play-now:hover {
    background: #a34afb;
    color: #fff;
    border-color: #b64545
}

.free-play {
    background: linear-gradient(to bottom, #6b6b6b 0%, #404040 100%);
    color: #fff
}

.free-play:hover {
    background: linear-gradient(to bottom, #404040 0%, #6b6b6b 100%);
    color: #fff
}

.jackpot-winners .jackpot-winner-title {
    color: #fff
}

.jackpot-winners {
    background: #020a21
}

.jackpot-winners .winners-ticker-container {
    background: #050505
}

.home-info-container .tickercontainer {
    background: #030303
}

.scrtabs-tab-container {
    background: #320a09
}

.winners-ticker ul li .winner-info {
    color: #fff
}

.login-panel {
    color: #fff
}

.user-info {
    color: #fff
}

.user-info .user-main-info {
    background: #ffffff1a;
    box-shadow: 0 4px 4px 0 #320a0940
}

.user-info .user-main-info .user-info-item+.user-info-item:before {
    background: #fff3
}

.user-info [data-new-notification="true"]:before {
    background: #fc1818;
    color: #fff
}

.user-info .dropdown-menu {
    background-color: #320a0931c;
    color: #fff
}

.user-info .dropdown-menu>li>a {
    background-color: #030a2e;
    color: #fff
}

.user-info .dropdown-menu>li>a:focus,
.user-info .dropdown-menu>li>a:hover {
    background: #b64545;
    color: #fff
}

.ztip-holder {
    background: rgba(40, 40, 48, .94);
    color: #fff
}

.ztip-holder.ztip-theme-red {
    background: rgba(238, 84, 58, .94);
    color: #fff
}

.ztip-holder.ztip-theme-blue {
    background: rgba(68, 187, 255, .94);
    color: #fff
}

.ztip-holder.ztip-theme-green {
    background: rgba(46, 204, 113, .94);
    color: #fff
}

.claim-item {
    background-color: #ececf1;
    color: #555
}

.promotion-info {
    background-color: #fff;
    border-color: transparent;
    color: #555
}

.promotion-info .close-button {
    background: none;
    background-color: #320a09;
    color: #fff
}

.deposit-container .standard-form-note a {
    color: #00f923;
    text-decoration: underline
}

.deposit-container .formatted-balance {
    color: #fba501
}

.deposit-container .deposit-form-group .head a,
.withdrawal-container .withdrawal-form-group .head a {
    color: #838383
}

.deposit-container input.input-validation-error {
    background-color: #fff;
    border-color: #ccc
}

.deposit-amount-range {
    color: #838383
}

.panel-heading.emailbox-heading .panel-tabs>li.active i {
    color: #fca601
}

.panel-heading.emailbox-heading .panel-tabs>li.active>a span {
    color: #fca601
}

.sport-match-item .match-teams>span {
    color: #00ffe2
}

ul.email-right-header li a {
    color: #404040
}

.inbox-table-header>div:nth-child(3)>ul>li>a {
    color: #949494
}

.inbox-table-header>div:nth-child(3)>ul>li>a:hover {
    background: #303030;
    color: #bababa
}

.inbox-table-header div {
    border-color: #d6d5d5
}

.modal-btn:hover,
.modal-btn.blank {
    background: #dcdbed;
    color: #808080
}

.white-panel.emailbox table {
    color: #333
}

.inbox-table-body a {
    color: #333
}

.profile-container .section-heading {
    color: #333
}

.ztip-holder.ztip-theme-white {
    background: rgba(255, 255, 255, .94);
    color: #333
}

.withdrawal-container .total-balance {
    color: #b64545;
    border-color: #ccc
}

.standard-side-menu-group-label,
.standard-side-menu a {
    background-color: #1b2757;
    color: #fff;
    border-bottom-color: #fff
}

.standard-side-menu a[data-active="true"],
.standard-side-menu a:hover {
    color: #b64545;
    background-color: #b64545
}

.site-description {
    color: #fff
}

.site-description h1,
.site-description h2,
.site-description h3,
.site-description p,
.site-description a,
.site-description div {
    color: #FFF
}

.footer-separator {
    border-top-color: #b64545
}

.site-info .site-info-title {
    border-bottom-color: #315581
}

.site-info .site-info-title h3 {
    color: #FFF
}

.site-info .site-info-title p,
.provider-container {
    color: #fff
}

.site-info .site-info-description h4 {
    color: #fff
}

.site-info .site-info-description p {
    color: #fff
}

.percentCount {
    color: #caddf4
}

.progressbar {
    background: #3c4b72
}

.proggress {
    background: #c9ddf5
}

.provider-container>h5 {
    color: #fff;
    background: #b64545
}

.provider-container {
    color: #3b4b71;
    border-color: #3b4b71
}

.standard-reporting-control-group .btn-primary {
    background: #b64545;
    color: #fff
}

.standard-reporting-control-group .btn-primary:hover {
    background: #a34afb;
    color: #fff
}

.bonus-slider-modal .modal-header {
    border-color: #e5e5e5;
    background: #030a2e
}

.bonus-slider-modal .modal-content {
    background-color: #030a2e;
    border-color: #02071c
}

.bonus-slider-modal .close-button {
    background-color: #454545
}

.bonus-slider-modal .bonus-form {
    background-color: #0a1849;
    color: #dad9d9;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    border-top: 2px solid #b64545
}

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

.bonus-controls-field .bonus-amount {
    background-color: #0e0e0e;
    color: #b64545
}

.bonus-range .bubble {
    color: #fff;
    border-color: #b64545;
    background: #030a2e
}

.bonus-range .bubble::before {
    border-color: rgba(233, 154, 1, 0);
    border-top-color: #b64545
}

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

.claim-container {
    background-color: #ececf1
}

.modal-content {
    background: #b64545;
    color: #fff
}

.modal-header {
    background: #0c0c0c;
    border-bottom-color: #333
}

.modal-header .close {
    color: #fff
}

.claim-info-modal h4 {
    color: #b64545
}

.standard-form-note.claim-note span,
.standard-form-note.claim-note strong {
    color: #fff
}

.claim-item-type>div {
    background-color: #b64545
}

.claim-item-type .expiration-countdown [data-section] {
    background-color: #b64545
}

.claim-item-type .expiration-countdown [data-section]::before {
    background-color: #c00086
}

.claim-item-container .claim-item {
    background: #f5f5f5;
    border-color: #b64545
}

.claim-item-container .claim-item .claim-title,
.claim-item-container .claim-item .claim-details,
.claim-item-container .claim-item .claim-progress-info .progress-percentage,
.claim-item-container .claim-item .claim-progress-info .progress-percentage i {
    color: #3c3c3c
}

.bonus-progress .progress {
    background-color: #b2b2b2
}

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

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

.claim-item .info-button {
    background-color: #a0a0a0
}

.claim-item .info-button:hover {
    background-color: #909090
}

.contact-us-list li h6 {
    color: #787878
}

.contact-us-list li p {
    color: #858585
}

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

.deposit-container .bank-info {
    background-color: #d8d8d8;
    color: #838383
}

.banner {
    background: #070707
}

.banner .carousel-indicators li {
    background: transparent
}

.banner .carousel-indicators .active,
.banner .carousel-indicators .slick-active {
    background: #b64545;
    border-color: #b64545
}

.home-info-container,
.telegram-banner-container {
    background: #320a09;
    border-color: #b64545
}

.lottery-result-container {
    background-color: #b64545;
    color: #fff
}

.lottery-result-container .lottery-result {
    background-color: #09132e
}

.lottery-result-container .lottery-result-title {
    background: #b64545;
    color: #fff
}

.lottery-result-container .lottery-numbers {
    background: #040403
}

.lottery-result-container .lottery-date {
    color: #fff;
    background-color: #09132e
}

.sports-matches-container {
    background-color: #0b0b0b
}

.sport-match-item {
    background-color: #1f1f1f;
    color: #fff
}

.sport-match-item .match-date {
    background: #162b6d;
    color: #fff
}

.sport-match-item .match-info-container {
    background-color: #051847;
    color: #fff
}

.sport-match-item:nth-child(even) {
    background-color: #174e87;
    color: #fff
}

.sport-match-item:nth-child(even) .match-info-container {
    background-color: #0a3460;
    color: #fff
}

.panel-primary>.panel-heading.emailbox-heading {
    background-color: #263366;
    border-color: #337ab7
}

.panel-heading.emailbox-heading .panel-tabs>li>a {
    border-color: #263366
}

.panel-heading.emailbox-heading .panel-tabs>li.active>a {
    border-bottom: 5px solid #fca601
}

.panel-heading.emailbox-heading .panel-tabs>li.active>a,
.panel-heading.emailbox-heading .panel-tabs>li.active>a:hover,
.panel-heading.emailbox-heading .panel-tabs>li.active>a:focus {
    background-color: transparent
}

ul.email-right-header li a:hover {
    background: #bababa
}

ul.email-right-header li.active a {
    background: #bababa
}

.white-panel.emailbox .panel {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0)
}

.paging-input {
    border-color: #b5b5b7;
    background: #f2f2f4
}

.white-panel.emailbox .checkbox:before {
    background-color: #080808;
    color: #838383;
    border-color: #d6d5d5
}

.inbox-table-body div {
    border-color: #d6d5d5
}

.messaging-side-menu {
    background-color: #b64545;
    border-color: #242424
}

.messaging-side-menu [data-active="true"] a,
.messaging-side-menu a:hover {
    color: #b64545;
    border-bottom-color: #b64545
}

.replied-message {
    color: #333;
    border-color: #353535
}

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

.replied-message .replied-message-content pre p {
    color: #320a09
}

.mobile-app-container .text-container {
    color: #fff
}

.mobile-app-container .logo-container {
    background-color: #b64545
}

.mobile-app-container .link-container a:hover {
    background-color: #ddd
}

.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: #b64545;
    color: #fff
}

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

.mobile-app-container .tab-pane .important {
    color: #ff9600
}

.poker-game-types {
    background: rgba(11, 11, 11, .5);
    background: -moz-linear-gradient(left, rgba(11, 11, 11, .5) 0%, rgba(63, 63, 63, .5) 50%, rgba(11, 11, 11, .5) 100%);
    background: -webkit-linear-gradient(left, rgba(11, 11, 11, .5) 0%, rgba(63, 63, 63, .5) 50%, rgba(11, 11, 11, .5) 100%);
    background: linear-gradient(to right, rgba(11, 11, 11, .5) 0%, rgba(63, 63, 63, .5) 50%, rgba(11, 11, 11, .5) 100%);
    border: 4px solid #1e1e1e;
    border-radius: 15px
}

.profile-container .download-link-container a:hover {
    background-color: #ddd
}

.profile-container .mobile-info-button {
    border-color: #23527c;
    background-color: #415784;
    color: #fff
}

.promotions-container {
    background-color: #320a0951b
}

.promotions-container .standard-side-menu li a {
    background-color: #030a2e
}

.promotions-container .standard-side-menu a[data-active="true"],
.promotions-container .standard-side-menu a:hover {
    background-color: #b64545;
    color: #fff
}

.promotion-list {
    background-color: #0c0c0c
}

.promotion-item img {
    border-color: #320a09
}

.promotion-item .click-for-get-promo-button {
    background: #b64545;
    color: #fff
}

.promotion-item .click-for-get-promo-button:hover {
    background: #a34afb
}

.promotion-item .promotion-title h2 {
    color: #320a09
}

.promotion-item-details {
    background: #320a0951b
}

.promotion-item-details .click-for-get-promo-button {
    background: #b64545;
    color: #fff
}

.promotion-item-details .click-for-get-promo-button:hover {
    background: #a34afb
}

.promotion-info .promotion-share-container .promotion-share-btn {
    color: #320a09;
    border-color: #320a09
}

.promotion-info .promotion-share-container .promotion-share-btn img {
    filter: invert(0)
}

.register-done-container {
    color: #676767
}

.register-done-container>a {
    background-color: #29355d;
    color: #fff
}

.register-done-container>h2 {
    color: #7c7c7c
}

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

.register-done-container>h3 span {
    color: #7c7c7c
}

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

.register-done-container .btn-deposit {
    background: #a844fb;
    background: linear-gradient(to top, #a844fb 0%, #3ebbf3 100%);
    box-shadow: rgba(0, 0, 0, .2) 0 0 20px 5px
}

.register-done-container .btn-deposit:hover {
    background: linear-gradient(to bottom, #3ebbf3 0%, #a844fb 100%)
}

.register-done-container .buttons-container-register-done .btn {
    background: linear-gradient(to bottom, #b64545 0%, #b64545 100%);
    color: #fff;
    border-color: #b64545
}

.register-done-container .buttons-container-register-done .btn:hover {
    background: linear-gradient(to top, #a844fb 0%, #3ebbf3 100%);
    border-color: transparent
}

.register-done-container .register-verification-done {
    border-color: #b64545;
    background: #b64545
}

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

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

.slots-games-container,
.casino-games-container,
.race-games-container {
    background-color: #0c1740
}

.slots-games-container .filter-section,
.casino-games-container .filter-section,
.race-games-container .filter-section {
    background-color: #0c1740
}

.slots-games-container .filter-section input[type=text],
.casino-games-container .filter-section input[type=text],
.race-games-container .filter-section input[type=text] {
    background: #0e0e0e;
    color: #fff
}

.slots-games-container .category-filter-link,
.casino-games-container .category-filter-link,
.race-games-container .category-filter-link {
    color: #fff
}

.slots-games-container .category-filter-link.active,
.slots-games-container .category-filter-link:hover,
.casino-games-container .category-filter-link.active,
.casino-games-container .category-filter-link:hover,
.race-games-container .category-filter-link.active,
.race-games-container .category-filter-link:hover {
    background-color: #b64545;
    color: #fff
}

.slot-jackpot-container {
    background-color: rgba(3, 10, 38, .8)
}

[data-container-background="background-banner"] .carousel-indicators li,
[data-container-background="others"] .carousel-indicators li {
    background-color: #595959;
    border-color: #595959
}

[data-container-background="dark-game-banner"] .carousel-indicators li.active,
[data-container-background="light-game-banner"] .carousel-indicators li.active,
[data-container-background="others"] .carousel-indicators li.active {
    background-color: #00f923;
    border-color: #00f923
}

.sports-container {
    background: #0b0b0b
}

[data-container-background="background-banner"] {
    background-color: #320a09
}

[data-container-background="others"] {
    background-color: #010717
}

[data-container-background="promotions"] {
    background-color: #0c0c0c
}

.info-center {
    background-color: #b64545
}

.info-center-content {
    background-color: #fff
}

.info-center-content-title {
    background-color: #d0d0d0;
    color: #b64545
}

.info-center-title {
    background-color: #0a1749;
    color: #fff
}

.topbar-container {
    background: #5e1210
}

.topbar-left-section .language-selector {
    background-color: #320a09629
}

.topbar-left-section .language-selector li {
    border-bottom: 1px solid #320a0931c
}

.site-header {
    background: #320a09;
    border-bottom-color: #a49f0d
}

.top-menu>li {
    color: #adbed2
}

.top-menu .game-list {
    border-top-color: #b64545;
    background-color: rgba(3, 8, 40, .9);
    border-bottom-color: #b64545
}

.site-footer {
    background-color: #320a09;
}

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

.footer-links>li>a:hover {
    color: #b64545
}

.footer-links>li+li>a {
    border-left-color: #3c3c3e
}

.footer-section-title {
    color: #fff
}

.site-info-container:not(:last-child):after {
    background-color: #0a2c52
}

.site-info .site-info-description.with-seperator+.with-seperator {
    border-top-color: #3f3d41
}

.contact-list>li a {
    background: #040a2a;
    color: #fff;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding-left: 20px
}

.contact-list>li a i {
    background: #b64545;
    color: #00f923
}

.bank-list>[data-online='true']:before {
    background-color: #0f0
}

.bank-list>[data-online='false']:before {
    background-color: #e00
}

.standard-form-container {
    background-color: #f2f2f3
}

.register-done-container {
    background: transparent
}

.standard-form-note {
    background-color: #0a1849;
    color: #fff
}

.standard-form-note span {
    color: #b64545
}

.standard-form-note strong {
    color: #b64545
}

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

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

.register-page-reminder {
    color: #838383
}

.register-page-link a {
    color: #333
}

.register-page-link a:hover {
    color: #b64545
}

.form-control,
.mobile-app-container .mobile-app-select {
    border-color: transparent;
    background: #e8e8e8;
    color: #838383
}

.mobile-app-container .mobile-app-select a {
    color: inherit
}

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

.standard-button-group .btn {
    color: #320a09
}

.standard-button-group .btn-primary,
.messaging-side-menu .support-ticket>a,
.deposit-container .reveal-bank-account-button {
    color: #fff;
    background: #b64545
}

.standard-button-group .btn-primary:hover,
.messaging-side-menu .support-ticket>a:hover,
.deposit-container .reveal-bank-account-button:hover {
    background: #a34afb;
    color: #fff
}

.deposit-container .copy-bank-account-button,
.copy-input-button-field .copy-input-button {
    color: #b64545
}

.deposit-container .copy-bank-account-button:hover,
.copy-input-button-field .copy-input-button:hover {
    color: #a34afb
}

.deposit-container .bank-info .copy-bank-account-button,
.withdrawal-container .bank-info .copy-bank-account-button {
    color: #838383
}

.deposit-container .bank-info .copy-bank-account-button:hover,
.withdrawal-container .bank-info .copy-bank-account-button:hover {
    color: #838383
}

.bank-info h1,
.bank-info h2,
.bank-info [data-bank-info="details"] span {
    color: #838383
}

.expiration-countdown [data-section] {
    background-color: #404040;
    color: #b64545;
    border-left-color: #6b6b6b
}

.expiration-countdown [data-section="title"] {
    background-color: #555;
    color: #fff
}

.expiration-countdown [data-value="days"],
.expiration-countdown [data-value="hours"],
.expiration-countdown [data-value="minutes"],
.expiration-countdown [data-value="seconds"] {
    color: #b64545
}

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

.game-list-title,
.game-list {
    background-color: #0c0c0c
}

.game-list {
    border: 0
}

.game-list .game-item {
    background-color: #131313
}

.game-list .game-name,
.game-list .provider-name {
    color: #fff;
    background: #b64545
}

.game-list .wrapper-container:hover {
    background: #320a09
}

.large-game-list-container {
    border-bottom-color: 1px solid #1e4092;
    border-top-color: 1px solid #1e4092;
    padding: 15px;
    background-color: rgba(9, 23, 71, .8)
}

.winners-ticker ul li .winner-amount {
    color: #f8a201
}

.login-panel input[type=text],
.login-panel input[type=password] {
    background-color: #b9b90f;
    border-color: #1f3588
}

.header_inputbox {
    background-color: #010417;
    border: 1px solid #1f3588
}

.login-panel .login-button {
    color: #fff;
}

.login-button, .register-button {
    border-radius: 0px !important;
}

.login-button {
    background-color: #23afa9 !important;
}

.register-button {
    background-color: #b9b90f !important;
}

.login-panel .login-button:hover {
    background: linear-gradient(to right, #3ebbf3 0%, #a844fb 100%);
    color: #fff
}

.login-panel .register-button {
    background: ;
    color: #fff
}

.login-panel .register-button:hover {
    background: linear-gradient(to bottom, #a34afb 0%, #a34afb 100%);
    color: #fff
}

.jackpot-container .progressive-jackpot {
    color: #fff
}

.jackpot-container .progressive-jackpot span {
    color: #03ffd8
}

.user-info .wallet-container .balance {
    color: #6eff00
}

.user-info .wallet-container .locked-balance {
    background: #4e5880;
    color: #6eff00
}

.ztip-holder.ztip-position-top .zt-arrow {
    border-top-color: rgba(40, 40, 48, .94)
}

.ztip-holder.ztip-position-bottom .zt-arrow {
    border-bottom-color: rgba(40, 40, 48, .94)
}

.ztip-holder.ztip-theme-red.ztip-position-top .zt-arrow {
    border-top-color: rgba(238, 84, 58, .94)
}

.ztip-holder.ztip-theme-red.ztip-position-bottom .zt-arrow {
    border-bottom-color: rgba(238, 84, 58, .94)
}

.ztip-holder.ztip-theme-red code {
    background: rgba(242, 125, 105, .94)
}

.ztip-holder.ztip-theme-blue.ztip-position-top .zt-arrow {
    border-top-color: rgba(68, 187, 255, .94)
}

.ztip-holder.ztip-theme-blue.ztip-position-bottom .zt-arrow {
    border-bottom-color: rgba(68, 187, 255, .94)
}

.ztip-holder.ztip-theme-blue code {
    background: rgba(119, 206, 255, .94)
}

.ztip-holder.ztip-theme-green.ztip-position-top .zt-arrow {
    border-top-color: rgba(46, 204, 113, .94)
}

.ztip-holder.ztip-theme-green.ztip-position-bottom .zt-arrow {
    border-bottom-color: rgba(46, 204, 113, .94)
}

.ztip-holder.ztip-theme-green code {
    background: rgba(84, 217, 140, .94)
}

.ztip-holder.ztip-theme-white.ztip-position-top .zt-arrow {
    border-top-color: rgba(255, 255, 255, .94)
}

.ztip-holder.ztip-theme-white.ztip-position-bottom .zt-arrow {
    border-bottom-color: rgba(255, 255, 255, .94)
}

.ztip-holder.ztip-theme-white code {
    background: rgba(255, 255, 255, .94)
}

.ztip-holder.ztip-theme-white {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .25)
}

.ztip-holder.ztip-theme-white .zt-arrow {
    border-color: transparent;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .25);
    background: inherit
}

.ztip-holder.ztip-theme-white code {
    background: rgba(230, 230, 230, .94)
}

.ztip-holder code {
    color: inherit;
    background: rgba(63, 63, 76, .94)
}

.ztip-holder {
    background: #050505;
    color: #00f923
}

.info-center-content .panel-default {
    border-color: #242424
}

.info-center-content .panel {
    background-color: #111;
    color: #fff
}

.info-center-content .panel-default>.panel-heading {
    background-color: #b64545;
    border-color: #242424
}

.info-center-content .panel-default>.panel-heading a {
    color: #fff;
    background-color: #b64545;
    border-color: #242424
}

.info-center-content .panel-default>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #242424
}

.info-center-content .panel-group .panel-heading+.panel-collapse .panel-body {
    border-top-color: #ddd
}

.link-container a.game-info,
.game-info {
    color: #adbed2;
    border-color: #adbed2
}

.link-container a.game-info:hover,
.link-container a.game-info:focus,
.game-info:hover,
.game-info:focus {
    border-color: #b64545;
    color: #b64545
}

.provider-page .large-game-list-container,
.provider-info {
    background-color: rgba(9, 23, 71, .8)
}

.game-provider-desc-arcade,
.game-provider-desc-sport,
.game-provider-desc-crash-game,
.game-provider-desc,
.provider-info h5,
.provider-info p {
    color: #b64545
}

.modal-content {
    background: #0c0c0c;
    border: #0c0c0c;
    color: #bbb
}

.modal-content h4,
.download-popup-modal .modal-header .modal-title {
    color: #b64545
}

.modal-header .close {
    opacity: 1;
    margin: 0;
    color: #fff
}

.modal-body p {
    color: #bbb
}

.modal-footer {
    border-top-color: #2b2b2b
}

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

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

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

.modal-footer .btn-primary:hover {
    background: #a34afb
}

.referral-box-container .referral-box {
    background-color: #1b2757;
    border-bottom: 1px solid #b64545
}

.referral-box-container .referral-box span {
    color: #b64545
}

.referral-box-container .referral-box h4 {
    color: #fff
}

.referral-box-container .referral-box .referral-box-icon {
    background: #b64545
}

.referral-code-container h4 {
    color: #333
}

.referral-box a,
.referral-code-container a,
.change-referral-code a {
    color: #3950af
}

.referral-box a:hover,
.referral-code-container a:hover,
.change-referral-code a:hover {
    color: #b64545
}

.referral-code-container {
    border: 1px dashed #315581
}

.referral-container .referral-title {
    color: #320a09
}

.referral-container .standard-form-title {
    background-color: #b64545;
    color: #fff
}

.referral-container .form-control[readonly] {
    border-color: transparent;
    background-color: #eee
}

.referral-section .referral-code-copy-btn {
    background: #b64545
}

.referral-section .referral-code-copy-btn img {
    filter: invert(0)
}

.referral-section .referral-code-copy-btn span {
    color: #fff
}

.referral-section .referral-social-media-container .referral-social-media {
    color: #320a09
}

.referral-section .referral-social-media-container .referral-social-media button {
    filter: invert(100%) invert(16%) sepia(80%) saturate(4810%) hue-rotate(310deg) brightness(104%) contrast(114%)
}

.referral-section .referral-code-container {
    border: 1px dashed #b64545;
    color: #320a09
}

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

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

.user-info .vendor-balances-container .vendor-balances-header {
    border-bottom: 2px solid #b64545
}

.user-info .vendor-balances-container {
    border: 3px solid #b64545
}

.download-apk {
    color: #fff
}

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

.download-apk .btn {
    color: #fefefe;
    background: #b64545;
    background: linear-gradient(to bottom, #b64545 0%, #be0085 100%);
    border: 0
}

.download-apk .btn:hover {
    color: #fefefe
}

.deposit-amount-container input[type="text"] {
    background: #fff;
    color: #555;
    border: 1px solid #ccc
}

.deposit-amount-container .real-deposit-amount,
.deposit-amount-container .deposit-amount .currency-suffix,
.deposit-amount-container .deposit-amount input.form-control {
    color: #b64545
}

.deposit-amount-container .deposit-amount .currency-label,
.withdrawal-container .withdrawal-amount .currency-label {
    color: #838383
}

.deposit-amount-container .real-deposit-amount:before {
    color: #320a09
}

.standard-side-menu .player-account-section .username {
    color: #b64545
}

.top-tab-container a[data-active="true"],
.top-tab-container a:hover {
    color: #b9bfe1
}

.standard-side-menu .menu-section a:hover,
.standard-side-menu .menu-section a:focus,
.standard-side-menu .menu-section a[data-active="true"] {
    background-color: #1b2757;
    color: #b9bfe1
}

.arcade-games-container .filter-section,
.crash-game-games-container .filter-section {
    background-color: #0c1740
}

.arcade-games-container .category-filter-link.active,
.arcade-games-container .category-filter-link:hover,
.crash-game-games-container .category-filter-link.active,
.crash-game-games-container .category-filter-link:hover {
    background-color: #b64545
}

.standard-profile-bar .user-field div .username {
    color: #b64545
}

.standard-profile-bar .referral-code-container {
    border: 1px dashed #23527c;
    background-color: #1b2757;
    color: #b64545
}

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

.bank-info-container .carousel-indicators .active,
.bank-info-container .carousel-indicators li:hover {
    background-color: #b64545
}

.claim-filter-container select.form-control {
    color: #b64545;
    background-color: #0a1849;
    border-color: #fff
}

.claim-item {
    background-color: #ececf1;
    color: #555
}

.provider-slide {
    background-color: #5078d8
}

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

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

.provider-slide>main>.slide-item {
    background-color: rgba(255, 255, 255, .1)
}

.provider-slide>main>.slide-item>a:not(.game-info) {
    background-color: #192a68
}

.provider-slide>main>.slide-item>a:not(.game-info):hover {
    background-color: #0c1740
}

.provider-slide>main>.slide-item h5 {
    color: #fff
}

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

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

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

.home-game-list-container .container-title span {
    color: #fff;
    background-color: #b64545
}

.home-game-list-container .container-title span:after {
    background-color: #b64545
}

.home-game-list-container .container-content {
    border: 1px solid #b64545
}

.home-game-list-container .container-content .game-list .game-item .game-name {
    color: #b64545
}

.home-game-list-container .container-content .game-list::-webkit-scrollbar-thumb {
    background: #58585a
}

.grid-totals {
    background-color: #f1f1f1;
    color: #320a09
}

.bank-info {
    background-color: #ffd8fe;
    background-image: linear-gradient(to bottom, #ffd8fe 0%, #ffd8fe 100%);
    color: #fff
}

.bank-info h3,
.bank-info h4 {
    color: #838383
}

.bank-info hr {
    border-top-color: #888
}

.bank-info[data-bank-type="bank"] [data-bank-info="details"] img,
.bank-info[data-bank-type="emoney"] [data-bank-info="details"] img,
.bank-info[data-bank-type="pulsa"] [data-bank-info="details"] img,
.bank-info[data-bank-type="qr"] [data-bank-info="details"] img,
.bank-info [data-bank-info="actions"] img {
    filter: brightness(.5)
}

.recommended-for-instant-process {
    color: #838383
}

.recommended-for-instant-process span {
    color: #838383
}

.payment-method-selection input[type="radio"]:checked+label {
    background-color: #b64545;
    background-image: linear-gradient(to bottom, #b64545 0%, #be0085 100%)
}

.withdrawal-container .real-withdrawal-amount,
.withdrawal-container .withdrawal-amount input.form-control,
.withdrawal-container .withdrawal-amount .currency-suffix {
    color: #b64545
}

.deposit-container:has(.offline-container),
.withdrawal-container:has(.offline-container) {
    background-color: transparent
}

[data-payment-gateway] {
    background-color: #222
}

div[data-payment-gateway] h4 {
    color: #bbb
}

[data-payment-gateway="va"] h5 span {
    background-color: #222
}

[data-payment-gateway="qris"] .qris-qr-code-container a {
    background: #b64545;
    color: #fff
}

.notification-tabs .notification-tab-item {
    background-color: #b64545
}

.notification-tabs .notification-tab-item[data-active="true"] {
    background-color: #b64545;
    background-image: linear-gradient(to bottom, #b64545 0%, #be0085 100%)
}

.replied-message[data-message-type="announcement"] {
    color: #320a09;
    background: #fff;
    border-color: #c9c9c9
}

.replied-message[data-message-type="announcement"] .replied-message-content,
.replied-message[data-message-type="announcement"] .replied-message-content pre {
    color: #320a09
}

.replied-message[data-message-type="announcement"] .notification-header .notification-info .info {
    color: #0a0a0a
}

.empty-notification-container .empty-notification-content h3,
.empty-notification-container .empty-notification-content p {
    color: #320a09
}

.notification-popup-body .empty-notification-container .empty-notification-content h3,
.notification-popup-body .empty-notification-container .empty-notification-content p {
    color: #fff
}

.standard-section-title {
    color: #320a09
}

.standard-section-title:before {
    background-color: #b64545
}

.loyalty-container .loyalty-menu a {
    background-color: #030a2e;
    border-color: #263366
}

.how-it-works-container .how-it-works-section+.how-it-works-section {
    border-top-color: #ddd
}

.how-it-works-container .how-it-works-section .how-it-works-item p {
    color: #320a09
}

.loyalty-container .loyalty-history-filter label {
    color: #320a09
}

.loyalty-container .loyalty-history-filter select {
    background-color: #fff;
    border-color: #ddd;
    color: #320a09
}

.loyalty-container .standard-form-note {
    background-color: #0a1849;
    color: #fff
}

.loyalty-history-list .loyalty-history-item {
    background-color: #eee
}

.loyalty-history-list .loyalty-history-item [data-section="content"] [data-section="info"] h3 {
    color: #320a09
}

.loyalty-history-list .loyalty-history-item [data-section="date"] {
    border-top-color: #ddd
}

.loyalty-history-list .loyalty-history-item [data-section="date"] span {
    color: #320a09
}

.mission-container .mission-item {
    background-color: #292c36
}

.mission-container .mission-item .mission-action-container {
    background-color: #191b21
}

.mission-container .mission-item[data-status="claimable"] .mission-action-container .action-button {
    background-color: #b64545;
    background-image: linear-gradient(to bottom, #b64545 0%, #be0085 100%);
    color: #fff
}

.mission-container .mission-item[data-status="claimable"] .mission-action-container .action-button:hover {
    background-color: #be0085;
    background-image: linear-gradient(to bottom, #be0085 0%, #b64545 100%)
}

.loyalty-menu-container .loyalty-menu-item {
    color: #320a09
}

.daily-reward-container {
    background-color: #f8f8f8
}

.daily-reward-container .reward-title h1 {
    color: #320a09
}

.daily-reward-container .standard-secondary-button {
    background-color: #b64545;
    background-image: linear-gradient(to bottom, #b64545 0%, #be0085 100%);
    color: #fff
}

.daily-reward-container .standard-secondary-button:hover {
    background: #be0085;
    background: linear-gradient(to bottom, #be0085 0%, #b64545 100%)
}

.level-progress-info .level-name {
    color: #333
}

.level-progress-info .level-xp-container {
    color: #333
}

.benefit-container h2 {
    color: #333
}

.benefit-container .benefit-list .benefit-card p {
    color: #858585
}

.loyalty-daily-reward-modal .modal-content,
.loyalty-available-rank-up-modal .modal-content {
    background-color: #0c0c0c
}

.loyalty-daily-reward-modal .modal-content .daily-reward-container {
    background-color: #0c0c0c
}

.loyalty-daily-reward-modal .modal-content .daily-reward-container h1 {
    color: #fff
}

.loyalty-available-rank-up-modal .standard-secondary-button {
    background: #b64545;
    background: linear-gradient(to bottom, #b64545 0%, #be0085 100%);
    color: #fff;
    border: 0
}

.loyalty-available-rank-up-modal .standard-secondary-button:hover {
    background: #be0085;
    background: linear-gradient(to bottom, #be0085 0%, #b64545 100%)
}

.introjs-tooltip-title {
    color: #fff
}

.introjs-tooltiptext .subtitle {
    color: #b64545
}

.introjs-nextbutton {
    background-image: linear-gradient(to bottom, #b64545, #be0085);
    color: #fff
}

.introjs-nextbutton:hover {
    background-image: linear-gradient(to bottom, #be0085, #b64545);
    color: #fff
}

.introjs-bullets ul li a {
    background-color: #83005c
}

.introjs-bullets ul li a.active,
.introjs-bullets ul li a:hover {
    background-color: #b64545
}

.introjs-skipbutton,
.introjs-skipbutton:hover {
    color: #b64545
}

.how-it-works-container .how-it-works-section {
    background-color: #fff;
    border-color: #ebebeb
}

.how-it-works-container .how-it-works-section .how-it-works-section-title {
    color: #b64545
}

.how-it-works-container .how-it-works-section .how-it-works-list .how-it-works-item p {
    color: #320a09
}

.referral-guidance-note {
    color: #333
}

.referral-features .referral-features-item {
    background-color: #eee
}

.referral-features .referral-features-item .feature-icon>div {
    background: linear-gradient(to bottom, #b64545 0%, #be0085 100%)
}

.referral-features .referral-features-item .feature-info span {
    color: #333
}

.referral-features .referral-features-item .feature-info p {
    color: #b64545
}

.referral-verification-container input.form-control {
    border-color: #dedede
}

.referral-verification-container .standard-form-note {
    background-color: #e0e0e0
}

.referral-verification-container .standard-form-note.with-icon {
    background-color: #eee
}

.simple-form-note,
.referral-verification-container .standard-form-note,
.referral-verification-container .standard-form-note.with-icon>div:last-child p {
    color: #b64545
}

.referral-verification-container .terms-conditions-container h3,
.referral-verification-container .terms-conditions-container ol li {
    color: #393637
}

.standard-checkbox-container.standard-checkbox-container label {
    color: #393637
}

.pending-verification-container .icon-container {
    background-color: #b64545
}

.pending-verification-container h2 {
    color: #333
}

.pending-verification-container p {
    color: #b64545
}

.referral-verification-container .terms-conditions-container ol {
    border-bottom-color: #bbb
}

.referral-verification-container .verification-footer .line {
    background-color: #ddd
}

.referral-verification-container [data-is-contact-verified="false"]::before {
    background-color: rgba(255, 255, 255, .6)
}

.referral-verification-container [data-is-contact-verified="false"] .profile-link {
    background: linear-gradient(to bottom, #b64545 0%, #be0085 100%);
    color: #fff
}

.referral-verification-container [data-is-contact-verified="false"] .profile-link:hover {
    background: linear-gradient(to bottom, #be0085 0%, #b64545 100%)
}

.verify-whatsapp-popup {
    background-color: #fff;
    border: 1px solid #ddd
}

.verify-whatsapp-popup p {
    color: #333
}

.popular-game-title-container .container-title span {
    color: #fff;
    background-color: #b64545
}

.popular-game-title-container .container-title span:after {
    background-color: #b64545
}

.popular-game-title-container .container-content {
    border: 1px solid #b64545
}

.popular-game-title-container .container-content .game-list .game-item .game-name {
    color: #b64545
}

.popular-game-title-container .container-content .game-list::-webkit-scrollbar-thumb {
    background: #58585a
}

.deposit-summary-container,
.withdrawal-summary-container {
    border: 1px solid #efeff3
}

.deposit-summary-container .deposit-summary-header,
.withdrawal-summary-container .withdrawal-summary-header {
    background-color: #efeff3;
    color: #838383
}

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

.deposit-summary-container .deposit-summary-content,
.withdrawal-summary-container .withdrawal-summary-content {
    background-color: transparent
}

.deposit-summary-container .deposit-summary-content .deposit-summary-body .deposit-summary-title,
.withdrawal-summary-container .withdrawal-summary-content .withdrawal-summary-body .withdrawal-summary-title {
    color: #838383
}

.deposit-summary-container .deposit-summary-content .deposit-summary-body .deposit-detail-container .deposit-detail-item,
.withdrawal-summary-container .withdrawal-summary-content .withdrawal-summary-body .withdrawal-detail-container .withdrawal-detail-item {
    color: #838383
}

.deposit-summary-container .deposit-summary-content .deposit-summary-footer,
.withdrawal-summary-container .withdrawal-summary-content .withdrawal-summary-footer {
    color: #838383;
    border-top: 1px solid #e7e7e7
}

.deposit-container hr.deposit-gap {
    background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #838383))
}

.withdrawal-container hr.withdrawal-gap {
    background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #838383))
}

.payment-maintenance-container,
.remarks-container {
    background: #fff0d8;
    color: #333
}

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

.remarks-container {
    border-color: #f41111;
    background: #ffe0e0
}

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

.register-page .payment-method-container {
    background-color: #e2e2e2
}

.popover {
    background-color: #0a1849;
    border-color: #b64545;
    color: #fff
}

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

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

[data-payment-gateway] .download-qr-button {
    background: #b64545;
    color: #fff
}

.top-menu .game-list>li>a .background {
    background: linear-gradient(90deg, rgba(175, 5, 255, 0) 0%, rgba(44, 79, 200, .71) 99.99%);
    border-color: #8162ff
}

.large-game-list li,
.large-game-list .game-provider-img {
    background: linear-gradient(335.7deg, #9d056f 16.09%, rgba(104, 72, 154, .5) 49.24%, rgba(0, 0, 0, 0) 83.08%)
}

.large-game-list li .link-container .play-now,
.large-game-list .game-provider-img .link-container .play-now {
    background: #ff7613;
    color: #fff
}

.large-game-list li .link-container .free-play,
.large-game-list .game-provider-img .link-container .free-play {
    background: #fff;
    color: #320a09
}

.bank-info.bank-info .bank-account-number-container img {
    filter: opacity(.5)
}

.bank-info.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: #101427
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] {
    background-color: #181d33;
    color: #dbdbdb
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] hr {
    border-top: 1px solid #273153
}

.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
}

.no-data-container p {
    color: #ccc
}

.no-data-container img {
    filter: invert(100%) sepia(1%) saturate(5%) hue-rotate(270deg) brightness(107%) contrast(73%)
}

.standard-form-link-header a {
    background-color: #f5f5f5;
    color: #444
}

.standard-form-link-header a[data-active="false"]:hover {
    background-color: #ebebeb;
    color: #444
}

.standard-form-link-header a[data-active="true"] {
    background-color: #263366;
    color: #fff
}

.modal-body .pending-transaction-summary-container,
.claim-info-modal .alert-container,
.payment-account-creation-remarks {
    border-color: #f41168;
    color: #fff;
    background-color: #25142c
}

.modal-body .pending-transaction-summary-container a {
    color: #428bca
}

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

.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer a {
    color: #fff;
    background-color: #c9176b
}

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

.modal-body .pending-transaction-details-container .pending-transaction-details-item {
    background-color: #181d33;
    border-color: #181d33
}

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

.contact-verification-section ul li,
.contact-verification-section span {
    color: #222
}

.otp-popup .otp-popup-content {
    background-color: #fff;
    color: #222
}

.otp-fake-inputs div {
    background-color: #fff;
    color: #222;
    border-color: #dedede
}

.otp-fake-inputs div.filled,
.otp-fake-inputs div.focused {
    border-color: #f41168
}

.otp-popup .otp-popup-content .resend-button {
    color: #b64545
}

.bonus-selection-popup .bonus-selection-popup-content {
    background: #fff
}

.bonus-selection-popup .bonus-selection-popup-content h2 {
    color: #320a09
}

.bonus-selection-popup .bonus-selection-popup-content .bonus-selection-popup-close-button img {
    filter: invert(1)
}

.bonus-selection-list .bonus-selection-card+.remarks-container {
    background: #ff00f517;
    color: #fff;
    border-color: #ff00f5
}

.update-verification-note-container .update-verification-note {
    background: #0a1849;
    color: #fff
}

.update-verification-note-container .update-verification-note span {
    color: #f00
}

.otp-popup .otp-popup-content .otp-popup-header .close span {
    color: #222
}

.deposit-qr-label-container .deposit-qr-label-bank-info img {
    filter: invert(1)
}

.message-table-body * {
    color: #333
}

.replied-message:not([data-message-type="announcement"]) .replied-message-content * {
    color: #333
}

.notification-list .notification-item .notification-content * {
    color: #320a09
}

.notification-popup-body .notification-list .notification-item .notification-content * {
    color: #fff
}

.notification-popup-body .notification-list .notification-item[data-seen="false"] .notification-header .notification-title {
    color: #b64545
}

.notification-list .notification-item,
.notification-list .notification-item[data-message-type="announcement"] {
    background: #fff;
    border-color: #c9c9c9
}

.notification-list .notification-item[data-seen="false"] {
    background: #ffb2fc;
    border-color: #ff5efa
}

.notification-list .notification-item .notification-header .notification-label {
    background: #b64545
}

.notification-list .notification-item .notification-title-container .notification-title-content h3 {
    color: #320a09
}

.notification-list .notification-item .notification-content p {
    color: #333
}

.notification-list .notification-item .notification-header .notification-title {
    color: #320a09
}

.unread-announcements-popup {
    border-color: #b64545;
    color: #fff
}

.unread-announcements-popup:before {
    border-bottom-color: #b64545
}

.notification-popup-body .notification-list .notification-item {
    background: #040404;
    border-color: #242424
}

.notification-popup-body .notification-list .notification-item[data-seen="false"] {
    background: #300022;
    border-color: #7c0057
}

.notification-popup-body .notification-list .notification-item .notification-title-container .notification-title-content h3 {
    color: #fff
}

.notification-popup-body .notification-list .notification-item .notification-content p {
    color: #cfcfcf
}

.notification-popup-body .notification-footer {
    background-color: #b64545;
    background-image: linear-gradient(to bottom, #b64545 0%, #be0085 100%)
}

.home-progressive-jackpot {
    background-image: linear-gradient(#b64545, #b64545, #b64545)
}

.home-progressive-jackpot .outer-container {
    background-color: #320a09
}

.home-progressive-jackpot .inner-container {
    background-image: linear-gradient(#b64545, #b64545)
}

.home-progressive-jackpot .border-container {
    border-color: #b64545
}

.home-progressive-jackpot .jackpot-container {
    background-image: linear-gradient(#b64545, #320a09021)
}

.home-progressive-jackpot .jackpot-border-container {
    border-color: #b64545
}

.home-progressive-jackpot .jackpot-currency {
    color: #b64545
}

.standard-form-container.loyalty-benefit-form-container {
    background-color: #030a2e
}

.loyalty-benefit-form-container .standard-form-content {
    background-color: #030a2e;
    border-color: #0a1849
}

.loyalty-level-benefits-section {
    background: #320a09412;
    border-color: #0b194a
}

.loyalty-level-container .loyalty-level-item .loyalty-level-badge-container {
    background: #091a33
}

.loyalty-level-container .loyalty-level-item[data-selected="true"] .loyalty-level-badge-container {
    background: #122f58
}

.loyalty-level-container .loyalty-level-item .loyalty-level-progress-container .loyalty-level-progress-point {
    background: #191d2a;
    border-color: #191d2a
}

.loyalty-level-container .loyalty-level-item .loyalty-level-progress-container .loyalty-level-progress-bar {
    background: #191d2a
}

.loyalty-level-remarks-container {
    background: #b6454533;
    border-color: #b64545
}

.loyalty-level-remarks-container span {
    color: #fff
}

.loyalty-level-benefits-container {
    background: #0a1e3c
}

.loyalty-level-benefits-container .loyalty-level-benefits-list .loyalty-level-benefits-list-item {
    background: #122f58
}

.loyalty-container .standard-form-content {
    background-color: #030a2e;
    border: 1px solid #0a1849
}

.loyalty-container .loyalty-menu a {
    background-color: #920067;
    border-color: #bb0084
}

.loyalty-reward-container {
    border-color: transparent;
    background-color: #320a09412
}

.loyalty-reward-container .category-title::before {
    background-color: #b64545
}

.loyalty-reward-container .loyalty-reward-button {
    background-image: linear-gradient(to bottom, #b64545, #b64545);
    color: #fff
}

.loyalty-reward-container .tab-filter .tab {
    background-color: #151c39
}

.loyalty-reward-container .tab-filter input:checked+.tab {
    background-color: #b64545
}

.loyalty-reward-container .flash-sale-container::-webkit-scrollbar-thumb,
.loyalty-reward-container .lucky-draw-container::-webkit-scrollbar-thumb,
.loyalty-reward-container .other-product-container::-webkit-scrollbar-thumb {
    background: #263367
}

.loyalty-reward-container .flash-sale-container .item,
.loyalty-reward-container .lucky-draw-container .item,
.loyalty-reward-container .other-product-container .item {
    background-color: #0d132e;
    border-color: #0d132e
}

.loyalty-reward-container .flash-sale-container .item .item-detail-contaner .item-lp .item-lp-detail,
.loyalty-reward-container .lucky-draw-container .item .item-detail-contaner .item-lp .item-lp-detail,
.loyalty-reward-container .other-product-container .item .item-detail-contaner .item-lp .item-lp-detail {
    background-color: #fff3
}

.loyalty-top-bar-container {
    background: linear-gradient(82.95deg, #020f23 -41.64%, #1c4075 138.36%)
}

.forgot-password-modal .modal-header hr {
    background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #b64545))
}

.forgot-password-modal hr {
    border-top-color: #b64545
}

.whitelisted-domains-link {
    background: #b64545;
    color: #fff
}

.search-header .search-title img {
    filter: invert(15%) sepia(83%) saturate(6753%) hue-rotate(313deg) brightness(109%) contrast(108%)
}

.standard-remark-notification .remark-notification-content span {
    color: #b64545
}

.referral-contact-verification p {
    color: #333
}

.add-new-payment-account-container a {
    color: #320a09
}

.add-new-payment-account-container a img {
    filter: initial
}

.payment-account-list .payment-account-item .payment-account-title-container .payment-account-title,
.payment-account-list .payment-account-item .payment-account-number,
.payment-account-detail-container .payment-account-detail-item .payment-account-detail-label,
.payment-account-detail-container .payment-account-detail-item .payment-account-detail-value {
    color: #320a09
}

.payment-account-list .payment-account-item a>img {
    filter: initial
}

.payment-account-list .payment-account-item .payment-account-title-container .default-label {
    background-color: #f6f6f6;
    color: #7b7b7b;
    border-color: #d2d2d2
}

.set-as-default-button {
    color: #b64545;
    background: none;
    border-color: #b64545
}

.notification-list .notification-item .notification-play-button {
    background: #b64545;
    color: #fff
}

.claim-item .claim-title .free-spin-note {
    color: #b64545
}

.floating-action-button .floating-action-button-item {
    background: linear-gradient(0deg, #c7038c 0%, #b64545 100%);
    border-color: #ff43c6;
    box-shadow: 0 4px 24px 0 #b6454580
}

.bonus-selection-container .bonus-action .cancel-bonus-button {
    border: 1px solid #b64545;
    color: #b64545
}

.bonus-selection-container,
.bonus-selection-list .bonus-selection-card.selected {
    background: #ffe3fb;
    border-color: #b64545;
    color: #b64545
}

.bonus-selection-container .bonus-action>img {
    filter: invert(41%) sepia(100%) saturate(3896%) hue-rotate(308deg) brightness(100%) contrast(117%)
}

.bonus-selection-list .bonus-selection-card {
    background: #fff;
    border-color: #c9c9c9
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-content {
    background: #fff;
    color: #320a09
}

.bonus-selection-list .bonus-selection-card.selected .bonus-selection-card-content,
.bonus-selection-list .bonus-selection-card.selected .bonus-selection-card-footer {
    background: #ffe3fb
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-footer {
    background: #fff
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-footer .terms-and-conditions-button img {
    filter: invert(1)
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-footer .end-date {
    color: #da5c53
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-detail {
    color: #656565;
    background: #f9f9f9
}

.bonus-selection-list .bonus-selection-card .remarks-container {
    border-color: #e60105;
    background: #ffe0e0;
    color: #320a09
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-footer .terms-and-conditions-button {
    color: #320a09
}

.bonus-selection-list .bonus-selection-card[data-eligible="false"] {
    background: #dfdfdf;
    border-color: #c9c9c9
}

.bonus-selection-list .bonus-selection-card[data-eligible="false"] .bonus-selection-card-content {
    background: #dfdfdf;
    color: #adadad
}

.bonus-selection-list .bonus-selection-card[data-eligible="false"] .bonus-selection-card-content .bonus-selected {
    background: #d4d4d4
}

.bonus-selection-list .bonus-selection-card[data-eligible="false"] .bonus-selection-card-footer {
    background: #dfdfdf
}

.bonus-selection-list .bonus-selection-card[data-eligible="false"] .bonus-selection-card-footer .terms-and-conditions-button img {
    filter: invert(1)
}

.bonus-selection-card-highlighted-section {
    background: #f1f1f1;
    color: #656565
}

.standard-inline-form-group .form-control[readonly] {
    background-color: #d5d9e6
}

.simple-modal .btn-secondary {
    border: 1px solid #b64545;
    color: #b64545
}

.payment-account-list .payment-account-item:hover {
    background-color: #e7e7e7
}

.payment-account-list .payment-account-item .arrow-right {
    filter: invert(0)
}

.bonus-selection-list .bonus-selection-card .bonus-selection-card-content .title .bonus-button {
    background-color: #eee;
    border-color: #bfb9cf
}

.bonus-selection-list .bonus-selection-card.selected .bonus-selection-card-content .title .bonus-button {
    background-color: #f37070;
    border-color: #cb5c5c;
    color: #720808
}

.standard-outline-button {
    border-color: #b64545
}

.standard-remarks-container .standard-remarks-content-container p {
    color: #222
}

.standard-remarks-container .standard-remarks-content-container p span {
    color: #b64545
}

.contact-verification-popup .contact-verification-section input {
    background-color: transparent;
    color: #333;
    border-color: #b2b2b2
}

.menu-slide>i {
    color: #adbed2
}

.site-description {
    --description-gold: #edda57;
    --description-text: #eededb;

    position: relative;
    isolation: isolate;
    box-sizing: border-box;
    width: 100%;
    min-height: 0;
    margin: 24px 0;
    padding: clamp(20px, 3vw, 38px);
    overflow-wrap: anywhere;

    background:
        radial-gradient(
            ellipse at top left,
            rgba(155, 28, 21, 0.2),
            transparent 65%
        ),
        linear-gradient(
            135deg,
            #360b09 0%,
            #220605 55%,
            #170404 100%
        );

    border: 1px solid #6a241c;
    border-left: 4px solid #c5ad30;
    border-radius: 0;

    box-shadow:
        inset 0 1px 0 rgba(255, 223, 137, 0.06),
        0 14px 35px rgba(0, 0, 0, 0.25);

    color: var(--description-text);
    font-family: inherit;
    font-size: 16px;
    line-height: 1.9;
    text-align: left;
}

.site-description h1 {
    text-align: center;
}

/* Fine highlight across the upper edge */
.site-description::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(
        90deg,
        #f6e18a,
        #b99b2c 30%,
        #a23221 70%,
        transparent
    );
    pointer-events: none;
}

/* Square corner detail */
.site-description::after {
    content: "";
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 34px;
    height: 34px;
    border-right: 2px solid #b99b2c;
    border-bottom: 2px solid #b99b2c;
    pointer-events: none;
}

/* Paragraph spacing */
.site-description p {
    margin: 0 0 18px;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

/* Headings */
.site-description :is(h1, h2, h3, h4, h5, h6) {
    margin: 28px 0 14px;
    color: #fff0c2;
    font-family: inherit;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: -0.02em;
    text-wrap: balance;
}

.site-description h1 {
    font-size: clamp(25px, 3vw, 36px);
}

.site-description h2 {
    padding-bottom: 12px;
    border-bottom: 1px solid #683024;
    font-size: clamp(21px, 2.4vw, 28px);
}

.site-description h3 {
    color: var(--description-gold);
    font-size: clamp(19px, 2vw, 23px);
}

/* Links inside the content */
.site-description a[href] {
    padding: 2px 4px;
    border-radius: 0;
    background-color: rgba(237, 218, 87, 0.07);
    color: var(--description-gold);
    font-weight: 700;

    text-decoration-line: underline;
    text-decoration-color: rgba(237, 218, 87, 0.5);
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;

    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;

    transition:
        color 180ms ease,
        background-color 180ms ease,
        text-decoration-color 180ms ease;
}

.site-description a[href]:hover {
    background-color: #edda57;
    color: #290806;
    text-decoration-color: transparent;
}

.site-description a[href]:focus-visible {
    outline: 2px solid #fff0a3;
    outline-offset: 4px;
    background-color: #edda57;
    color: #290806;
    text-decoration-color: transparent;
}

.site-description a[href]:active {
    background-color: #c6af36;
    color: #170404;
}

/* Existing emphasis and lists */
.site-description :is(strong, b) {
    color: #fff1cd;
    font-weight: 750;
}

.site-description :is(ul, ol) {
    margin: 0 0 20px;
    padding-left: 24px;
}

.site-description li {
    margin-bottom: 8px;
    padding-left: 4px;
}

.site-description li::marker {
    color: var(--description-gold);
}

.site-description > :first-child {
    margin-top: 0;
}

.site-description > :last-child {
    margin-bottom: 0;
}

.site-description ::selection {
    background: #edda57;
    color: #290806;
}

/* Mobile */
@media (max-width: 600px) {
    .site-description {
        margin: 18px 0;
        padding: 22px 18px;
        border-left-width: 3px;
        font-size: 14px;
        line-height: 1.85;
    }

    .site-description p {
        margin-bottom: 16px;
    }

    .site-description::after {
        width: 24px;
        height: 24px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-description a[href] {
        transition: none;
    }
}

.indo-testimonials,
.indo-testimonials *,
.indo-testimonials::before,
.indo-testimonials::after,
.indo-testimonials *::before,
.indo-testimonials *::after {
    box-sizing: border-box;
}

.indo-testimonials {
    --testimonial-gold: #edda57;
    --testimonial-text: #eededb;

    position: relative;
    isolation: isolate;
    width: 100%;
    min-width: 0;
    margin: 24px 0;
    padding: clamp(20px, 3vw, 38px);

    border: 1px solid #6a241c;
    border-left: 4px solid #c5ad30;
    border-radius: 0;

    background:
        radial-gradient(
            ellipse at top left,
            rgba(155, 28, 21, 0.2),
            transparent 65%
        ),
        linear-gradient(
            135deg,
            #360b09 0%,
            #220605 55%,
            #170404 100%
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 223, 137, 0.06),
        0 14px 35px rgba(0, 0, 0, 0.25);

    color: var(--testimonial-text);
    font-family: inherit;
    text-align: left;
    overflow-wrap: anywhere;
}

/* Garis emas di bagian atas */
.indo-testimonials::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 2px;

    background: linear-gradient(
        90deg,
        #f6e18a,
        #b99b2c 30%,
        #a23221 70%,
        transparent
    );

    pointer-events: none;
}

/* Detail sudut kotak */
.indo-testimonials::after {
    content: "";
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 34px;
    height: 34px;
    border-right: 2px solid #b99b2c;
    border-bottom: 2px solid #b99b2c;
    pointer-events: none;
}

/* Judul di tengah */
.indo-testimonials__heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-bottom: 28px;
}

.indo-testimonials__heading::before,
.indo-testimonials__heading::after {
    content: "";
    flex: 0 1 70px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #b99b2c);
}

.indo-testimonials__heading::after {
    transform: rotate(180deg);
}

.indo-testimonials__heading h2 {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    color: #fff0c2;
    font-size: clamp(25px, 3vw, 34px);
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -0.02em;
    text-align: center;
}

/* Grid */
.indo-testimonials__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

/* Kartu testimoni */
.indo-testimonial {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    margin: 0;
    padding: 24px 22px 20px;

    border: 1px solid #6a2b22;
    border-top: 2px solid #af9438;
    border-radius: 0;

    background: linear-gradient(
        150deg,
        #410e0b,
        #240706 75%
    );

    box-shadow: inset 0 1px 0 rgba(255, 236, 160, 0.04);

    transition:
        border-color 180ms ease,
        box-shadow 180ms ease;
}

.indo-testimonial h3 {
    margin: 0 0 13px;
    color: var(--testimonial-gold);
    font-size: 18px;
    font-weight: 750;
    line-height: 1.45;
    letter-spacing: -0.015em;
}

.indo-testimonial blockquote {
    margin: 0 0 22px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--testimonial-text);
    font-style: normal;
}

.indo-testimonial blockquote p {
    margin: 0;
    color: inherit;
    font-size: 15px;
    line-height: 1.85;
}

/* Identitas selalu sejajar di bawah */
.indo-testimonial__author {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid rgba(237, 218, 87, 0.17);
}

.indo-testimonial__avatar {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;

    border: 1px solid #f4df8c;
    border-radius: 0;
    background: linear-gradient(135deg, #fff0b0, #ba9634);
    box-shadow: 3px 3px 0 #170404;

    color: #350d08;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
}

.indo-testimonial__identity {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.indo-testimonial__name {
    color: #fff0d7;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
}

.indo-testimonial__label {
    color: #c9aaa3;
    font-size: 12px;
    line-height: 1.5;
}

/* Hover */
@media (hover: hover) {
    .indo-testimonial:hover {
        border-color: #b99b2c;
        box-shadow: inset 0 0 24px rgba(237, 218, 87, 0.04);
    }
}

/* Tablet */
@media (max-width: 1024px) {
    .indo-testimonials__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Ponsel */
@media (max-width: 640px) {
    .indo-testimonials {
        margin: 18px 0;
        padding: 24px 16px;
        border-left-width: 3px;
    }

    .indo-testimonials__heading {
        gap: 12px;
        margin-bottom: 22px;
    }

    .indo-testimonials__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .indo-testimonial {
        padding: 21px 18px 18px;
    }

    .indo-testimonial blockquote p {
        font-size: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .indo-testimonial {
        transition: none;
    }
}

.indo-faq,
.indo-faq *,
.indo-faq::before,
.indo-faq::after,
.indo-faq *::before,
.indo-faq *::after {
    box-sizing: border-box;
}

.indo-faq {
    --faq-gold: #edda57;
    --faq-text: #eededb;

    position: relative;
    isolation: isolate;
    width: 100%;
    min-width: 0;
    margin: 24px 0;
    padding: clamp(20px, 3vw, 38px);

    border: 1px solid #6a241c;
    border-left: 4px solid #c5ad30;
    border-radius: 0;

    background:
        radial-gradient(
            ellipse at top left,
            rgba(155, 28, 21, 0.2),
            transparent 65%
        ),
        linear-gradient(
            135deg,
            #360b09 0%,
            #220605 55%,
            #170404 100%
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 223, 137, 0.06),
        0 14px 35px rgba(0, 0, 0, 0.25);

    color: var(--faq-text);
    font-family: inherit;
    text-align: left;
    overflow-wrap: anywhere;
}

/* Garis atas */
.indo-faq::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 2px;

    background: linear-gradient(
        90deg,
        #f6e18a,
        #b99b2c 30%,
        #a23221 70%,
        transparent
    );

    pointer-events: none;
}

/* Detail sudut */
.indo-faq::after {
    content: "";
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 34px;
    height: 34px;
    border-right: 2px solid #b99b2c;
    border-bottom: 2px solid #b99b2c;
    pointer-events: none;
}

/* Judul */
.indo-faq__heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-bottom: 28px;
}

.indo-faq__heading::before,
.indo-faq__heading::after {
    content: "";
    flex: 0 1 70px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #b99b2c);
}

.indo-faq__heading::after {
    transform: rotate(180deg);
}

.indo-faq__heading h2 {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    color: #fff0c2;
    font-size: clamp(25px, 3vw, 34px);
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -0.02em;
    text-align: center;
}

/* Daftar FAQ */
.indo-faq__list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
}

.indo-faq__item {
    min-width: 0;
    margin: 0;
    padding: 0;

    border: 1px solid #6a2b22;
    border-left: 3px solid #8b3825;
    border-radius: 0;

    background: linear-gradient(
        150deg,
        #410e0b,
        #240706 75%
    );

    transition: border-color 180ms ease;
}

.indo-faq__item[open] {
    border-color: #a88a34;
    border-left-color: var(--faq-gold);
}

/* Pertanyaan */
.indo-faq__question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 64px;
    margin: 0;
    padding: 18px 22px;

    color: #fff0d7;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.55;

    list-style: none;
    cursor: pointer;

    transition:
        color 180ms ease,
        background-color 180ms ease;
}

.indo-faq__question > span:first-child {
    min-width: 0;
}

.indo-faq__question::-webkit-details-marker {
    display: none;
}

.indo-faq__question::marker {
    content: "";
}

.indo-faq__item[open] > .indo-faq__question {
    color: var(--faq-gold);
}

.indo-faq__question:focus-visible {
    outline: 2px solid #fff0a3;
    outline-offset: 4px;
}

/* Ikon plus dan minus */
.indo-faq__icon {
    position: relative;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border: 1px solid #ad9036;
    border-radius: 0;
    background: rgba(237, 218, 87, 0.07);
    color: var(--faq-gold);
}

.indo-faq__icon::before,
.indo-faq__icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: currentColor;
    transform: translate(-50%, -50%);
}

.indo-faq__icon::before {
    width: 12px;
    height: 2px;
}

.indo-faq__icon::after {
    width: 2px;
    height: 12px;
    transition: transform 180ms ease;
}

.indo-faq__item[open] .indo-faq__icon {
    background: var(--faq-gold);
    color: #290806;
}

.indo-faq__item[open] .indo-faq__icon::after {
    transform: translate(-50%, -50%) scaleY(0);
}

/* Jawaban */
.indo-faq__answer {
    margin: 0 22px;
    padding: 17px 0 22px;
    border-top: 1px solid rgba(237, 218, 87, 0.17);
}

.indo-faq__answer p {
    margin: 0 0 14px;
    color: var(--faq-text);
    font-size: 15px;
    line-height: 1.85;
}

.indo-faq__answer > :last-child {
    margin-bottom: 0;
}

/* Hover */
@media (hover: hover) {
    .indo-faq__question:hover {
        background-color: rgba(237, 218, 87, 0.04);
        color: var(--faq-gold);
    }
}

/* Ponsel */
@media (max-width: 640px) {
    .indo-faq {
        margin: 18px 0;
        padding: 24px 16px;
        border-left-width: 3px;
    }

    .indo-faq__heading {
        gap: 12px;
        margin-bottom: 22px;
    }

    .indo-faq__list {
        gap: 12px;
    }

    .indo-faq__question {
        gap: 12px;
        padding: 16px;
        font-size: 15px;
    }

    .indo-faq__answer {
        margin: 0 16px;
        padding: 15px 0 18px;
    }

    .indo-faq__answer p {
        font-size: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .indo-faq__item,
    .indo-faq__question,
    .indo-faq__icon::after {
        transition: none;
    }
}
.indo-popup,
.indo-popup *,
.indo-popup::before,
.indo-popup *::before,
.indo-popup *::after {
    box-sizing: border-box;
}

.indo-popup {
    --popup-gold: #edda57;

    position: fixed;
    inset: 0;
    display: none;
    width: 460px;
    height: fit-content;
    max-width: calc(100vw - 28px);
    max-height: calc(100vh - 28px);
    max-height: calc(100dvh - 28px);
    margin: auto;
    padding: 0;
    overflow: hidden;

    border: 1px solid #a88a34;
    border-left: 3px solid #c5ad30;
    border-radius: 0;

    background:
        radial-gradient(
            ellipse at top left,
            rgba(155, 28, 21, 0.2),
            transparent 65%
        ),
        linear-gradient(
            135deg,
            #360b09,
            #220605 55%,
            #170404
        );

    box-shadow:
        0 28px 90px rgba(0, 0, 0, 0.7),
        inset 0 1px 0 rgba(255, 223, 137, 0.08);

    color: #eededb;
    font-family: inherit;
}

.indo-popup[open] {
    display: flex;
    flex-direction: column;
    animation: indo-popup-enter 220ms ease-out;
}

/* Background overlay */
.indo-popup::backdrop {
    background: rgba(8, 0, 0, 0.84);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.indo-popup::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: 2px;

    background: linear-gradient(
        90deg,
        #f6e18a,
        #b99b2c 40%,
        #a23221
    );

    pointer-events: none;
}

.indo-popup__bar {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.indo-popup .indo-popup__close {
    border-color: #d5b65e;
    background: rgba(35, 5, 4, 0.92);
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.45);
}

/* Scrollable content on shorter screens */
.indo-popup__scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #b99b2c #240605;
}

/* Full image — no cropping */
.indo-popup .indo-popup__image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    object-fit: contain;
}

/* Title */
.indo-popup__content {
    padding: 22px;
    border-top: 1px solid #a88a34;
    text-align: center;
}

.indo-popup .indo-popup__title {
    margin: 0 0 20px;
    padding: 0;
    border: 0;

    color: #fff0c2;
    font-family: inherit;
    font-size: clamp(18px, 2.5vw, 22px);
    font-weight: 800;
    line-height: 1.45;
    letter-spacing: -0.02em;
    text-align: center;
    text-wrap: balance;
    overflow-wrap: anywhere;
}

/* Buttons stay side by side */
.indo-popup__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.indo-popup .indo-popup__button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 48px;
    padding: 12px 10px;

    border: 1px solid #e0c661;
    border-radius: 0;

    font-family: inherit;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: 0.06em;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;

    transition:
        filter 160ms ease,
        border-color 160ms ease;
}

.indo-popup .indo-popup__button--daftar {
    background: linear-gradient(
        135deg,
        #fff0a3,
        #dfbd45 60%,
        #bd9328
    );

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    color: #2b0905;
}

.indo-popup .indo-popup__button--login {
    background: linear-gradient(135deg, #841d13, #410b08);
    box-shadow: inset 0 1px 0 rgba(255, 229, 157, 0.08);
    color: #ffedaa;
}

/* Small footer */
.indo-popup__footer {
    padding: 12px 16px;
    border-top: 1px solid rgba(237, 218, 87, 0.17);
    background: #190403;
    text-align: center;
}

.indo-popup__footer small {
    color: #c9aaa3;
    font-size: 10px;
    line-height: 1.5;
    letter-spacing: 0.12em;
}

.indo-popup :is(button, a):focus-visible {
    outline: 2px solid #fff3b8;
    outline-offset: 3px;
}

@media (hover: hover) {
    .indo-popup .indo-popup__close:hover {
        background: #edda57;
        color: #290806;
    }

    .indo-popup .indo-popup__button:hover {
        border-color: #fff0a3;
        filter: brightness(1.12);
    }
}

@media (max-width: 480px) {
    .indo-popup__content {
        padding: 20px 16px;
    }

    .indo-popup__actions {
        gap: 10px;
    }
}

@keyframes indo-popup-enter {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .indo-popup[open] {
        animation: none;
    }

    .indo-popup .indo-popup__close,
    .indo-popup .indo-popup__button {
        transition: none;
    }
}

.indo-popup .indo-popup__close:not(:hover),
.indo-popup .indo-popup__close:not(:hover) span {
    color: #ffffff !important;
}

.indo-floating {
    width: 70vw;
    max-width: none;
    gap: 6px;
    padding: 7px;
}

.indo-floating .indo-floating__link {
    position: relative;
    overflow: hidden;
    min-height: 64px;
}

.indo-floating .indo-floating__icon,
.indo-floating .indo-floating__label {
    position: relative;
    z-index: 1;
}

.indo-floating .indo-floating__icon {
    flex-basis: 26px;
    width: 26px;
    height: 26px;
    animation: indo-floating-icon-float 3.4s ease-in-out infinite;
}

.indo-floating .indo-floating__label {
    font-size: 13px;
    line-height: 15px;
}

/* Kilau pada tombol Daftar */
.indo-floating .indo-floating__link--primary::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;

    background: linear-gradient(
        110deg,
        transparent 30%,
        rgba(255, 255, 255, 0.6) 50%,
        transparent 70%
    );

    transform: translateX(-150%);
    animation: indo-floating-sheen 5s ease-in-out infinite;
    pointer-events: none;
}

/* Gerakan ikon bergantian */
.indo-floating__link:nth-child(2) .indo-floating__icon {
    animation-delay: -0.35s;
}

.indo-floating__link:nth-child(3) .indo-floating__icon {
    animation-delay: -0.7s;
}

.indo-floating__link:nth-child(4) .indo-floating__icon {
    animation-delay: -1.05s;
}

.indo-floating__link:nth-child(5) .indo-floating__icon {
    animation-delay: -1.4s;
}

@keyframes indo-floating-icon-float {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-3px);
    }
}

@keyframes indo-floating-sheen {
    0%, 60% {
        transform: translateX(-150%);
    }

    100% {
        transform: translateX(150%);
    }
}

/* Mobile */
@media (max-width: 768px) {
    .indo-floating {
        width: calc(100vw - 24px);
        gap: 3px;
        padding: 5px;
    }

    .indo-floating .indo-floating__link {
        min-height: 60px;
    }

    .indo-floating .indo-floating__icon {
        flex-basis: 24px;
        width: 24px;
        height: 24px;
    }

    .indo-floating .indo-floating__label {
        min-height: 26px;
        font-size: 11px;
        line-height: 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .indo-floating .indo-floating__icon,
    .indo-floating .indo-floating__link--primary::after {
        animation: none;
    }

    .indo-floating .indo-floating__link--primary::after {
        display: none;
    }
}

.indo-floating,
.indo-floating *,
.indo-floating::before {
    box-sizing: border-box;
}

.indo-floating {
    position: fixed;
    left: 50%;
    bottom: 14px;
    bottom: calc(14px + env(safe-area-inset-bottom, 0px));
    z-index: 9998;
    transform: translateX(-50%);

    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 3px;

    width: 480px;
    max-width: calc(100% - 24px);
    margin: 0;
    padding: 5px;

    border: 1px solid #a88a34;
    border-radius: 0;

    background: linear-gradient(
        135deg,
        #430e0b,
        #240605 55%,
        #150303
    );

    box-shadow:
        0 10px 32px rgba(0, 0, 0, 0.65),
        inset 0 1px 0 rgba(255, 229, 157, 0.09);

    font-family: inherit;
}

.indo-floating::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 2px;

    background: linear-gradient(
        90deg,
        #8c6522,
        #fff0a3 50%,
        #8c6522
    );

    pointer-events: none;
}

.indo-floating .indo-floating__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;

    min-width: 0;
    min-height: 57px;
    margin: 0;
    padding: 5px 3px;

    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff0d7;

    font-family: inherit;
    text-align: center;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;

    transition:
        background-color 160ms ease,
        box-shadow 160ms ease;
}

/* Tombol Daftar */
.indo-floating .indo-floating__link--primary {
    background: linear-gradient(
        135deg,
        #fff0a3,
        #e2bf4b 60%,
        #bc9125
    );

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
    color: #290806;
}

/* Favicon */
.indo-floating .indo-floating__icon {
    display: block;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    object-fit: contain;
}

/* Label */
.indo-floating .indo-floating__label {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 24px;
    margin: 0;
    padding: 0;

    color: inherit;
    font-size: 11px;
    font-weight: 700;
    line-height: 12px;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
}

.indo-floating .indo-floating__link:focus-visible {
    outline: 2px solid #fff6cf;
    outline-offset: -3px;
}

/* Hover */
@media (hover: hover) {
    .indo-floating .indo-floating__link:not(.indo-floating__link--primary):hover {
        background-color: rgba(237, 218, 87, 0.1);
        box-shadow: inset 0 -2px 0 #edda57;
    }

    .indo-floating .indo-floating__link--primary:hover {
        background: linear-gradient(
            135deg,
            #fff7d0,
            #f0d269 60%,
            #d5ad3e
        );
    }
}

/* Mobile */
@media (max-width: 480px) {
    .indo-floating {
        max-width: calc(100% - 20px);
        gap: 2px;
        padding: 4px;
    }

    .indo-floating .indo-floating__link {
        min-height: 54px;
        gap: 2px;
        padding: 4px 2px;
    }

    .indo-floating .indo-floating__icon {
        flex-basis: 20px;
        width: 20px;
        height: 20px;
    }

    .indo-floating .indo-floating__label {
        font-size: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .indo-floating .indo-floating__link {
        transition: none;
    }
}

.indo-floating {
    width: 70vw;
    max-width: none;
    gap: 6px;
    padding: 7px;
}

.indo-floating .indo-floating__link {
    position: relative;
    overflow: hidden;
    min-height: 64px;
}

.indo-floating .indo-floating__icon,
.indo-floating .indo-floating__label {
    position: relative;
    z-index: 1;
}

.indo-floating .indo-floating__icon {
    flex-basis: 26px;
    width: 26px;
    height: 26px;
    animation: indo-floating-icon-float 3.4s ease-in-out infinite;
}

.indo-floating .indo-floating__label {
    font-size: 13px;
    line-height: 15px;
}

/* Kilau pada tombol Daftar */
.indo-floating .indo-floating__link--primary::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;

    background: linear-gradient(
        110deg,
        transparent 30%,
        rgba(255, 255, 255, 0.6) 50%,
        transparent 70%
    );

    transform: translateX(-150%);
    animation: indo-floating-sheen 5s ease-in-out infinite;
    pointer-events: none;
}

/* Gerakan ikon bergantian */
.indo-floating__link:nth-child(2) .indo-floating__icon {
    animation-delay: -0.35s;
}

.indo-floating__link:nth-child(3) .indo-floating__icon {
    animation-delay: -0.7s;
}

.indo-floating__link:nth-child(4) .indo-floating__icon {
    animation-delay: -1.05s;
}

.indo-floating__link:nth-child(5) .indo-floating__icon {
    animation-delay: -1.4s;
}

@keyframes indo-floating-icon-float {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-3px);
    }
}

@keyframes indo-floating-sheen {
    0%, 60% {
        transform: translateX(-150%);
    }

    100% {
        transform: translateX(150%);
    }
}

/* Mobile */
@media (max-width: 768px) {
    .indo-floating {
        width: calc(100vw - 24px);
        gap: 3px;
        padding: 5px;
    }

    .indo-floating .indo-floating__link {
        min-height: 60px;
    }

    .indo-floating .indo-floating__icon {
        flex-basis: 24px;
        width: 24px;
        height: 24px;
    }

    .indo-floating .indo-floating__label {
        min-height: 26px;
        font-size: 11px;
        line-height: 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .indo-floating .indo-floating__icon,
    .indo-floating .indo-floating__link--primary::after {
        animation: none;
    }

    .indo-floating .indo-floating__link--primary::after {
        display: none;
    }
}

.indo-marquee,
.indo-marquee * {
    box-sizing: border-box;
}

.indo-marquee {
    --marquee-duration: 55s;

    width: 100%;
    min-width: 0;
    margin: 12px 0;
    padding: 5px 0;

    border: 1px solid #6a241c;
    border-left: 3px solid #c5ad30;
    border-radius: 0;

    background: linear-gradient(
        90deg,
        #380b08,
        #220605 55%,
        #170404
    );

    box-shadow: inset 0 1px 0 rgba(255, 223, 137, 0.06);
    color: #ffedb7;
    font-family: inherit;
}

.indo-marquee__viewport {
    width: 100%;
    overflow: hidden;

    -webkit-mask-image: linear-gradient(
        90deg,
        transparent,
        #000 12px,
        #000 calc(100% - 12px),
        transparent
    );

    mask-image: linear-gradient(
        90deg,
        transparent,
        #000 12px,
        #000 calc(100% - 12px),
        transparent
    );
}

.indo-marquee__track {
    display: flex;
    width: max-content;
    max-width: none;
    animation: indo-marquee-scroll var(--marquee-duration) linear infinite;
}

.indo-marquee .indo-marquee__text {
    display: block;
    flex: 0 0 auto;
    margin: 0;
    padding: 0 48px 0 12px;

    color: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap;
}

/* Berhenti saat diarahkan kursor, disentuh, atau mendapat fokus */
.indo-marquee:hover .indo-marquee__track,
.indo-marquee:focus-within .indo-marquee__track,
.indo-marquee:active .indo-marquee__track {
    animation-play-state: paused;
}

.indo-marquee__viewport:focus-visible {
    outline: 1px solid #edda57;
    outline-offset: -1px;
}

@keyframes indo-marquee-scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@media (max-width: 600px) {
    .indo-marquee {
        margin: 10px 0;
        padding: 4px 0;
    }

    .indo-marquee .indo-marquee__text {
        font-size: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .indo-marquee__viewport {
        overflow-x: auto;
        -webkit-mask-image: none;
        mask-image: none;
        scrollbar-width: thin;
        scrollbar-color: #b99b2c #220605;
    }

    .indo-marquee__track {
        animation: none;
        transform: none;
    }

    .indo-marquee__text[aria-hidden="true"] {
        display: none;
    }
}

.indo-marquee {
    margin: 0 !important;
}

.indo-tags,
.indo-tags *,
.indo-tags::before,
.indo-tags *::before,
.indo-tags *::after {
    box-sizing: border-box;
}

.indo-tags {
    position: relative;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: clamp(18px, 3vw, 28px);
    border: 1px solid #6a241c;
    border-left: 4px solid #c5ad30;
    border-radius: 0;
    background:
        radial-gradient(ellipse at top left, rgba(155, 28, 21, .2), transparent 65%),
        linear-gradient(135deg, #360b09, #220605 55%, #170404);
    box-shadow: inset 0 1px 0 rgba(255, 223, 137, .06);
    color: #eededb;
    font-family: inherit;
}

.indo-tags::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, #f6e18a, #b99b2c 30%, #a23221 70%, transparent);
    pointer-events: none;
}

.indo-tags .indo-tags__title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 0;
    padding: 0;
    border: 0;
    color: #fff0c2;
    font-family: inherit;
    font-size: clamp(22px, 3vw, 28px);
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: .08em;
    text-align: center;
}

.indo-tags__title::before,
.indo-tags__title::after {
    content: "";
    flex: 0 1 70px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #b99b2c);
}

.indo-tags__title::after {
    transform: rotate(180deg);
}

.indo-tags .indo-tags__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
}

.indo-tags .indo-tags__item {
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 9px 13px;
    border: 1px solid #80612e;
    border-radius: 0;
    background: linear-gradient(145deg, #49140e, #280806);
    box-shadow: inset 0 1px 0 rgba(255, 223, 137, .06);
    color: #f5e3b1;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .025em;
    text-align: center;
    overflow-wrap: anywhere;
}

@media (max-width: 480px) {
    .indo-tags {
        padding: 16px 12px;
    }

    .indo-tags .indo-tags__list {
        gap: 7px;
        margin-top: 14px;
    }

    .indo-tags .indo-tags__item {
        padding: 8px 10px;
        font-size: 11px;
    }
}

.indo-snow,
.indo-snow * {
    box-sizing: border-box;
    pointer-events: none !important;
}

.indo-snow {
    position: fixed;
    inset: 0;
    z-index: 9997;
    margin: 0;
    padding: 0;
    overflow: hidden;
    contain: strict;
    background: transparent;
    user-select: none;
}

.indo-snow__defs {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.indo-snow__flake {
    --alpha: .65;
    --sway: 5s;
    --drift: 18px;
    position: absolute;
    top: -40px;
    left: var(--x);
    display: block;
    width: var(--size);
    height: var(--size);
    opacity: 0;
    animation: indo-snow-fall var(--fall) linear var(--delay) infinite;
    will-change: transform;
}

.indo-snow__flake:nth-of-type(3n) {
    --alpha: .8;
    --sway: 6.5s;
    --drift: 24px;
}

.indo-snow__flake:nth-of-type(4n) {
    --alpha: .4;
    --sway: 7.5s;
    --drift: 12px;
}

.indo-snow__flake:nth-of-type(5n) {
    --sway: 4.5s;
    --drift: 30px;
}

.indo-snow__drift {
    display: block;
    width: 100%;
    height: 100%;
    animation: indo-snow-drift var(--sway) ease-in-out var(--delay) infinite alternate;
}

.indo-snow__ball {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #fff 0 35%, #e7f3ff 70%, #c4d9ec 100%);
    box-shadow: 0 0 6px rgba(230, 243, 255, .55);
}

.indo-snow__flake:nth-of-type(4n) .indo-snow__ball {
    filter: blur(.7px);
}

.indo-snow__crystal {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
    color: #f1f8ff;
    filter: drop-shadow(0 0 3px rgba(214, 237, 255, .55));
    transform-origin: center;
    animation: indo-snow-turn 24s linear var(--delay) infinite;
}

.indo-snow__flake:nth-of-type(even) .indo-snow__crystal {
    animation-direction: reverse;
    animation-duration: 32s;
}

@keyframes indo-snow-fall {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 0;
    }
    8%, 90% {
        opacity: var(--alpha);
    }
    100% {
        transform: translate3d(0, calc(100vh + 80px), 0);
        opacity: 0;
    }
}

@keyframes indo-snow-drift {
    from {
        transform: translate3d(calc(-1 * var(--drift)), 0, 0);
    }
    to {
        transform: translate3d(var(--drift), 0, 0);
    }
}

@keyframes indo-snow-turn {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@media (max-width: 600px) {
    .indo-snow__flake:nth-of-type(even) {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .indo-snow {
        display: none;
    }
}

.indo-rtp,
.indo-rtp *,
.indo-rtp::before,
.indo-rtp *::before,
.indo-rtp *::after {
    box-sizing: border-box;
}

.indo-rtp {
    position: relative;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: clamp(18px, 3vw, 30px);
    border: 1px solid #6a241c;
    border-left: 4px solid #c5ad30;
    border-radius: 0;
    background:
        radial-gradient(ellipse at top left, #731a1438, transparent 65%),
        linear-gradient(135deg, #360b09, #220605 55%, #170404);
    color: #eededb;
    font-family: inherit;
    line-height: 1.5;
    text-align: left;
}

.indo-rtp::before {
    content: "";
    position: absolute;
    top: -1px;
    right: 0;
    left: 0;
    height: 2px;
    background: linear-gradient(90deg, #f6e18a, #b99b2c 30%, #a23221 70%, transparent);
    pointer-events: none;
}

.indo-rtp .indo-rtp__title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 0 0 20px;
    padding: 0;
    border: 0;
    color: #fff0c2;
    font-family: inherit;
    font-size: clamp(22px, 3vw, 30px);
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: .055em;
    text-align: center;
}

.indo-rtp__title::before,
.indo-rtp__title::after {
    content: "";
    flex: 0 1 70px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #b99b2c);
}

.indo-rtp__title::after { transform: rotate(180deg); }

.indo-rtp__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.indo-rtp__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 9px;
    border: 1px solid #8b6738;
    background: #53351055;
    color: #f7df9c;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
}

.indo-rtp__badge::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #edce72;
    box-shadow: 0 0 8px #edce7255;
}

.indo-rtp .indo-rtp__status {
    min-height: 1.5em;
    margin: 10px 0 16px;
    color: #d5bcb0;
    font-size: 12px;
}

.indo-rtp[data-error="true"] .indo-rtp__status { color: #ffb4a5; }

.indo-rtp__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.indo-rtp__card {
    --art-glow: #397755;
    --art-base: #10291f;
    min-width: 0;
    border: 1px solid #773426;
    border-radius: 0;
    background: linear-gradient(155deg, #3e110c, #210605 80%);
    box-shadow: 0 7px 18px #00000024;
    transition: border-color 180ms ease;
}

.indo-rtp__card:hover { border-color: #b29443; }
.indo-rtp__card--amber { --art-glow: #9a5b25; --art-base: #32180c; }
.indo-rtp__card--storm { --art-glow: #515484; --art-base: #151a35; }
.indo-rtp__card--berry { --art-glow: #985474; --art-base: #351026; }

.indo-rtp__art {
    position: relative;
    display: grid;
    place-items: center;
    height: 102px;
    overflow: hidden;
    border-bottom: 1px solid #8d642d;
    background:
        linear-gradient(115deg, transparent 38%, #fff3c40c 38% 42%, transparent 42% 58%, #fff3c407 58% 62%, transparent 62%),
        radial-gradient(ellipse at 50% 110%, var(--art-glow), transparent 75%),
        var(--art-base);
}

.indo-rtp__art::before,
.indo-rtp__art::after {
    content: "";
    position: absolute;
    width: 144px;
    height: 144px;
    border: 1px solid #f8d78830;
    border-radius: 50%;
    pointer-events: none;
}

.indo-rtp__art::after { width: 174px; height: 174px; }

.indo-rtp__emblem {
    position: relative;
    width: 72px;
    height: 72px;
    filter: drop-shadow(0 5px 9px #00000055);
}

.indo-rtp__body { padding: 16px; }

.indo-rtp .indo-rtp__provider {
    margin: 0 0 5px;
    color: #c9ad78;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .1em;
}

.indo-rtp .indo-rtp__game {
    min-height: 2.7em;
    margin: 0;
    padding: 0;
    border: 0;
    color: #fff0d7;
    font-family: inherit;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.indo-rtp__reading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px;
    margin-top: 12px;
}

.indo-rtp__reading > span {
    color: #d5bcb0;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
}

.indo-rtp__reading output {
    color: #ffe694;
    font-family: inherit;
    font-size: clamp(26px, 2.6vw, 34px);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
    letter-spacing: -.035em;
}

.indo-rtp__meter {
    height: 6px;
    margin-top: 10px;
    overflow: hidden;
    background: #100302;
    box-shadow: inset 0 0 0 1px #6e302340;
}

.indo-rtp__meter > span {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #a57426, #edca60 65%, #fff0b3);
    transform: scaleX(var(--rtp-fill, 0));
    transform-origin: left;
    transition: transform 650ms cubic-bezier(.22, 1, .36, 1);
}

.indo-rtp .indo-rtp__time {
    min-height: 3em;
    margin: 10px 0 12px;
    color: #c7aba2;
    font-size: 10px;
    line-height: 1.5;
}

.indo-rtp__card[data-stale="true"] .indo-rtp__time { color: #ffb4a5; }

.indo-rtp .indo-rtp__refresh {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 42px;
    margin: 0;
    padding: 9px 14px;
    border: 1px solid #967438;
    border-radius: 0;
    background: linear-gradient(135deg, #641c13, #3d0c08);
    color: #ffe7ab;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: .025em;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}

.indo-rtp .indo-rtp__refresh--all {
    width: auto;
    background: linear-gradient(120deg, #f5df86, #c9a034);
    color: #301308;
    border-color: #edcf72;
}

.indo-rtp .indo-rtp__refresh:hover:not(:disabled) {
    background: #f4dc87;
    border-color: #ffe6a3;
    color: #351108;
}

.indo-rtp .indo-rtp__refresh:focus-visible {
    outline: 2px solid #fff0ad;
    outline-offset: 3px;
}

.indo-rtp .indo-rtp__refresh:disabled {
    opacity: .6;
    cursor: wait;
}

.indo-rtp__refresh-icon { width: 17px; height: 17px; flex: 0 0 17px; }

.indo-rtp [data-loading="true"] > .indo-rtp__refresh-icon {
    animation: indo-rtp-spin 850ms linear infinite;
}

.indo-rtp .indo-rtp__note {
    margin: 16px 0 0;
    color: #c7aba2;
    font-size: 11px;
    text-align: center;
}

.indo-rtp [hidden] { display: none !important; }

@keyframes indo-rtp-spin { to { transform: rotate(360deg); } }

@media (max-width: 1000px) {
    .indo-rtp__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 480px) {
    .indo-rtp { padding: 18px 12px; }
    .indo-rtp__grid { gap: 10px; }
    .indo-rtp__art { height: 88px; }
    .indo-rtp__emblem { width: 62px; height: 62px; }
    .indo-rtp__body { padding: 12px; }
    .indo-rtp .indo-rtp__game { font-size: 14px; }
    .indo-rtp__reading { flex-wrap: wrap; }
}

@media (max-width: 350px) {
    .indo-rtp__grid { grid-template-columns: minmax(0, 1fr); }
    .indo-rtp .indo-rtp__game { min-height: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .indo-rtp *, .indo-rtp *::before, .indo-rtp *::after {
        animation: none !important;
        transition: none !important;
    }
}