:root {
    color-scheme: dark;
    --gtg-bg: #050914;
    --gtg-bg-2: #07111f;
    --gtg-surface: #0a1830;
    --gtg-surface-2: #0d203d;
    --gtg-surface-3: #102a4d;
    --gtg-surface-hover: #14345c;
    --gtg-electric: #1f7aff;
    --gtg-blue: #176bff;
    --gtg-cyan: #00b8ff;
    --gtg-cyan-soft: #00e5ff;
    --gtg-ice: #dffbff;
    --gtg-gold: #ffc928;
    --gtg-gold-hi: #ffe88a;
    --gtg-gold-deep: #ad7200;
    --gtg-text: #f8fbff;
    --gtg-text-soft: #c8d9eb;
    --gtg-muted: #98acc4;
    --gtg-line: rgba(0, 229, 255, .22);
    --gtg-line-strong: rgba(0, 229, 255, .4);
    --gtg-line-gold: rgba(255, 201, 40, .32);
    --gtg-success: #42f5a7;
    --gtg-danger: #ff5470;
    --gtg-warning: #ffc928;
    --gtg-info: #00e5ff;
    --gtg-shadow: 0 18px 48px rgba(2, 6, 15, .48);
    --gtg-shadow-soft: 0 10px 28px rgba(2, 6, 15, .34);
    --gtg-glow: 0 0 30px rgba(0, 184, 255, .18);
    --gtg-ring: 0 0 0 3px rgba(255, 201, 40, .26);
    --gtg-radius: 14px;
    --gtg-radius-sm: 10px;
    --gtg-grad-tech: linear-gradient(135deg, #176bff 0%, #00e5ff 52%, #ffc928 100%);
    --gtg-grad-gold: linear-gradient(135deg, #fff2a8 0%, #ffc928 52%, #e4a913 100%)
}

html {
    background: var(--gtg-bg);
    color-scheme: dark
}

body.main-page {
    background: radial-gradient(circle at 48% -8%, rgba(31, 122, 255, .2), transparent 34%), radial-gradient(circle at 88% 16%, rgba(255, 201, 40, .07), transparent 25%), linear-gradient(180deg, var(--gtg-bg-2) 0%, var(--gtg-bg) 46%, #030711 100%);
    color: var(--gtg-text)
}

body.main-page a {
    color: var(--gtg-ice)
}

body.main-page a:hover,
body.main-page a:focus {
    color: var(--gtg-gold-hi)
}

body.main-page ::selection {
    background: var(--gtg-cyan);
    color: #fff
}

#mainheader {
    position: relative;
    z-index: 1000;
    background: linear-gradient(180deg, rgba(13, 32, 61, .98), rgba(5, 9, 20, .98));
    border-bottom: 1px solid var(--gtg-line-gold);
    box-shadow: 0 12px 34px rgba(2, 6, 15, .38)
}

.mainheader-container,
.mainheader,
.header-content,
.logo-container,
.middlebackground,
.announcement-container,
.sitestats-container,
.subbanner-container,
.slot-container {
    background: transparent
}

.site-hero-image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    background: #06101e
}

.topbar-content {
    background: linear-gradient(90deg, rgba(31, 122, 255, .15), rgba(255, 201, 40, .05));
    border: 1px solid var(--gtg-line);
    border-radius: var(--gtg-radius-sm);
    color: var(--gtg-text-soft)
}

.topbar-content .content a {
    color: var(--gtg-text-soft);
    font-weight: 600
}

.topbar-content .content a:hover,
.topbar-content .content a:focus {
    color: var(--gtg-gold-hi)
}

.topbar-content .border {
    background: linear-gradient(180deg, transparent, var(--gtg-line-gold), transparent)
}

.register-button,
.btn.register-button,
.member-action-register,
.mobile-sticky-register {
    background: linear-gradient(135deg, var(--gtg-gold-hi), var(--gtg-gold));
    border: 1px solid rgba(255, 232, 138, .7);
    border-radius: var(--gtg-radius-sm);
    box-shadow: 0 9px 24px rgba(173, 114, 0, .24);
    color: #0d2039;
    font-weight: 800;
    letter-spacing: .04em;
    text-shadow: none
}

.register-button:hover,
.register-button:focus,
.btn.register-button:hover,
.btn.register-button:focus,
.member-action-register:hover,
.member-action-register:focus,
.mobile-sticky-register:hover,
.mobile-sticky-register:focus {
    background: linear-gradient(135deg, #fff2a8, var(--gtg-gold-hi));
    border-color: #fff2a8;
    color: #0b1b33;
    transform: translateY(-1px)
}

.mainnavbar-container {
    background: linear-gradient(90deg, rgba(10, 24, 48, .99), rgba(16, 42, 77, .99), rgba(10, 24, 48, .99));
    border-top: 1px solid rgba(255, 255, 255, .035);
    border-bottom: 1px solid var(--gtg-line);
    box-shadow: inset 0 -1px 0 rgba(255, 201, 40, .08)
}

.site-logo {
    filter: drop-shadow(0 7px 16px rgba(0, 184, 255, .18))
}

.navbar-content .navbar-nav>li>a {
    background: transparent;
    color: var(--gtg-text-soft);
    font-weight: 600;
    text-shadow: none;
    transition: color .2s ease, background-color .2s ease, box-shadow .2s ease
}

.navbar-content .navbar-nav>li>a:hover,
.navbar-content .navbar-nav>li>a:focus,
.navbar-content .navbar-nav>li.first>a {
    background: linear-gradient(180deg, rgba(0, 184, 255, .16), rgba(31, 122, 255, .08));
    box-shadow: inset 0 -2px 0 var(--gtg-gold);
    color: var(--gtg-gold-hi)
}

.navbar-content .glyphicon,
.navbar-content .fa,
.navbar-content .svg-icon {
    color: var(--gtg-cyan-soft)
}

.navbar-content li.first .glyphicon,
.navbar-content li:hover .glyphicon,
.navbar-content li:hover .fa {
    color: var(--gtg-gold)
}

.mainbanner-container {
    background: #06101e;
    border-bottom: 1px solid rgba(255, 201, 40, .12)
}

.full-bg-banner {
    filter: saturate(.94) contrast(1.05)
}

.announcement-content {
    background: linear-gradient(90deg, rgba(16, 42, 77, .94), rgba(10, 24, 48, .96));
    border: 1px solid var(--gtg-line);
    border-radius: 12px;
    box-shadow: var(--gtg-glow);
    color: var(--gtg-text-soft)
}

.announcement-title {
    color: var(--gtg-gold);
    text-shadow: 0 0 14px rgba(255, 201, 40, .2)
}

.marquee-content {
    color: var(--gtg-text-soft)
}

.datetime {
    border-left: 1px solid var(--gtg-line);
    color: var(--gtg-gold-hi)
}

.member-actions-content {
    display: flex;
    gap: 10px
}

.member-action-btn {
    border-radius: 11px;
    font-weight: 800;
    letter-spacing: .045em;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease
}

.member-action-btn:hover,
.member-action-btn:focus {
    transform: translateY(-1px);
    text-decoration: none
}

.member-action-login,
.mobile-sticky-login {
    background: linear-gradient(135deg, rgba(31, 122, 255, .9), rgba(21, 94, 239, .96));
    border: 1px solid rgba(0, 229, 255, .58);
    box-shadow: 0 9px 24px rgba(31, 122, 255, .22);
    color: #fff
}

.member-action-login:hover,
.member-action-login:focus,
.mobile-sticky-login:hover,
.mobile-sticky-login:focus {
    background: linear-gradient(135deg, var(--gtg-electric), var(--gtg-blue));
    border-color: var(--gtg-ice);
    box-shadow: 0 11px 30px rgba(0, 184, 255, .26);
    color: #fff
}

.jackpot-content {
    background: linear-gradient(135deg, rgba(18, 48, 88, .97), rgba(8, 21, 39, .98));
    border: 1px solid var(--gtg-line-gold);
    border-radius: var(--gtg-radius);
    box-shadow: var(--gtg-shadow), inset 0 1px 0 rgba(255, 255, 255, .04)
}

.jackpot-provider {
    color: var(--gtg-ice);
    font-weight: 700;
    letter-spacing: .04em
}

.jackpot-currency {
    color: var(--gtg-muted);
    font-weight: 700
}

.jackpot-amount {
    background: linear-gradient(180deg, #fff6c7, var(--gtg-gold));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 900;
    text-shadow: none
}

.info-container {
    background: linear-gradient(180deg, rgba(14, 37, 68, .96), rgba(8, 20, 36, .98));
    border: 1px solid var(--gtg-line);
    border-radius: var(--gtg-radius);
    box-shadow: var(--gtg-shadow);
    overflow: hidden
}

.info-col {
    color: var(--gtg-text-soft)
}

.info-col.border-left-right {
    border-left-color: var(--gtg-line);
    border-right-color: var(--gtg-line)
}

.info-title {
    color: var(--gtg-gold-hi);
    font-weight: 800;
    letter-spacing: .055em
}

.info-subtitle,
.info-label {
    color: var(--gtg-muted)
}

.info-number,
.item-text {
    color: var(--gtg-text);
    font-weight: 800
}

.item-bg {
    background: linear-gradient(180deg, rgba(0, 184, 255, .19), rgba(31, 122, 255, .07));
    border: 1px solid rgba(0, 229, 255, .21);
    border-radius: 8px
}

.progress {
    background: #07111f;
    border: 1px solid rgba(0, 229, 255, .16);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, .38)
}

.progress-bar {
    background: linear-gradient(90deg, var(--gtg-blue), var(--gtg-cyan), var(--gtg-gold));
    box-shadow: 0 0 16px rgba(0, 184, 255, .24)
}

.tween-list-mask {
    border-radius: var(--gtg-radius)
}

.subbanner {
    background: linear-gradient(180deg, rgba(14, 37, 68, .74), rgba(7, 17, 31, .84));
    border: 1px solid rgba(0, 229, 255, .16);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 9px 24px rgba(2, 6, 15, .28)
}

.subbanner img {
    opacity: .96;
    transition: transform .2s ease, opacity .2s ease
}

.subbanner:hover img {
    opacity: 1;
    transform: scale(1.015)
}

.subbanner-pagination {
    gap: 7px
}

.subbanner-dot {
    background: rgba(200, 217, 235, .25);
    border: 1px solid rgba(0, 229, 255, .25)
}

.subbanner-dot.is-active {
    background: var(--gtg-gold);
    border-color: var(--gtg-gold-hi);
    box-shadow: 0 0 12px rgba(255, 201, 40, .32)
}

.slot-content {
    background: linear-gradient(180deg, rgba(12, 31, 57, .95), rgba(6, 16, 30, .98));
    border: 1px solid var(--gtg-line);
    border-radius: var(--gtg-radius);
    box-shadow: var(--gtg-shadow);
    overflow: hidden
}

.slot-header {
    background: linear-gradient(90deg, rgba(31, 122, 255, .21), rgba(255, 201, 40, .07));
    border-bottom: 1px solid var(--gtg-line);
    color: var(--gtg-text)
}

.provider-name {
    color: var(--gtg-gold-hi);
    font-weight: 800;
    letter-spacing: .04em
}

.see-more {
    background: rgba(0, 184, 255, .11);
    border: 1px solid rgba(0, 229, 255, .2);
    border-radius: 8px;
    color: var(--gtg-ice)
}

.see-more:hover,
.see-more:focus {
    background: rgba(255, 201, 40, .11);
    border-color: var(--gtg-line-gold);
    color: var(--gtg-gold-hi)
}

.slot-body {
    background: transparent;
    scrollbar-color: var(--gtg-blue) #07111f;
    scrollbar-width: thin
}

.slot-body::-webkit-scrollbar {
    height: 8px
}

.slot-body::-webkit-scrollbar-track {
    background: #07111f;
    border-radius: 999px
}

.slot-body::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, var(--gtg-blue), var(--gtg-gold));
    border-radius: 999px
}

.slot-game {
    background: linear-gradient(180deg, rgba(17, 45, 82, .8), rgba(9, 24, 44, .94));
    border: 1px solid rgba(0, 229, 255, .16);
    border-radius: 12px;
    box-shadow: 0 8px 18px rgba(2, 6, 15, .24);
    color: var(--gtg-text-soft);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease
}

.slot-game:hover {
    border-color: var(--gtg-line-gold);
    box-shadow: 0 11px 26px rgba(2, 6, 15, .34), 0 0 18px rgba(0, 184, 255, .12);
    transform: translateY(-2px)
}

.slot-name {
    color: var(--gtg-text-soft);
    font-weight: 700
}

.slot-img {
    background: #07111f;
    border: 1px solid rgba(255, 255, 255, .035);
    border-radius: 10px;
    overflow: hidden
}

.footer-container {
    background: linear-gradient(180deg, rgba(10, 24, 48, .98), rgba(4, 8, 18, .99));
    border-top: 1px solid var(--gtg-line-gold);
    color: var(--gtg-text-soft)
}

.Medusa78-editorial {
    max-width: 920px;
    margin: 0 auto;
    padding: 10px 18px 4px;
    line-height: 1.75;
    color: var(--gtg-text-soft)
}

.Medusa78-editorial h1 {
    font-size: clamp(26px, 3vw, 38px);
    line-height: 1.25;
    margin: 0 0 18px;
    text-align: center;
    background: linear-gradient(90deg, var(--gtg-ice), #fff, var(--gtg-gold-hi));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.Medusa78-editorial h2 {
    font-size: clamp(21px, 2.2vw, 28px);
    line-height: 1.35;
    margin: 30px 0 12px;
    color: var(--gtg-text)
}

.Medusa78-editorial p {
    margin: 0 0 15px
}

.Medusa78-editorial .article-lead {
    font-size: 1.06em
}

.Medusa78-editorial a {
    color: var(--gtg-gold-hi);
    text-decoration: underline;
    text-decoration-color: rgba(255, 201, 40, .56);
    text-underline-offset: 3px
}

.Medusa78-editorial a:hover,
.Medusa78-editorial a:focus {
    color: #fff2a8;
    text-decoration-color: #fff2a8
}

.hybridcontent-container {
    background: linear-gradient(180deg, #07111f, #040812);
    border-top: 1px solid var(--gtg-line);
    color: var(--gtg-text-soft)
}

.contact-content,
.bank-content {
    background: linear-gradient(180deg, rgba(14, 37, 68, .9), rgba(8, 20, 36, .95));
    border: 1px solid rgba(0, 229, 255, .14);
    border-radius: 13px;
    box-shadow: var(--gtg-shadow-soft)
}

.contact-header,
.bank-header {
    border-bottom: 1px solid var(--gtg-line)
}

.contact-title,
.bank-title {
    color: var(--gtg-gold-hi);
    font-weight: 800;
    letter-spacing: .04em
}

.contact-box {
    background: rgba(0, 184, 255, .08);
    border: 1px solid rgba(0, 229, 255, .15);
    border-radius: 10px;
    color: var(--gtg-text-soft)
}

.contact-box:hover,
.contact-box:focus {
    background: rgba(255, 201, 40, .08);
    border-color: var(--gtg-line-gold);
    color: var(--gtg-gold-hi)
}

.contact-icon {
    color: var(--gtg-cyan-soft)
}

.spinning-circle {
    border-color: rgba(0, 229, 255, .2);
    border-top-color: var(--gtg-gold)
}

.contact-description {
    color: var(--gtg-text-soft)
}

.hybridcontent-line {
    background: linear-gradient(180deg, transparent, var(--gtg-line), transparent)
}

.bank-box {
    background: rgba(31, 122, 255, .055);
    border: 1px solid rgba(0, 229, 255, .1);
    border-radius: 9px
}

.bank-box:hover {
    background: rgba(255, 201, 40, .055);
    border-color: rgba(255, 201, 40, .18)
}

.bank-indicator.online-indicator {
    background: var(--gtg-success);
    box-shadow: 0 0 9px rgba(66, 245, 167, .5)
}

.provider-platform {
    background: linear-gradient(180deg, #06101e, #030711);
    border-top: 1px solid var(--gtg-line);
    color: var(--gtg-text-soft)
}

.provider-platform-title {
    color: var(--gtg-gold-hi);
    font-weight: 800;
    letter-spacing: .04em
}

.provider-platform-grid {
    gap: 10px
}

.provider-platform-item {
    background: linear-gradient(180deg, rgba(16, 43, 79, .84), rgba(9, 22, 40, .94));
    border: 1px solid rgba(0, 229, 255, .14);
    border-radius: 10px;
    color: var(--gtg-text-soft);
    transition: transform .18s ease, border-color .18s ease, background .18s ease
}

.provider-platform-item:hover,
.provider-platform-item:focus {
    background: linear-gradient(180deg, rgba(22, 57, 103, .9), rgba(12, 31, 57, .97));
    border-color: var(--gtg-line-gold);
    color: var(--gtg-gold-hi);
    transform: translateY(-1px)
}

.mobile-sticky-actions {
    background: rgba(6, 16, 30, .94);
    border-top: 1px solid var(--gtg-line);
    box-shadow: 0 -10px 28px rgba(2, 6, 15, .36);
    backdrop-filter: blur(12px)
}

.mobile-sticky-btn {
    border-radius: 10px;
    font-weight: 800;
    letter-spacing: .04em;
    text-decoration: none
}

.site-copyright {
    background: #030711;
    border-top: 1px solid rgba(255, 201, 40, .13);
    color: var(--gtg-muted)
}

.site-copyright__brand {
    color: var(--gtg-gold-hi);
    font-weight: 800
}

.site-copyright__notice {
    color: var(--gtg-muted)
}

.form-control,
.form-control[disabled],
.form-control[readonly] {
    background: var(--gtg-surface) !important;
    border: 1px solid var(--gtg-line) !important;
    color: var(--gtg-text) !important;
    box-shadow: none !important
}

.form-control::placeholder {
    color: var(--gtg-muted);
    opacity: 1
}

.form-control:focus {
    border-color: var(--gtg-gold) !important;
    box-shadow: var(--gtg-ring) !important
}

.input-group-addon {
    background: var(--gtg-surface-2);
    border-color: var(--gtg-line);
    color: var(--gtg-text-soft)
}

.dropdown-menu,
.modal-content,
.popover,
.well,
.panel,
.list-group-item,
.thumbnail {
    background: var(--gtg-surface) !important;
    border-color: var(--gtg-line) !important;
    color: var(--gtg-text-soft) !important
}

.dropdown-menu>li>a {
    color: var(--gtg-text-soft)
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background: var(--gtg-surface-hover) !important;
    color: var(--gtg-gold-hi) !important
}

.modal-header,
.modal-footer,
.panel-heading,
.panel-footer {
    background: var(--gtg-surface-2) !important;
    border-color: var(--gtg-line) !important;
    color: var(--gtg-text) !important
}

.close {
    color: var(--gtg-text) !important;
    text-shadow: none !important;
    opacity: .72
}

.close:hover,
.close:focus {
    color: var(--gtg-gold-hi) !important;
    opacity: 1
}

.btn {
    border-radius: 9px;
    text-shadow: none;
    box-shadow: none;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease
}

.btn:hover,
.btn:focus {
    transform: translateY(-1px)
}

.btn-default {
    background: var(--gtg-surface-2) !important;
    border-color: var(--gtg-line) !important;
    color: var(--gtg-text-soft) !important
}

.btn-default:hover,
.btn-default:focus {
    background: var(--gtg-surface-hover) !important;
    border-color: var(--gtg-line-strong) !important;
    color: var(--gtg-text) !important
}

.btn-primary,
.btn-theme {
    background: linear-gradient(135deg, var(--gtg-electric), var(--gtg-blue)) !important;
    border-color: var(--gtg-cyan-soft) !important;
    color: #fff !important
}

.btn-primary:hover,
.btn-primary:focus,
.btn-theme:hover,
.btn-theme:focus {
    background: linear-gradient(135deg, var(--gtg-electric), var(--gtg-blue)) !important;
    color: #fff !important
}

.btn-info {
    background: linear-gradient(135deg, var(--gtg-cyan-soft), var(--gtg-cyan)) !important;
    border-color: var(--gtg-ice) !important;
    color: #0c1d36 !important
}

.btn-success {
    background: var(--gtg-success) !important;
    border-color: #72f8bd !important;
    color: #07150f !important
}

.btn-warning {
    background: linear-gradient(135deg, var(--gtg-gold-hi), var(--gtg-gold)) !important;
    border-color: var(--gtg-gold-hi) !important;
    color: #0d2039 !important
}

.btn-danger {
    background: var(--gtg-danger) !important;
    border-color: #ff8ba1 !important;
    color: #0e2441 !important
}

.alert-success,
.list-group-item-success,
.panel-success>.panel-heading {
    background: rgba(66, 245, 167, .1) !important;
    border-color: rgba(66, 245, 167, .28) !important;
    color: #91ffd0 !important
}

.alert-info,
.list-group-item-info,
.panel-info>.panel-heading {
    background: rgba(0, 229, 255, .1) !important;
    border-color: rgba(0, 229, 255, .28) !important;
    color: var(--gtg-ice) !important
}

.alert-warning,
.list-group-item-warning,
.panel-warning>.panel-heading {
    background: rgba(255, 201, 40, .1) !important;
    border-color: rgba(255, 201, 40, .28) !important;
    color: var(--gtg-gold-hi) !important
}

.alert-danger,
.list-group-item-danger,
.panel-danger>.panel-heading {
    background: rgba(255, 84, 112, .1) !important;
    border-color: rgba(255, 84, 112, .28) !important;
    color: #ffadbb !important
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    border-color: var(--gtg-line) !important
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background: rgba(0, 184, 255, .045)
}

.pagination>li>a,
.pagination>li>span {
    background: var(--gtg-surface) !important;
    border-color: var(--gtg-line) !important;
    color: var(--gtg-text-soft) !important
}

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>.active>a,
.pagination>.active>span {
    background: var(--gtg-surface-hover) !important;
    border-color: var(--gtg-line-gold) !important;
    color: var(--gtg-gold-hi) !important
}

.label-primary,
.badge {
    background: var(--gtg-blue);
    color: #fff
}

.label-info {
    background: var(--gtg-cyan-soft);
    color: #0c1d36
}

.label-success {
    background: var(--gtg-success);
    color: #07150f
}

.label-warning {
    background: var(--gtg-gold);
    color: #0d2039
}

.label-danger {
    background: var(--gtg-danger);
    color: #0e2441
}

.tooltip-inner {
    background: var(--gtg-surface-3);
    color: var(--gtg-text)
}

body.main-page button:focus-visible,
body.main-page a:focus-visible,
body.main-page input:focus-visible,
body.main-page select:focus-visible,
body.main-page textarea:focus-visible {
    outline: 2px solid var(--gtg-gold-hi);
    outline-offset: 3px
}

.bank-icon-link,
.footer-icon-link {
    display: contents
}

.bank-icon-link:focus,
.footer-icon-link:focus {
    outline: none
}

@media (max-width:767px) {
    .topbar-content {
        border-radius: 0
    }

    .member-actions-content {
        gap: 8px
    }

    .announcement-content {
        border-radius: 10px
    }

    .datetime {
        border-left: 0;
        border-top: 1px solid var(--gtg-line)
    }

    .info-container,
    .jackpot-content,
    .slot-content {
        border-radius: 12px
    }

    .Medusa78-editorial {
        padding: 8px 14px 0;
        line-height: 1.7
    }

    .Medusa78-editorial h1 {
        text-align: left
    }

    .provider-platform-grid {
        gap: 8px
    }
}

@media (prefers-reduced-motion:reduce) {

    .register-button,
    .btn,
    .member-action-btn,
    .subbanner img,
    .slot-game,
    .provider-platform-item {
        transition: none
    }

    .register-button:hover,
    .btn:hover,
    .member-action-btn:hover,
    .slot-game:hover,
    .provider-platform-item:hover {
        transform: none
    }
}

html {
    accent-color: var(--gtg-gold)
}

body.main-page {
    background: radial-gradient(circle at 18% -8%, rgba(31, 122, 255, .22), transparent 30%), radial-gradient(circle at 82% 4%, rgba(0, 229, 255, .13), transparent 28%), radial-gradient(circle at 50% 28%, rgba(255, 201, 40, .06), transparent 24%), linear-gradient(180deg, var(--gtg-bg-2) 0%, var(--gtg-bg) 50%, #030711 100%)
}

body.main-page :focus-visible {
    outline: 2px solid var(--gtg-gold-hi);
    outline-offset: 3px;
    box-shadow: var(--gtg-ring)
}

.register-button,
.btn.register-button,
.member-action-register,
.mobile-sticky-register {
    background: var(--gtg-grad-gold) !important;
    border-color: rgba(255, 232, 138, .82) !important;
    color: #08111f !important;
    box-shadow: 0 10px 28px rgba(255, 201, 40, .22), 0 0 22px rgba(255, 201, 40, .12) !important
}

.member-action-login,
.mobile-sticky-login {
    background: linear-gradient(135deg, var(--gtg-blue), var(--gtg-cyan)) !important;
    border-color: rgba(0, 229, 255, .62) !important;
    box-shadow: 0 10px 28px rgba(0, 184, 255, .2) !important;
    color: #fff !important
}

.mainnavbar-container {
    background: linear-gradient(90deg, rgba(7, 17, 31, .99), rgba(16, 42, 77, .99), rgba(7, 17, 31, .99)) !important;
    border-bottom-color: var(--gtg-line-strong) !important
}

.navbar-content .navbar-nav>li>a:hover,
.navbar-content .navbar-nav>li>a:focus,
.navbar-content .navbar-nav>li.first>a {
    background: linear-gradient(180deg, rgba(0, 184, 255, .18), rgba(31, 122, 255, .09)) !important;
    box-shadow: inset 0 -2px 0 var(--gtg-gold) !important;
    color: var(--gtg-gold-hi) !important
}

.announcement-content,
.slot-content,
.info-container,
.jackpot-content {
    background: linear-gradient(145deg, rgba(13, 32, 61, .97), rgba(7, 17, 31, .98)) !important;
    border-color: var(--gtg-line) !important;
    backdrop-filter: saturate(120%) blur(8px);
    -webkit-backdrop-filter: saturate(120%) blur(8px)
}

.slot-header {
    background: linear-gradient(90deg, rgba(31, 122, 255, .24), rgba(0, 229, 255, .1) 58%, rgba(255, 201, 40, .09)) !important;
    border-bottom-color: var(--gtg-line-strong) !important
}

.progress-bar {
    background: var(--gtg-grad-tech) !important
}

::selection {
    background: #ffc928;
    color: #07111f
}

@media (prefers-reduced-motion:reduce) {

    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important
    }
}