.menuBoxNotification {
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 9px;
        min-height: 42px;
        padding: 0 14px;
        border-radius: 999px;
        background: linear-gradient(135deg, rgba(21, 33, 83, 0.72) 0%, rgba(31, 45, 102, 0.54) 100%);
        border: 1px solid rgba(126, 151, 255, 0.14);
        color: #f8faff;
        font-weight: 800;
        letter-spacing: 0.02em;
        text-shadow: 0 1px 14px rgba(5, 12, 33, 0.34);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 14px 26px rgba(5, 11, 31, 0.18);
    }

    .menuBoxNotification i {
        margin-right: 0;
        color: #ffd95f;
        filter: drop-shadow(0 0 12px rgba(255, 214, 95, 0.24));
    }

    .menuBoxNotification::after {
        content: "";
        position: absolute;
        left: 16px;
        right: 16px;
        bottom: 0;
        height: 1px;
        border-radius: 999px;
        background: linear-gradient(90deg, rgba(255, 214, 95, 0) 0%, rgba(255, 214, 95, 0.65) 48%, rgba(255, 214, 95, 0) 100%);
        opacity: 0.66;
    }

    .menuBoxNotification .menuBoxBadge,
    .navbarTopAccountNotificationTrigger .menuBoxBadge {
        display: inline-flex;
        min-width: 20px;
        height: 20px;
        align-items: center;
        justify-content: center;
        padding: 0 6px;
        border-radius: 999px;
        background: linear-gradient(135deg, #ff6f4e 0%, #ff3931 100%);
        color: #fff;
        font-size: 11px;
        font-weight: 800;
        line-height: 1;
        box-shadow: 0 8px 18px rgba(255, 68, 49, 0.28);
    }

    .navbarTopAccountNotification,
    .navbarTopAccountChat,
    .navbarTopAccountSupport,
    .navbarTopAccountFullscreen,
    .navbarTopAccountLogout {
        position: relative;
        align-items: center;
        justify-content: center;
        display: inline-flex;
        width: 46px;
        min-width: 46px;
        min-height: 46px;
        flex: 0 0 46px;
        padding: 0;
        border-radius: 15px;
        border: 0;
        background: transparent;
        font-size: 12px;
        font-weight: 800;
        color: #f5f8ff;
    }

    .navbarTopAccountNotificationTrigger,
    .navbarTopAccountChat .navbarTopAccountAction,
    .navbarTopAccountSupportTrigger,
    .navbarTopAccountFullscreenTrigger,
    .navbarTopAccountLogoutTrigger {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-width: 100%;
        min-height: 100%;
        height: 100%;
        padding: 0;
        border: 0;
        border-radius: inherit;
        background: transparent;
        color: inherit;
    }

    .navbarTopAccountNotificationTrigger .menuBoxBadge {
        position: absolute;
        top: 2px;
        right: 1px;
        margin: 0;
        min-width: 18px;
        height: 18px;
        padding: 0 5px;
        font-size: 10px;
        box-shadow: 0 8px 16px rgba(255, 68, 49, 0.22);
        transform: translate(34%, -24%);
    }

    .navbarTopAccountNotificationTrigger .menuBoxBadge.is-hidden {
        display: none;
    }

    .navbarTopInfoMenu,
    .navbarTopAccountNotification,
    .navbarTopAccountLanguage,
    .navbarTopAccountWalletMenu {
        position: relative;
    }

    .navbarTopInfoMenu::after,
    .navbarTopAccountLanguage::after,
    .navbarTopAccountWalletMenu::before {
        content: "";
        position: absolute;
        top: 100%;
        left: -18px;
        right: -18px;
        height: 24px;
    }

    .navbarTopAccountNotification::before {
        content: "";
        position: absolute;
        top: 100%;
        left: -18px;
        right: -18px;
        height: 24px;
    }

    .menuNotificationDropdown {
        width: min(460px, calc(100vw - 36px));
        right: -10px;
        top: calc(100% + 4px);
        padding: 18px;
        border-radius: 24px;
        background:
            radial-gradient(circle at 16% 14%, rgba(79, 108, 255, 0.14), transparent 30%),
            radial-gradient(circle at 88% 8%, rgba(255, 214, 95, 0.08), transparent 24%),
            linear-gradient(180deg, rgba(22, 31, 77, 0.985) 0%, rgba(10, 15, 39, 0.995) 100%);
        border: 1px solid rgba(109, 136, 232, 0.18);
        box-shadow: 0 30px 80px rgba(3, 8, 26, 0.44);
        gap: 14px;
        align-items: stretch;
        overflow: hidden;
    }

    .navbarTopAccountNotification .menuNotificationDropdown {
        position: absolute;
        top: calc(100% + 10px);
        right: 50%;
        left: auto;
        width: min(340px, calc(100vw - 28px));
        display: none;
        z-index: 120;
        transform: translateX(50%);
        padding: 14px;
        border-radius: 18px;
        background:
            radial-gradient(circle at top right, rgba(92, 121, 240, 0.14), transparent 30%),
            linear-gradient(180deg, rgba(17, 25, 60, 0.985) 0%, rgba(10, 15, 39, 0.995) 100%);
        border: 1px solid rgba(110, 135, 225, 0.16);
        box-shadow: 0 24px 54px rgba(3, 8, 26, 0.34);
    }

    .navbarTopAccountNotification.is-open .menuNotificationDropdown,
    .navbarTopAccountNotification.is-open:focus-within .menuNotificationDropdown {
        display: block;
    }

    .navbarTopAccountSupportTrigger {
        min-height: 100%;
    }

    .navbarTopAccountSupportTrigger i {
        transition: opacity 0.16s ease;
        transform-origin: 50% 55%;
        animation: none;
    }

    .navbarTopAccountSupportTrigger::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 18px;
        height: 18px;
        margin: -9px 0 0 -9px;
        border-radius: 50%;
        border: 2.5px solid rgba(255, 255, 255, 0.18);
        border-right-color: rgba(255, 255, 255, 0.08);
        border-top-color: #ffffff;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.16s ease;
        animation: none;
        will-change: transform;
    }

    .navbarTopAccountSupportTrigger.is-loading {
        pointer-events: none;
    }

    .navbarTopAccountSupportTrigger.is-loading i {
        opacity: 0;
        animation: none;
    }

    .navbarTopAccountSupportTrigger.is-loading::before {
        opacity: 1;
        animation: authModalButtonSpin 0.95s linear infinite;
    }

    .navbarTopAccountNotification .menuNotificationSummary {
        display: grid;
        gap: 12px;
        padding: 0;
    }

    .navbarTopAccountNotification .menuNotificationSummaryTitle {
        margin-bottom: 0;
    }

    .navbarTopAccountNotification .menuNotificationSummaryTitle h6 {
        font-size: 15px;
        letter-spacing: -0.02em;
    }

    .navbarTopAccountNotification .menuNotificationMeta {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .navbarTopAccountNotification .menuNotificationMetaBadge {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 0 10px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(131, 156, 236, 0.16);
        color: rgba(229, 237, 255, 0.88);
        font-size: 11px;
        font-weight: 700;
        line-height: 1;
        white-space: nowrap;
    }

    .navbarTopAccountNotification .menuNotificationListShell {
        gap: 10px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: none;
        box-shadow: none;
    }

    .navbarTopAccountNotification .menuNotificationListState {
        justify-content: space-between;
        gap: 8px;
    }

    .navbarTopAccountNotification .menuNotificationListState h6 {
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: rgba(162, 179, 226, 0.78);
    }

    .navbarTopAccountNotification .menuNotificationStateText {
        color: rgba(182, 196, 236, 0.72);
        font-size: 11px;
        font-weight: 700;
        line-height: 1.2;
    }

    .navbarTopAccountNotification .menuNotificationMessageList {
        gap: 8px;
        max-height: 260px;
        overflow: auto;
        padding-right: 2px;
    }

    .navbarTopAccountNotification .menuNotificationMessageItem {
        border: 1px solid rgba(114, 137, 226, 0.12);
        border-radius: 12px;
        background: linear-gradient(180deg, rgba(34, 44, 95, 0.76) 0%, rgba(25, 34, 75, 0.78) 100%);
        padding: 10px 12px;
    }

    .navbarTopAccountNotification .menuNotificationMessageItem:hover {
        background: linear-gradient(180deg, rgba(41, 53, 108, 0.88) 0%, rgba(31, 40, 88, 0.88) 100%);
        border-color: rgba(255, 214, 95, 0.18);
        box-shadow: 0 12px 24px rgba(8, 14, 35, 0.16);
    }

    .navbarTopAccountNotification .menuNotificationMessageItemHeader {
        margin-bottom: 3px;
    }

    .navbarTopAccountNotification .menuNotificationMessageItemHeader strong {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-size: 13px;
    }

    .navbarTopAccountNotification .menuNotificationMessageItemHeader .menuBoxBadge {
        min-width: 16px;
        height: 16px;
        padding: 0 4px;
        font-size: 9px;
        box-shadow: none;
    }

    .navbarTopAccountNotification .menuNotificationMessageItemHeader span {
        font-size: 11px;
    }

    .navbarTopAccountNotification .menuNotificationMessageItem p {
        font-size: 12px;
        line-height: 1.42;
    }

    .navbarTopAccountNotification .menuNotificationMessageEmpty {
        padding: 16px 14px;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.045);
        border: 1px dashed rgba(130, 149, 212, 0.2);
        color: rgba(216, 225, 248, 0.76);
        font-size: 12px;
        font-weight: 700;
        box-shadow: none;
    }

    .navbarTopAccountNotification .menuNotificationQuickLinks {
        margin-top: 0;
    }

    .navbarTopAccountNotification .menuNotificationQuickLink {
        min-height: 42px;
        justify-content: space-between;
        padding: 0 14px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.055);
        border: 1px solid rgba(131, 156, 236, 0.16);
        color: #eef4ff !important;
        font-size: 12px !important;
        box-shadow: none;
    }

    .navbarTopAccountNotification .menuNotificationQuickLink:hover {
        border-color: rgba(255, 214, 95, 0.24);
        box-shadow: 0 10px 22px rgba(8, 13, 31, 0.14);
    }

    .menuNotificationDropdown::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        pointer-events: none;
        border: 1px solid rgba(255, 255, 255, 0.04);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    }

    .menuNotificationSummary {
        padding: 0;
        min-width: 0;
        max-width: none;
    }

    .menuNotificationSummaryCards {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        margin-bottom: 14px;
    }

    .menuNotificationSummaryCard {
        position: relative;
        min-height: 98px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 8px;
        border: 1px solid rgba(113, 137, 226, 0.18);
        border-radius: 20px;
        background: linear-gradient(180deg, rgba(40, 50, 107, 0.92) 0%, rgba(25, 33, 77, 0.88) 100%);
        padding: 14px 14px 12px;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
        overflow: hidden;
    }

    .menuNotificationSummaryCard::after {
        content: "";
        position: absolute;
        right: -22px;
        bottom: -26px;
        width: 92px;
        height: 92px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 70%);
    }

    .menuNotificationSummaryCard b {
        display: block;
        font-size: 30px;
        line-height: 1;
        letter-spacing: -0.04em;
        color: #ffffff;
        margin-bottom: 0;
    }

    .menuNotificationSummaryCard span {
        position: relative;
        z-index: 1;
        display: inline-flex;
        align-self: flex-start;
        min-height: 28px;
        align-items: center;
        padding: 0 10px;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.08);
        color: rgba(236, 242, 255, 0.92);
        font-size: 11px;
        font-weight: 800;
        line-height: 1.2;
        box-shadow: none;
    }

    .menuNotificationSummaryTitle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 12px;
        gap: 10px;
    }

    .menuNotificationSummaryTitle h6 {
        margin: 0;
        font-size: 18px;
        font-weight: 800;
        color: #ffffff;
        letter-spacing: -0.03em;
    }

    .menuNotificationSummaryTitle small {
        display: none;
    }

    .menuNotificationListShell {
        display: flex;
        flex-direction: column;
        gap: 14px;
        padding: 16px;
        border-radius: 22px;
        background: linear-gradient(180deg, rgba(31, 40, 88, 0.94) 0%, rgba(22, 29, 67, 0.94) 100%);
        border: 1px solid rgba(108, 131, 220, 0.14);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    }

    .menuNotificationListState {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        margin-bottom: 0;
    }

    .menuNotificationListState h6 {
        margin: 0;
        font-size: 16px;
        font-weight: 800;
        color: #ffffff;
        letter-spacing: -0.03em;
    }

    .menuNotificationListState small {
        display: none;
    }

    .menuNotificationMessageList {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .menuNotificationMessageItem {
        display: block;
        border: 1px solid rgba(114, 137, 226, 0.14);
        border-radius: 14px;
        background: linear-gradient(180deg, rgba(45, 55, 112, 0.84) 0%, rgba(33, 42, 90, 0.84) 100%);
        padding: 12px 14px;
        min-width: 0;
        overflow: hidden;
        transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
    }

    .menuNotificationMessageItem:has(.menuNotificationMessageIcon) {
        display: grid;
        grid-template-columns: 36px minmax(0, 1fr) auto;
        align-items: start;
        gap: 11px;
        padding: 12px;
    }

    .menuNotificationMessageItem:hover {
        background: linear-gradient(180deg, rgba(51, 63, 125, 0.92) 0%, rgba(38, 48, 101, 0.92) 100%);
        border-color: rgba(255, 214, 95, 0.22);
        transform: translateY(-1px);
        box-shadow: 0 14px 30px rgba(8, 14, 35, 0.18);
    }

    .menuNotificationMessageItemHeader {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        margin-bottom: 4px;
        min-width: 0;
    }

    .menuNotificationMessageItemHeader strong {
        min-width: 0;
        overflow: hidden;
        font-size: 14px;
        color: #ffffff;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .menuNotificationMessageItemHeader span {
        flex: 0 0 auto;
        font-size: 12px;
        color: rgba(203, 214, 245, 0.62);
    }

    .menuNotificationMessageItem p {
        margin: 0;
        font-size: 13px;
        line-height: 1.5;
        color: rgba(223, 233, 255, 0.8);
        overflow-wrap: anywhere;
    }

    .menuNotificationLoadingState {
        min-height: 112px;
        display: grid;
        place-items: center;
        padding: 24px 16px;
        border-radius: 18px;
        background: linear-gradient(180deg, rgba(45, 55, 112, 0.38) 0%, rgba(33, 42, 90, 0.34) 100%);
        border: 1px solid rgba(114, 137, 226, 0.12);
    }

    .menuNotificationLoadingSpinner {
        width: 34px;
        height: 34px;
        display: inline-block;
        border-radius: 999px;
        border: 3px solid rgba(214, 224, 255, 0.2);
        border-top-color: #ffdc2f;
        animation: menuNotificationSpin 0.82s linear infinite;
    }

    @keyframes menuNotificationSpin {
        to {
            transform: rotate(360deg);
        }
    }

    .menuNotificationMessageTitle {
        color: rgba(245, 248, 255, 0.94) !important;
        font-weight: 850;
    }

    .menuNotificationMessageBody {
        margin-top: 3px !important;
        color: rgba(207, 218, 246, 0.72) !important;
        font-size: 12px !important;
    }

    .menuNotificationActionRow {
        margin-top: 8px;
    }

    .menuNotificationActionLink {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        max-width: 100%;
        color: #ffdc2f;
        font-size: 11.5px;
        font-weight: 900;
        line-height: 1;
        text-decoration: none;
    }

    .menuNotificationActionText {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .menuNotificationMessageEmpty {
        display: grid;
        justify-items: center;
        gap: 7px;
        padding: 24px 16px;
        border-radius: 18px;
        background: linear-gradient(180deg, rgba(241, 244, 251, 0.98) 0%, rgba(231, 236, 246, 0.98) 100%);
        border: 1px dashed rgba(126, 136, 170, 0.4);
        color: #607566;
        font-size: 14px;
        font-weight: 800;
        text-align: center;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.48);
    }

    .menuNotificationMessageEmpty strong,
    .menuNotificationMessageEmpty span {
        display: block;
    }

    .menuNotificationEmptyIcon {
        width: 40px;
        height: 40px;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 16px;
        background: rgba(34, 59, 103, 0.08);
        color: #223b67;
        font-size: 17px;
    }

    .menuNotificationMessageEmpty strong {
        color: #263d66;
        font-size: 14px;
        line-height: 1.1;
    }

    .menuNotificationMessageEmpty span:not(.menuNotificationEmptyIcon) {
        color: #6a7b94;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.35;
    }

    .menuNotificationQuickLinks {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 2px;
    }

    .menuNotificationQuickLink {
        min-height: 52px;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 8px;
        border-radius: 16px;
        background: linear-gradient(180deg, rgba(248, 249, 252, 0.98) 0%, rgba(233, 237, 244, 0.98) 100%);
        border: 1px solid rgba(197, 205, 224, 0.78);
        color: #243157 !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        text-decoration: none !important;
        text-transform: none !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
        transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
    }

    .menuNotificationQuickLink:hover {
        transform: translateY(-1px);
        border-color: rgba(255, 214, 95, 0.48);
        box-shadow: 0 12px 26px rgba(8, 13, 31, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.86);
    }

    @media (max-width: 767px) {
        .menuNotificationDropdown {
            width: min(100vw - 20px, 460px);
            right: -8px;
            padding: 16px;
            border-radius: 20px;
        }

        .menuNotificationSummaryCards,
        .menuNotificationQuickLinks {
            grid-template-columns: 1fr;
        }

        .menuNotificationSummaryCard {
            min-height: 92px;
        }

        .menuNotificationSummaryCard b {
            font-size: 28px;
        }

        .menuNotificationSummaryTitle h6 {
            font-size: 17px;
        }

        .menuNotificationListShell {
            padding: 14px;
        }

        .menuNotificationMessageItem:has(.menuNotificationMessageIcon) {
            grid-template-columns: 34px minmax(0, 1fr);
        }

        .menuNotificationMessageBadge {
            grid-column: 1 / -1;
            justify-self: start;
        }
    }

    .navbarTopAccountIdentityStatic {
        display: flex;
        align-items: center;
    }

    .navbarTopAccountWalletMenu {
        position: relative;
        display: flex;
    }

    .navbarTopAccountTrigger {
        position: relative;
        border: 0;
        background: transparent;
        cursor: pointer;
    }

    .navbarTopAccountTrigger::after {
        content: "\f078";
        font-family: "Font Awesome 5 Pro";
        font-weight: 700;
        font-size: 10px;
        color: rgba(245, 248, 255, 0.76);
        transform: rotate(180deg);
        transition: transform 0.2s ease, color 0.2s ease;
    }

    .navbarTopAccountWalletMenu.is-open .navbarTopAccountTrigger::after {
        transform: rotate(0deg);
        color: #ffffff;
    }

    .navbarTopAccountDropdown {
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        width: min(420px, calc(100vw - 32px));
        display: none;
        z-index: 120;
    }

    .navbarTopAccountWalletMenu.is-open .navbarTopAccountDropdown {
        display: block;
    }

    .navbarTopAccountDropdown .menuNotificationSummary {
        gap: 16px;
    }

    .navbarTopAccountDropdownHero {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: stretch;
    }

    .navbarTopAccountDropdownBalance {
        padding: 16px 18px;
        border-radius: 18px;
        background: linear-gradient(180deg, rgba(15, 24, 56, 0.96) 0%, rgba(10, 18, 42, 0.98) 100%);
        border: 1px solid rgba(120, 149, 255, 0.14);
        display: grid;
        gap: 8px;
    }

    .navbarTopAccountDropdownBalance span {
        color: #9fb0e4;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .navbarTopAccountDropdownBalance strong {
        color: #ffd95f;
        font-size: 28px;
        line-height: 1;
        font-weight: 900;
        letter-spacing: -0.04em;
    }

    .navbarTopAccountDropdownDeposit {
        min-width: 132px;
        justify-content: center;
        text-transform: uppercase;
        letter-spacing: 0.06em;
    }

    .navbarTopAccountDropdownGrid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .navbarTopUnifiedDropdownBody {
        display: grid;
        grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
        gap: 12px;
    }

    .navbarTopUnifiedDropdownSection {
        display: grid;
        gap: 12px;
        align-content: start;
    }

    .navbarTopUnifiedDropdownSectionTitle {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: rgba(232, 239, 255, 0.96);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .navbarTopUnifiedDropdownSectionTitle i {
        color: #ffd95f;
    }

    .navbarTopAccountDropdownCard {
        display: grid;
        gap: 6px;
        padding: 14px 16px;
        border-radius: 16px;
        text-decoration: none;
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(255, 255, 255, 0.08);
        transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
    }

    .navbarTopAccountDropdownCard:hover {
        transform: translateY(-1px);
        background: rgba(17, 26, 58, 0.94);
        border-color: rgba(255, 214, 95, 0.24);
    }

    .navbarTopAccountDropdownCardLabel {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #ffffff;
        font-size: 14px;
        font-weight: 800;
    }

    .navbarTopAccountDropdownCardLabel i {
        color: #ffd95f;
    }

    .navbarTopAccountDropdownCard small {
        color: #90a2d4;
        font-size: 12px;
        line-height: 1.4;
    }

    .navbarTopWalletDropdown {
        left: auto;
        right: 0;
        width: min(560px, calc(100vw - 32px));
    }

    .navbarTopWalletDropdown .menuNotificationSummaryTitle {
        margin-bottom: 0;
    }

    .navbarTopAccountMeta {
        border-right: 0;
        padding-right: 0;
    }

    .navbarTopAccountClock {
        border-left: 1px solid rgba(138, 167, 255, 0.14);
        padding-left: 12px;
        margin-left: 2px;
    }

    @keyframes navbarPromoBellSwing {
        0%, 72%, 100% {
            transform: rotate(0deg);
        }

        76% {
            transform: rotate(-16deg);
        }

        80% {
            transform: rotate(14deg);
        }

        84% {
            transform: rotate(-10deg);
        }

        88% {
            transform: rotate(6deg);
        }

        92% {
            transform: rotate(-3deg);
        }
    }

    .navbarTopAccountActionPromo i {
        transform-origin: top center;
        animation: navbarPromoBellSwing 3.6s ease-in-out infinite;
        display: inline-block;
    }

    .navbarTopAccountActionPromo {
        position: relative;
    }

    .navbarTopAccountActionPromo::before {
        content: "1";
        position: absolute;
        top: 3px;
        right: 1px;
        width: 16px;
        height: 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        background: linear-gradient(135deg, #ff6d58 0%, #ff3b2f 100%);
        color: #ffffff;
        font-size: 10px;
        font-weight: 800;
        line-height: 1;
        box-shadow: 0 8px 18px rgba(255, 68, 49, 0.26);
        opacity: 0;
        transform: scale(0.68);
        transition: opacity 0.18s ease, transform 0.18s ease;
        pointer-events: none;
    }

    .navbarTopAccountClock:hover + .navbarTopAccountActions .navbarTopAccountActionPromo::before,
    .navbarTopAccountClock:focus-visible + .navbarTopAccountActions .navbarTopAccountActionPromo::before {
        opacity: 1;
        transform: scale(1);
    }

    .navbarTopAccountLanguage .navbarCenterLanguageFlag {
        width: 28px;
        height: 20px;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .navbarTopAccountLanguage .navbarCenterLanguageFlag img,
    .navbarTopAccountLanguage .navbarCenterLanguageDropdown a img {
        width: 28px;
        height: 20px;
        border-radius: 4px;
        object-fit: cover;
        box-shadow: none;
        background: transparent;
    }

    .navbarTopAccountLanguage .navbarCenterLanguageDropdown a {
        gap: 12px;
    }

    .navbarTopAccountLanguage .navbarCenterLanguageDropdown a small {
        min-width: 38px;
        min-height: 24px;
        padding: 0 8px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.06);
    }

    .navbarCenterLanguageEmpty {
        display: none !important;
    }

    .navbarTopUnifiedDropdownSection .navbarTopAccountDropdownGrid {
        grid-template-columns: 1fr;
    }

    .navbarTopUnifiedDropdownSection .navbarTopAccountDropdownCard {
        min-height: 78px;
    }

    .navbarTopDropdownCaret {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-left: 4px;
        color: rgba(245, 248, 255, 0.76);
        pointer-events: none;
    }

    .navbarTopDropdownCaret i,
    .navbarTopInfoTrigger .navbarTopInfoCaret,
    .navbarTopAccountLanguage > i {
        transform: rotate(180deg);
        transition: transform 0.2s ease, color 0.2s ease;
    }

    .navbarTopInfoMenu:hover .navbarTopInfoTrigger .navbarTopInfoCaret,
    .navbarTopInfoMenu:focus-within .navbarTopInfoTrigger .navbarTopInfoCaret,
    .navbarTopAccountNotification:hover .navbarTopDropdownCaret i,
    .navbarTopAccountNotification:focus-within .navbarTopDropdownCaret i,
    .navbarTopAccountLanguage:hover > i,
    .navbarTopAccountLanguage:focus-within > i {
        transform: rotate(0deg);
        color: #ffffff;
    }

    .navbarTopAccountLanguage .navbarCenterLanguageDropdown {
        top: calc(100% + 8px);
    }

    @media (max-width: 900px) {
        .navbarTopAccountDropdown {
            left: auto;
            right: 0;
        }

        .navbarTopAccountDropdownHero,
        .navbarTopAccountDropdownGrid,
        .navbarTopUnifiedDropdownBody {
            grid-template-columns: 1fr;
        }
    }

    :root {
        --gel-overlay-backdrop: rgba(6, 12, 30, 0.52);
        --gel-auth-input-min-height: 50px;
        --gel-auth-input-radius: 12px;
        --gel-auth-input-bg: #ffffff;
        --gel-auth-input-bg-focus: #ffffff;
        --gel-auth-input-border: rgba(112, 127, 160, 0.24);
        --gel-auth-input-border-focus: rgba(55, 94, 178, 0.38);
        --gel-auth-input-color: #1f2a43;
        --gel-auth-input-font-family: "Manrope", Inter, "Segoe UI", Arial, Helvetica, sans-serif;
        --gel-auth-input-font-size: 12.5px;
        --gel-auth-input-font-weight: 500;
        --gel-auth-input-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
        --gel-auth-input-focus-shadow: 0 0 0 4px rgba(55, 94, 178, 0.10);
        --gel-auth-input-label-color: rgba(78, 92, 120, 0.82);
        --gel-auth-input-label-bg: linear-gradient(180deg, rgba(246, 248, 252, 0.98) 0%, rgba(240, 244, 250, 0.98) 100%);
        --gel-auth-input-icon-color: rgba(93, 108, 137, 0.72);
        --gel-auth-input-placeholder-color: rgba(103, 118, 147, 0.62);
        --gel-auth-input-padding-left-icon: 42px;
        --gel-auth-input-padding-right-icon: 42px;
        --gel-auth-input-padding-x: 14px;
        --gel-auth-success-green: #00bf4f;
    }

    .floatingField {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .floatingFieldInput {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
    }

    .floatingFieldLabel {
        position: static;
        order: -1;
        font-size: 12px;
        line-height: 1.35;
        color: rgba(83, 97, 124, 0.8);
        pointer-events: none;
        transition: all 0.18s ease;
        background: transparent;
        padding: 0;
        font-weight: 600;
        letter-spacing: 0.01em;
    }

    .floatingFieldInput::placeholder {
        color: transparent !important;
        opacity: 0 !important;
    }

    .floatingFieldInput::-webkit-input-placeholder {
        color: transparent !important;
        opacity: 0 !important;
    }

    .floatingFieldInput::-moz-placeholder {
        color: transparent !important;
        opacity: 0 !important;
    }

    .floatingFieldInput:-ms-input-placeholder {
        color: transparent !important;
        opacity: 0 !important;
    }

    .floatingFieldInput::-ms-input-placeholder {
        color: transparent !important;
        opacity: 0 !important;
    }

    .gelAuthFloatingField {
        position: relative;
        display: block;
        --gel-auth-label-left: 14px;
        --gel-auth-label-max-width: calc(100% - 28px);
        --gel-auth-label-rest-color: var(--gel-auth-input-label-color);
        --gel-auth-label-rest-bg: var(--gel-auth-input-label-bg);
        --gel-auth-label-rest-shadow: 0 0 0 1px rgba(125, 145, 184, 0.06);
        --gel-auth-label-active-top: 12px;
        --gel-auth-label-active-color: rgba(51, 70, 112, 0.92);
        --gel-auth-label-active-bg: var(--gel-auth-input-label-bg);
        --gel-auth-label-active-shadow: 0 0 0 1px rgba(125, 145, 184, 0.06);
        --gel-auth-label-rest-font-size: 11px;
        --gel-auth-label-active-font-size: 10px;
    }

    .gelAuthFloatingField .gelAuthFloatingLabel {
        position: absolute;
        left: var(--gel-auth-label-left);
        top: 50%;
        transform: translateY(-50%);
        order: initial;
        z-index: 2;
        max-width: var(--gel-auth-label-max-width);
        margin: 0;
        padding: 0 8px;
        border-radius: 999px;
        background: var(--gel-auth-label-rest-bg);
        color: var(--gel-auth-label-rest-color);
        font-size: var(--gel-auth-label-rest-font-size);
        line-height: 1;
        font-weight: 600;
        letter-spacing: 0.02em;
        box-shadow: var(--gel-auth-label-rest-shadow);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: top 0.18s ease, transform 0.18s ease, font-size 0.18s ease, letter-spacing 0.18s ease, color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
    }

    .gelAuthFloatingField .gelAuthFloatingInput:focus ~ .gelAuthFloatingLabel,
    .gelAuthFloatingField .gelAuthFloatingInput:not(:placeholder-shown) ~ .gelAuthFloatingLabel,
    .gelAuthFloatingField:focus-within .gelAuthFloatingLabel,
    .gelAuthFloatingField.is-active .gelAuthFloatingLabel {
        top: var(--gel-auth-label-active-top);
        transform: translateY(-50%);
        font-size: var(--gel-auth-label-active-font-size);
        letter-spacing: 0.03em;
        color: var(--gel-auth-label-active-color);
        background: var(--gel-auth-label-active-bg);
        box-shadow: var(--gel-auth-label-active-shadow);
    }

    .registerEmailDomainSuggestions {
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        right: 0;
        z-index: 35;
        display: grid;
        gap: 5px;
        padding: 7px;
        border: 1px solid rgba(236, 198, 79, 0.28);
        border-radius: 14px;
        background:
            linear-gradient(180deg, rgba(28, 35, 60, 0.98) 0%, rgba(16, 23, 43, 0.98) 100%);
        box-shadow:
            0 18px 34px rgba(4, 9, 22, 0.28),
            inset 0 1px 0 rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(12px) saturate(118%);
    }

    .registerEmailDomainSuggestions[hidden] {
        display: none !important;
    }

    .registerEmailDomainSuggestion {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0;
        width: 100%;
        min-width: 0;
        min-height: 34px;
        padding: 0 11px;
        border: 1px solid rgba(255, 255, 255, 0.07);
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.055);
        color: rgba(239, 244, 255, 0.88);
        font-family: "Manrope", Inter, "Segoe UI", Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: 800;
        line-height: 1;
        text-align: left;
        cursor: pointer;
        overflow: hidden;
        transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease;
    }

    .registerEmailDomainSuggestion span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .registerEmailDomainSuggestion strong {
        flex: 0 0 auto;
        color: #ffd34d;
        font-weight: 900;
    }

    .registerEmailDomainSuggestion:hover,
    .registerEmailDomainSuggestion:focus-visible,
    .registerEmailDomainSuggestion.is-active {
        border-color: rgba(255, 211, 77, 0.34);
        background: linear-gradient(180deg, rgba(255, 211, 77, 0.2) 0%, rgba(255, 183, 46, 0.14) 100%);
        color: #ffffff;
        outline: none;
        transform: translateY(-1px);
    }

    #loginFormModal .gelAuthFloatingField,
    #registerFormModal .gelAuthFloatingField {
        position: relative;
        display: block;
        min-height: var(--gel-auth-input-min-height);
        --gel-auth-label-left: calc(var(--gel-auth-input-padding-left-icon) - 8px);
        --gel-auth-label-max-width: calc(100% - 72px);
        --gel-auth-input-bg: #ffffff;
        --gel-auth-input-bg-focus: #ffffff;
        --gel-auth-input-border: rgba(136, 156, 198, 0.22);
        --gel-auth-input-border-focus: rgba(94, 124, 205, 0.42);
        --gel-auth-input-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 8px 18px rgba(46, 67, 111, 0.035);
        --gel-auth-input-focus-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 0 0 4px rgba(94, 124, 205, 0.1), 0 10px 22px rgba(46, 67, 111, 0.05);
        --gel-auth-label-rest-top: 50%;
        --gel-auth-label-rest-color: rgba(74, 92, 126, 0.92);
        --gel-auth-label-rest-bg: transparent;
        --gel-auth-label-rest-shadow: none;
        --gel-auth-label-active-color: rgba(51, 68, 100, 0.96);
        --gel-auth-label-active-bg: transparent;
        --gel-auth-label-active-shadow: none;
        --gel-auth-label-active-top: 13px;
        --gel-auth-label-rest-font-size: 12px;
        --gel-auth-label-active-font-size: 11px;
    }

    #loginFormModal .gelAuthFloatingField.is-password,
    #registerFormModal .gelAuthFloatingField.is-password {
        --gel-auth-label-max-width: calc(100% - 108px);
    }

    #loginFormModal .gelAuthFloatingField .gelAuthFloatingLabel,
    #registerFormModal .gelAuthFloatingField .gelAuthFloatingLabel {
        position: absolute !important;
        left: var(--gel-auth-label-left) !important;
        top: var(--gel-auth-label-rest-top) !important;
        transform: translateY(-50%) !important;
        max-width: var(--gel-auth-label-max-width) !important;
        order: initial !important;
        background: var(--gel-auth-label-rest-bg) !important;
        box-shadow: var(--gel-auth-label-rest-shadow) !important;
        transition: top 0.18s ease, transform 0.18s ease, font-size 0.18s ease, letter-spacing 0.18s ease, color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease !important;
    }

    #loginFormModal .gelAuthFloatingField .gelAuthFloatingInput:placeholder-shown:not(:focus) ~ .gelAuthFloatingLabel,
    #registerFormModal .gelAuthFloatingField .gelAuthFloatingInput:placeholder-shown:not(:focus) ~ .gelAuthFloatingLabel {
        top: var(--gel-auth-label-rest-top) !important;
        transform: translateY(-50%) !important;
        font-size: var(--gel-auth-label-rest-font-size) !important;
        letter-spacing: 0.01em !important;
        color: var(--gel-auth-label-rest-color) !important;
        background: var(--gel-auth-label-rest-bg) !important;
        box-shadow: var(--gel-auth-label-rest-shadow) !important;
    }

    #loginFormModal .gelAuthFloatingField .gelAuthFloatingInput:focus ~ .gelAuthFloatingLabel,
    #loginFormModal .gelAuthFloatingField .gelAuthFloatingInput:not(:placeholder-shown) ~ .gelAuthFloatingLabel,
    #loginFormModal .gelAuthFloatingField:focus-within .gelAuthFloatingLabel,
    #loginFormModal .gelAuthFloatingField.is-active .gelAuthFloatingLabel,
    #registerFormModal .gelAuthFloatingField .gelAuthFloatingInput:focus ~ .gelAuthFloatingLabel,
    #registerFormModal .gelAuthFloatingField .gelAuthFloatingInput:not(:placeholder-shown) ~ .gelAuthFloatingLabel,
    #registerFormModal .gelAuthFloatingField:focus-within .gelAuthFloatingLabel,
    #registerFormModal .gelAuthFloatingField.is-active .gelAuthFloatingLabel {
        top: var(--gel-auth-label-active-top) !important;
        transform: translateY(-50%) !important;
        font-size: var(--gel-auth-label-active-font-size) !important;
        letter-spacing: 0.03em !important;
        color: var(--gel-auth-label-active-color) !important;
        background: var(--gel-auth-label-active-bg) !important;
        box-shadow: var(--gel-auth-label-active-shadow) !important;
    }

    @supports selector(input:-webkit-autofill) {
        #loginFormModal .gelAuthFloatingField .gelAuthFloatingInput:-webkit-autofill,
        #loginFormModal .gelAuthFloatingField .gelAuthFloatingInput:-webkit-autofill:hover,
        #registerFormModal .gelAuthFloatingField .gelAuthFloatingInput:-webkit-autofill,
        #registerFormModal .gelAuthFloatingField .gelAuthFloatingInput:-webkit-autofill:hover {
            border-color: var(--gel-auth-input-border) !important;
            -webkit-box-shadow: 0 0 0 1000px var(--gel-auth-input-bg) inset, var(--gel-auth-input-shadow) !important;
            box-shadow: 0 0 0 1000px var(--gel-auth-input-bg) inset, var(--gel-auth-input-shadow) !important;
            -webkit-text-fill-color: var(--gel-auth-input-color) !important;
            caret-color: var(--gel-auth-input-color);
        }

        #loginFormModal .gelAuthFloatingField .gelAuthFloatingInput:-webkit-autofill:focus,
        #registerFormModal .gelAuthFloatingField .gelAuthFloatingInput:-webkit-autofill:focus {
            border-color: var(--gel-auth-input-border-focus) !important;
            -webkit-box-shadow: 0 0 0 1000px var(--gel-auth-input-bg-focus) inset, var(--gel-auth-input-focus-shadow) !important;
            box-shadow: 0 0 0 1000px var(--gel-auth-input-bg-focus) inset, var(--gel-auth-input-focus-shadow) !important;
            -webkit-text-fill-color: var(--gel-auth-input-color) !important;
            caret-color: var(--gel-auth-input-color);
        }

        .gelAuthFloatingField .gelAuthFloatingInput:-webkit-autofill ~ .gelAuthFloatingLabel {
            top: var(--gel-auth-label-active-top);
            transform: translateY(-50%);
            font-size: var(--gel-auth-label-active-font-size);
            letter-spacing: 0.03em;
            color: var(--gel-auth-label-active-color);
            background: var(--gel-auth-label-active-bg);
            box-shadow: var(--gel-auth-label-active-shadow);
        }

        #loginFormModal .gelAuthFloatingField .gelAuthFloatingInput:-webkit-autofill ~ .gelAuthFloatingLabel,
        #registerFormModal .gelAuthFloatingField .gelAuthFloatingInput:-webkit-autofill ~ .gelAuthFloatingLabel {
            top: var(--gel-auth-label-active-top) !important;
            transform: translateY(-50%) !important;
            font-size: var(--gel-auth-label-active-font-size) !important;
            letter-spacing: 0.03em !important;
            color: var(--gel-auth-label-active-color) !important;
            background: var(--gel-auth-label-active-bg) !important;
            box-shadow: var(--gel-auth-label-active-shadow) !important;
        }
    }

    #loginFormModal .floatingFieldInput,
    #registerFormModal .floatingFieldInput {
        padding-top: 20px;
        padding-bottom: 8px;
        font-family: var(--gel-auth-input-font-family);
    }

    #loginModal .modal-dialog,
    #registerModal .modal-dialog {
        max-width: min(440px, calc(100vw - 28px));
    }

    body.login-modal-open .modal-backdrop.show,
    body.register-modal-open .modal-backdrop.show {
        backdrop-filter: none !important;
        background: rgba(5, 9, 20, 0.76) !important;
    }

    #loginModal .modal-content,
    #registerModal .modal-content {
        border: 1px solid rgba(126, 145, 182, 0.14);
        border-radius: 22px;
        box-shadow: 0 18px 42px rgba(8, 19, 42, 0.18);
        background: linear-gradient(180deg, rgba(248, 250, 254, 0.99) 0%, rgba(241, 245, 251, 0.99) 100%);
    }

    #loginModal .modal-content::before,
    #registerModal .modal-content::before {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.34) 0%, rgba(255, 255, 255, 0) 42%);
    }

    #loginModal .modal-header.customFormBoxTitleOuter,
    #registerModal .modal-header.customFormBoxTitleOuter {
        min-height: 72px;
        padding: 16px 20px 8px;
        border-bottom: 1px solid rgba(128, 147, 184, 0.08);
    }

    #loginModal .modal-body,
    #registerModal .modal-body {
        padding: 14px 20px 8px;
        background: linear-gradient(180deg, rgba(247, 249, 253, 0.99) 0%, rgba(242, 246, 251, 0.99) 100%);
    }

    #loginModal .modal-footer,
    #registerModal .modal-footer {
        padding: 0 20px 18px;
        gap: 8px;
        background: linear-gradient(180deg, rgba(242, 246, 251, 0.99) 0%, rgba(239, 243, 248, 0.99) 100%);
    }

    #loginModal .authModalIntro,
    #registerModal .authModalIntro {
        margin-bottom: 8px;
        padding: 10px 12px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.82);
        border: 1px solid rgba(128, 147, 184, 0.12);
    }

    #loginModal .authModalIntro span,
    #registerModal .authModalIntro span {
        min-height: 22px;
        padding: 0 9px;
        font-size: 10px;
    }

    #loginModal .authModalIntro p,
    #registerModal .authModalIntro p {
        margin-top: 7px;
        font-size: 12px;
        line-height: 1.45;
        color: #556985;
    }

    #loginModal .customFormContentBoxOuter,
    #registerModal .customFormContentBoxOuter {
        margin-bottom: 10px;
    }

    .authValidationHint {
        display: block;
        margin: 6px 4px 0;
        color: rgba(211, 222, 245, 0.72);
        font-size: 12px;
        font-weight: 700;
        line-height: 1.25;
        letter-spacing: 0;
    }

    .authValidationHint[hidden] {
        display: none !important;
    }

    #loginFormModal .floatingFieldInput {
        position: relative;
        z-index: 1;
        min-height: var(--gel-auth-input-min-height);
        padding: 16px var(--gel-auth-input-padding-right-icon) 6px var(--gel-auth-input-padding-left-icon);
        border-radius: var(--gel-auth-input-radius);
        border-color: var(--gel-auth-input-border);
        background: var(--gel-auth-input-bg);
        color: var(--gel-auth-input-color);
        cursor: text;
        font-family: var(--gel-auth-input-font-family);
        font-size: var(--gel-auth-input-font-size);
        font-weight: var(--gel-auth-input-font-weight);
        box-shadow: var(--gel-auth-input-shadow);
        pointer-events: auto;
    }

    #loginFormModal .gelAuthFloatingField,
    #loginFormModal .gelAuthFloatingLabel {
        cursor: text;
    }

    #loginFormModal .gelAuthFloatingLabel {
        pointer-events: none;
    }

    #loginFormModal .customFormContentBoxOuter {
        position: relative;
        z-index: 2;
    }

    #loginFormModal .customFormContentBoxOuter:focus-within,
    #loginFormModal .floatingField.is-password {
        z-index: 4;
    }

    #loginFormModal .floatingField.is-password .floatingFieldInput {
        padding-right: var(--gel-auth-input-padding-right-icon);
    }

    #loginFormModal .floatingFieldInput:hover {
        border-color: rgba(95, 117, 161, 0.3);
        background: #ffffff;
        box-shadow: var(--gel-auth-input-focus-shadow);
    }

    #loginFormModal .floatingFieldInput:focus {
        border-color: var(--gel-auth-input-border-focus) !important;
        background: var(--gel-auth-input-bg-focus);
        box-shadow: var(--gel-auth-input-focus-shadow);
        color: var(--gel-auth-input-color);
    }

    #loginModal .loginLinksOuter,
    #registerModal .loginLinksOuter {
        margin-bottom: 2px;
    }

    #loginModal .loginCheckOuter,
    #registerModal .loginCheckOuter {
        gap: 8px;
    }

    #loginModal .loginCheckOuter input,
    #registerModal .loginCheckOuter input {
        width: 18px;
        height: 18px;
        border-radius: 5px;
        border-color: rgba(80, 99, 139, 0.42);
        background: #ffffff;
    }

    #registerModal #accept_terms {
        position: relative;
        appearance: none;
        display: inline-grid;
        place-items: center;
        border: 1px solid rgba(80, 99, 139, 0.38);
        border-radius: 6px;
        background: #ffffff;
        cursor: pointer;
        transition: background 0.14s ease, border-color 0.14s ease, box-shadow 0.14s ease;
    }

    #registerModal #accept_terms::after {
        content: "";
        width: 8px;
        height: 5px;
        border: solid #ffffff;
        border-width: 0 0 2px 2px;
        opacity: 0;
        transform: translateY(-1px) rotate(-45deg);
        transition: opacity 0.12s ease;
    }

    #registerModal #accept_terms:checked {
        border-color: var(--gel-auth-success-green);
        background: var(--gel-auth-success-green);
        box-shadow: 0 4px 10px rgba(0, 191, 79, 0.18);
    }

    #registerModal #accept_terms:checked::after {
        opacity: 1;
    }

    #loginModal #loginRememberMe {
        accent-color: #66748d;
    }

    #loginModal .authSocialPreview {
        display: grid;
        gap: 9px;
        margin: 8px 0 0;
    }

    #loginModal .authSocialPreviewDivider {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        gap: 14px;
        color: rgba(63, 75, 99, 0.76);
        font-size: 18px;
        font-weight: 500;
        line-height: 1;
        letter-spacing: 0;
    }

    #loginModal .authSocialPreviewDivider::before,
    #loginModal .authSocialPreviewDivider::after {
        content: "";
        display: block;
        height: 1px;
        background: linear-gradient(90deg, rgba(115, 132, 164, 0), rgba(115, 132, 164, 0.32));
    }

    #loginModal .authSocialPreviewDivider::after {
        background: linear-gradient(90deg, rgba(115, 132, 164, 0.32), rgba(115, 132, 164, 0));
    }

    #loginModal .authSocialPreviewGrid {
        display: grid;
        grid-template-columns: repeat(3, 48px);
        justify-content: center;
        gap: 10px;
        padding: 6px 10px;
        border: 1px solid rgba(128, 147, 184, 0.12);
        border-radius: 16px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.62) 0%, rgba(239, 243, 249, 0.52) 100%);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
    }

    #loginModal .authSocialPreviewBadge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        border: 1px solid rgba(128, 147, 184, 0.14);
        border-radius: 12px;
        background: linear-gradient(180deg, #ffffff 0%, #f1f4f9 100%);
        color: #202838;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 8px 18px rgba(32, 49, 82, 0.055);
        opacity: 0.92;
        cursor: not-allowed;
        user-select: none;
        transition: opacity 0.16s ease, filter 0.16s ease, transform 0.16s ease;
    }

    #loginModal .authSocialPreviewBadge:hover {
        opacity: 0.64;
        filter: grayscale(0.45);
        transform: translateY(1px);
    }

    #loginModal .authSocialPreviewBadge i {
        font-size: 16px;
        line-height: 1;
    }

    #loginModal .authSocialPreviewBadge.is-google {
        color: #273247;
    }

    #loginModal .authSocialPreviewBadge.is-apple {
        color: #101725;
    }

    #loginModal .authSocialPreviewBadge.is-passkey {
        color: #66748d;
    }

    #zeroBalanceDepositModal .modal-dialog {
        max-width: min(436px, calc(100vw - 24px));
        margin: 0 auto;
        transform: translate3d(0, 12px, 0) scale(0.992);
        opacity: 0;
        transition: transform 0.16s ease, opacity 0.16s ease;
    }

    #zeroBalanceDepositModal .modal-dialog.modal-dialog-centered {
        min-height: 100dvh;
        display: flex;
        padding: 16px 0;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 14px;
    }

    #zeroBalanceDepositModal.show .modal-dialog {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 1;
    }

    #zeroBalanceDepositModal .modal-content {
        width: 100%;
        border: 0;
        border-radius: 22px;
        box-shadow: 0 18px 42px rgba(8, 19, 42, 0.18);
        background: linear-gradient(180deg, rgba(248, 250, 254, 0.99) 0%, rgba(241, 245, 251, 0.99) 100%);
        overflow: hidden;
    }

    #zeroBalanceDepositModal .modal-content::before {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.34) 0%, rgba(255, 255, 255, 0) 42%);
    }

    #zeroBalanceDepositModal .modal-header.customFormBoxTitleOuter {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 0;
        padding: 16px 20px 8px;
        border-bottom: 0;
        background: linear-gradient(180deg, rgba(249, 251, 254, 0.99) 0%, rgba(244, 247, 252, 0.99) 100%);
    }

    #zeroBalanceDepositModal .modal-title {
        margin: 0;
        color: #223b67;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: -0.02em;
    }

    #zeroBalanceDepositModal .loginModalClose {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border: 0;
        border-radius: 10px;
        background: rgba(56, 76, 118, 0.07);
        color: rgba(62, 81, 117, 0.78);
        cursor: pointer;
        transition: background 0.14s ease, color 0.14s ease, transform 0.14s ease;
    }

    #zeroBalanceDepositModal .loginModalClose:hover {
        background: rgba(56, 76, 118, 0.12);
        color: #223b67;
        transform: translateY(-1px);
    }

    #zeroBalanceDepositModal .modal-body {
        position: relative;
        padding: 14px 20px 8px;
        background: linear-gradient(180deg, rgba(247, 249, 253, 0.99) 0%, rgba(242, 246, 251, 0.99) 100%);
    }

    #zeroBalanceDepositModal .modal-body.js-inline-validation-form {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    #zeroBalanceDepositModal .modal-footer {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding: 0 20px 18px;
        gap: 8px;
        background: linear-gradient(180deg, rgba(242, 246, 251, 0.99) 0%, rgba(239, 243, 248, 0.99) 100%);
        border-top: 0;
    }

    #zeroBalanceDepositModal .zeroBalanceDepositStack {
        display: grid;
        gap: 10px;
    }

    #zeroBalanceDepositModal .customFormContentBoxOuter.zeroBalanceSection {
        display: grid;
        gap: 10px;
        padding: 12px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.82);
        border: 0;
        box-shadow: none;
    }

    #zeroBalanceDepositModal .customFormContentBoxOuter.zeroBalanceSection > p {
        margin: 0;
        color: #596c89;
        font-size: 12px;
        font-weight: 600;
    }

    #zeroBalanceDepositModal .zeroBalancePendingCard {
        gap: 10px;
    }

    #zeroBalanceDepositModal .zeroBalanceSupportCard {
        gap: 14px;
    }

    #zeroBalanceDepositModal .zeroBalanceSupportCard p {
        margin: 0;
    }

    #zeroBalanceDepositModal .zeroBalanceSupportEyebrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        width: fit-content;
        padding: 6px 10px;
        border-radius: 999px;
        background: rgba(37, 99, 235, 0.08);
        color: #1e40af;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.02em;
        text-transform: uppercase;
    }

    #zeroBalanceDepositModal .zeroBalanceSupportCardCopy {
        display: grid;
        gap: 8px;
    }

    #zeroBalanceDepositModal .zeroBalanceSupportCardCopy strong {
        color: #22356b;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.25;
    }

    #zeroBalanceDepositModal .zeroBalanceSupportCardCopy span {
        color: #546884;
        font-size: 12px;
        line-height: 1.55;
    }

    #zeroBalanceDepositModal .zeroBalanceSupportBtn.btn-secondary {
        background: #eef4ff;
        color: #1e3a8a;
    }

    #zeroBalanceDepositModal .zeroBalancePendingCard strong,
    #zeroBalanceDepositModal .zeroBalanceGatewayHeader strong,
    #zeroBalanceDepositModal .zeroBalancePromoHeader strong,
    #zeroBalanceDepositModal .zeroBalanceAmountHeader strong {
        color: #22356b;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.2;
    }

    #zeroBalanceDepositModal .zeroBalancePendingCard p,
    #zeroBalanceDepositModal .zeroBalanceGatewayHeader p,
    #zeroBalanceDepositModal .zeroBalancePromoHeader p,
    #zeroBalanceDepositModal .zeroBalanceAmountHeader p {
        margin: 0;
        color: #546884;
        font-size: 12px;
        line-height: 1.45;
    }

    #zeroBalanceDepositModal .zeroBalancePendingLink {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        width: fit-content;
        min-height: 42px;
        padding: 0 14px;
        border-radius: 12px;
        background: rgba(47, 70, 113, 0.07);
        color: #1d4ed8;
        font-size: 12px;
        font-weight: 700;
        text-decoration: none;
    }

    #zeroBalanceDepositModal .zeroBalancePendingLink:hover {
        background: rgba(37, 99, 235, 0.12);
        color: #1e40af;
    }

    #zeroBalanceDepositModal .zeroBalanceGatewayHeader,
    #zeroBalanceDepositModal .zeroBalancePromoHeader,
    #zeroBalanceDepositModal .zeroBalanceAmountHeader {
        display: grid;
        gap: 5px;
    }

    #zeroBalanceDepositModal .zeroBalanceGatewayHeader p,
    #zeroBalanceDepositModal .zeroBalancePromoHeader p,
    #zeroBalanceDepositModal .zeroBalanceAmountHeader p {
        margin: 0;
    }

    #zeroBalanceDepositModal .zeroBalancePromoCard {
        gap: 0;
        padding: 0;
        overflow: hidden;
    }

    #zeroBalanceDepositModal .zeroBalancePromoCard.is-promo-intent-focus {
        border-color: rgba(255, 204, 77, 0.82);
        box-shadow:
            0 0 0 3px rgba(255, 204, 77, 0.2),
            0 18px 42px rgba(255, 193, 7, 0.18);
        animation: zeroBalancePromoIntentPulse 1.2s ease-in-out 0s 2;
    }

    @keyframes zeroBalancePromoIntentPulse {
        0%, 100% {
            transform: translateY(0);
        }

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

    #zeroBalanceDepositModal .zeroBalancePromoToggle {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 28px;
        align-items: center;
        gap: 10px;
        width: 100%;
        min-height: 64px;
        padding: 12px 14px;
        border: 0;
        background: transparent;
        color: inherit;
        text-align: left;
        cursor: pointer;
    }

    #zeroBalanceDepositModal .zeroBalancePromoHeader {
        min-width: 0;
        gap: 3px;
    }

    #zeroBalanceDepositModal .zeroBalancePromoHeader p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #zeroBalanceDepositModal .zeroBalancePromoToggle i {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        border-radius: 10px;
        background: rgba(128, 147, 184, 0.1);
        color: #5a6f97;
        font-size: 12px;
        transition: transform 0.16s ease;
    }

    #zeroBalanceDepositModal .zeroBalancePromoCard.is-open .zeroBalancePromoToggle i {
        transform: rotate(180deg);
    }

    #zeroBalanceDepositModal .zeroBalancePromoBody[hidden] {
        display: none;
    }

    #zeroBalanceDepositModal .zeroBalancePromoBody {
        padding: 0 14px 14px;
    }

    #zeroBalanceDepositModal .zeroBalanceGatewayGrid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }

    #zeroBalanceDepositModal .zeroBalanceGatewayOption {
        display: grid;
        gap: 6px;
        justify-items: start;
        min-height: 82px;
        padding: 12px;
        border-radius: 12px;
        border: 0;
        background: rgba(255, 255, 255, 0.72);
        text-align: left;
        cursor: pointer;
        transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, transform 0.16s ease;
    }

    #zeroBalanceDepositModal .zeroBalanceGatewayOption:hover,
    #zeroBalanceDepositModal .zeroBalanceGatewayOption:focus-visible {
        border-color: rgba(95, 117, 161, 0.3);
        background: #ffffff;
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
        transform: translateY(-1px);
        outline: none;
    }

    #zeroBalanceDepositModal .zeroBalanceGatewayOption.is-selected {
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 0 0 3px rgba(128, 147, 184, 0.08), 0 10px 20px rgba(15, 23, 42, 0.06);
    }

    #zeroBalanceDepositModal .zeroBalanceGatewayOptionBadge {
        display: inline-flex;
        align-items: center;
        min-height: 22px;
        padding: 0 8px;
        border-radius: 999px;
        background: rgba(128, 147, 184, 0.1);
        color: #5a6f97;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.02em;
        text-transform: uppercase;
    }

    #zeroBalanceDepositModal .zeroBalanceGatewayOptionMeta {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        width: 100%;
        justify-content: space-between;
    }

    #zeroBalanceDepositModal .zeroBalanceGatewayOptionLogo {
        display: none;
    }

    #zeroBalanceDepositModal .zeroBalanceGatewayOptionAction {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 22px;
        padding: 0 8px;
        border-radius: 999px;
        background: rgba(44, 88, 216, 0.08);
        color: #2c58d8;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        opacity: 0.92;
    }

    #zeroBalanceDepositModal .zeroBalanceGatewayOption.is-softpay .zeroBalanceGatewayOptionAction {
        background: rgba(34, 197, 94, 0.1);
        color: #1f7a3f;
    }

    #zeroBalanceDepositModal .zeroBalanceGatewayOption strong {
        color: #1f2d56;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.25;
    }

    #zeroBalanceDepositModal .zeroBalanceGatewayOption span:last-child {
        color: #5a6f97;
        font-size: 11px;
        line-height: 1.4;
    }

    #zeroBalanceDepositModal .zeroBalanceAmountCard {
        display: grid;
        gap: 10px;
        padding: 12px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.9);
        border: 0;
    }

    #zeroBalanceDepositModal .zeroBalanceSelectedPartner {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 24px;
        width: fit-content;
        padding: 0 8px;
        border-radius: 999px;
        background: rgba(128, 147, 184, 0.1);
        color: #5a6f97;
        font-size: 11px;
        font-weight: 700;
    }

    #zeroBalanceDepositModal .zeroBalanceAmountField {
        position: relative;
    }

    #zeroBalanceDepositModal .zeroBalancePromoForm {
        display: grid;
        gap: 10px;
    }

    #zeroBalanceDepositModal .zeroBalancePromoField {
        position: relative;
    }

    #zeroBalanceDepositModal .zeroBalancePromoField i {
        position: absolute;
        top: 50%;
        left: 14px;
        transform: translateY(-50%);
        color: rgba(34, 53, 107, 0.62);
        font-size: 14px;
        pointer-events: none;
    }

    #zeroBalanceDepositModal .zeroBalanceAmountInput,
    #zeroBalanceDepositModal .zeroBalancePromoInput {
        width: 100%;
        min-height: var(--gel-auth-input-min-height);
        padding: 0 14px 0 42px;
        border-radius: var(--gel-auth-input-radius);
        border: 1px solid var(--gel-auth-input-border);
        background: var(--gel-auth-input-bg);
        color: var(--gel-auth-input-color);
        font-family: var(--gel-auth-input-font-family);
        font-size: var(--gel-auth-input-font-size);
        font-weight: var(--gel-auth-input-font-weight);
        line-height: 1.2;
        box-shadow: var(--gel-auth-input-shadow);
        transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
    }

    #zeroBalanceDepositModal .zeroBalanceAmountInput::placeholder,
    #zeroBalanceDepositModal .zeroBalancePromoInput::placeholder {
        color: rgba(85, 101, 139, 0.7);
    }

    #zeroBalanceDepositModal .zeroBalanceAmountInput:focus,
    #zeroBalanceDepositModal .zeroBalancePromoInput:focus {
        outline: none;
        border-color: var(--gel-auth-input-border-focus) !important;
        background: var(--gel-auth-input-bg-focus);
        box-shadow: var(--gel-auth-input-focus-shadow);
    }

    #zeroBalanceDepositModal .zeroBalancePromoSubmitRow {
        display: flex;
        justify-content: flex-start;
    }

    #zeroBalanceDepositModal .zeroBalanceAmountError {
        margin: 0;
        color: #b91c1c;
        font-size: 12px;
        font-weight: 700;
    }

    #zeroBalanceDepositModal .zeroBalanceFooterRow {
        display: flex;
        flex-direction: column;
        gap: 0;
        width: 100%;
    }

    #zeroBalanceDepositModal .zeroBalanceActionBtn {
        position: relative;
        min-height: 52px;
        width: 100%;
        border-radius: 14px;
        font-size: 14px;
        font-weight: 800;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        overflow: hidden;
    }

    .zeroBalanceModalNavRow {
        display: grid;
        gap: 8px;
    }

    .zeroBalanceModalNavRow.d-none {
        display: none !important;
    }

    #zeroBalanceDepositModal .zeroBalanceActionBtn.btn-success {
        background: linear-gradient(180deg, #3965c8 0%, #2d4fa5 100%);
        border-color: transparent;
        color: #ffffff;
        box-shadow: 0 10px 22px rgba(45, 79, 165, 0.16);
    }

    #zeroBalanceDepositModal .zeroBalanceActionBtn.btn-secondary {
        background: rgba(47, 70, 113, 0.07);
        border-color: rgba(128, 147, 184, 0.12);
        color: #42567b;
    }

    #zeroBalanceDepositModal .zeroBalanceActionBtn::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 16px;
        height: 16px;
        margin: -8px 0 0 -8px;
        border-radius: 50%;
        border: 2.5px solid currentColor;
        border-right-color: transparent;
        opacity: 0;
        pointer-events: none;
    }

    #zeroBalanceDepositModal .zeroBalanceActionBtnLabel,
    #zeroBalanceDepositModal .zeroBalanceActionBtnIcon {
        transition: opacity 0.16s ease;
    }

    #zeroBalanceDepositModal .zeroBalanceActionBtn.is-loading {
        color: transparent !important;
        pointer-events: none;
    }

    #zeroBalanceDepositModal .zeroBalanceActionBtn.is-loading .zeroBalanceActionBtnLabel,
    #zeroBalanceDepositModal .zeroBalanceActionBtn.is-loading .zeroBalanceActionBtnIcon {
        opacity: 0;
    }

    #zeroBalanceDepositModal .zeroBalanceActionBtn.is-loading::after {
        opacity: 1;
        animation: authModalButtonSpin 0.72s linear infinite;
    }

    #zeroBalanceDepositModal .zeroBalanceModalDismiss {
        margin-left: auto;
        color: #5a6f97;
        font-size: 13px;
        font-weight: 700;
        text-decoration: none;
    }

    #zeroBalanceDepositModal .zeroBalanceModalDismiss:hover {
        color: #22356b;
    }

    #zeroBalanceDepositModal .zeroBalanceGatewayEmpty {
        padding: 12px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.72);
        border: 0;
        color: #5a6f97;
        font-size: 12px;
        line-height: 1.5;
    }

    @media (max-width: 767.98px) {
        #zeroBalanceDepositModal .modal-dialog {
            max-width: min(436px, calc(100vw - 24px));
        }
    }

    /* premium-deposit-pass: scoped visual refresh, removable with the is-premium-deposit-pass modal class. */
    #zeroBalanceDepositModal.is-premium-deposit-pass .modal-content,
    #zeroBalanceWithdrawModal.is-premium-deposit-pass .modal-content {
        border: 1px solid rgba(136, 158, 205, 0.18);
        box-shadow: 0 22px 54px rgba(6, 18, 45, 0.24), 0 1px 0 rgba(255, 255, 255, 0.74) inset;
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .modal-content::before,
    #zeroBalanceWithdrawModal.is-premium-deposit-pass .modal-content::before {
        background:
            radial-gradient(circle at 18% 0%, rgba(70, 111, 214, 0.12), transparent 30%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 42%);
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .modal-header.customFormBoxTitleOuter,
    #zeroBalanceWithdrawModal.is-premium-deposit-pass .modal-header.customFormBoxTitleOuter {
        background: linear-gradient(180deg, rgba(251, 252, 255, 0.99) 0%, rgba(245, 248, 253, 0.99) 100%);
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .modal-title,
    #zeroBalanceWithdrawModal.is-premium-deposit-pass .modal-title {
        color: #1e376a;
        font-weight: 800;
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .loginModalClose,
    #zeroBalanceWithdrawModal.is-premium-deposit-pass .loginModalClose {
        background: rgba(39, 57, 96, 0.07);
        color: rgba(48, 67, 106, 0.68);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.86) inset;
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .loginModalClose:hover,
    #zeroBalanceWithdrawModal.is-premium-deposit-pass .loginModalClose:hover {
        background: rgba(39, 57, 96, 0.13);
        color: #1e376a;
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .customFormContentBoxOuter.zeroBalanceSection {
        background: rgba(255, 255, 255, 0.9);
        border: 1px solid rgba(214, 223, 239, 0.72);
        box-shadow: 0 12px 28px rgba(22, 44, 86, 0.045), 0 1px 0 rgba(255, 255, 255, 0.92) inset;
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalanceGatewayHeader strong,
    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalancePromoHeader strong,
    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalanceAmountHeader strong {
        color: #1d3468;
        font-weight: 800;
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalanceGatewayOption {
        position: relative;
        grid-template-columns: 46px minmax(0, 1fr) 28px;
        grid-template-rows: auto auto;
        column-gap: 12px;
        row-gap: 3px;
        align-items: center;
        min-height: 82px;
        padding: 12px 12px 12px 13px;
        border: 1px solid rgba(216, 225, 242, 0.82);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96));
        box-shadow: 0 8px 20px rgba(25, 47, 90, 0.035), 0 1px 0 rgba(255, 255, 255, 0.92) inset;
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalanceGatewayOptionLogo {
        display: inline-flex;
        grid-column: 1;
        grid-row: 1 / span 2;
        align-items: center;
        justify-content: center;
        width: 46px;
        height: 46px;
        overflow: hidden;
        border-radius: 14px;
        background:
            radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.95), transparent 24%),
            linear-gradient(145deg, rgba(60, 99, 195, 0.18), rgba(74, 118, 219, 0.08));
        border: 1px solid rgba(79, 113, 189, 0.12);
        box-shadow: 0 8px 18px rgba(45, 83, 172, 0.1);
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalanceGatewayOptionLogo img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
        padding: 5px;
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalanceGatewayOption::after {
        content: "";
        grid-column: 3;
        grid-row: 1 / span 2;
        width: 9px;
        height: 9px;
        justify-self: center;
        border-top: 2px solid rgba(85, 105, 143, 0.55);
        border-right: 2px solid rgba(85, 105, 143, 0.55);
        transform: rotate(45deg);
        transition: border-color 0.16s ease, transform 0.16s ease;
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalanceGatewayOption:hover,
    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalanceGatewayOption:focus-visible {
        border-color: rgba(64, 99, 188, 0.22);
        background: #ffffff;
        box-shadow: 0 12px 26px rgba(25, 47, 90, 0.065), 0 1px 0 rgba(255, 255, 255, 0.96) inset;
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalanceGatewayOption:hover::after,
    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalanceGatewayOption:focus-visible::after {
        border-color: rgba(45, 79, 165, 0.82);
        transform: translateX(2px) rotate(45deg);
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalanceGatewayOption.is-selected {
        border-color: rgba(38, 93, 190, 0.34);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(247, 250, 255, 0.98));
        box-shadow: 0 0 0 3px rgba(49, 96, 203, 0.08), 0 14px 26px rgba(25, 47, 90, 0.08);
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalanceGatewayOption.is-selected .zeroBalanceGatewayOptionLogo {
        background:
            radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.95), transparent 24%),
            linear-gradient(145deg, rgba(38, 93, 190, 0.25), rgba(56, 196, 116, 0.12));
        border-color: rgba(34, 197, 94, 0.2);
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalanceGatewayOption.is-selected::after {
        content: "\f00c";
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        border: 0;
        border-radius: 50%;
        background:
            linear-gradient(135deg, #2fb36b, #168b48);
        color: #ffffff;
        font-family: "Font Awesome 5 Free";
        font-size: 9px;
        font-weight: 900;
        transform: none;
        box-shadow: 0 7px 14px rgba(22, 139, 72, 0.18);
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalanceGatewayOptionMeta {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalanceGatewayOptionBadge {
        min-height: 20px;
        padding: 0 9px;
        background: rgba(66, 91, 140, 0.08);
        color: #536b98;
        font-size: 10px;
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalanceGatewayOptionAction {
        display: none;
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalanceGatewayOption strong {
        grid-column: 2;
        grid-row: 2;
        color: #172a58;
        font-size: 14px;
        font-weight: 800;
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalanceGatewayOptionLimit {
        grid-column: 2;
        grid-row: 3;
        color: #627493;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.35;
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalanceSelectedPartner {
        background: rgba(44, 88, 216, 0.08);
        color: #395a9d;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.88) inset;
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalanceAmountField::after {
        content: attr(data-currency);
        position: absolute;
        top: 50%;
        right: 14px;
        transform: translateY(-50%);
        color: #607190;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.04em;
        pointer-events: none;
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalanceAmountInput {
        padding-right: 62px;
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalanceAmountInput,
    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalancePromoInput {
        border-color: rgba(188, 199, 221, 0.88);
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 10px 20px rgba(20, 38, 75, 0.035);
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalanceActionBtn.btn-success {
        background:
            linear-gradient(180deg, #426bd0 0%, #2d55b5 100%);
        box-shadow: 0 14px 28px rgba(45, 85, 181, 0.22), 0 1px 0 rgba(255, 255, 255, 0.28) inset;
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalanceActionBtn.btn-success:disabled {
        background: linear-gradient(180deg, #bfc9dc 0%, #a9b5ca 100%);
        color: rgba(255, 255, 255, 0.92);
        box-shadow: none;
        cursor: not-allowed;
        opacity: 1;
    }

    #zeroBalanceDepositModal.is-premium-deposit-pass .zeroBalancePromoCard {
        background: rgba(255, 255, 255, 0.82);
    }

    #zeroBalanceWithdrawModal .modal-dialog {
        max-width: min(436px, calc(100vw - 24px));
        margin: 0 auto;
        transform: translate3d(0, 12px, 0) scale(0.992);
        opacity: 0;
        transition: transform 0.16s ease, opacity 0.16s ease;
    }

    #zeroBalanceWithdrawModal .modal-dialog.modal-dialog-centered {
        min-height: 100dvh;
        display: flex;
        padding: 16px 0;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 14px;
    }

    #zeroBalanceWithdrawModal.show .modal-dialog {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 1;
    }

    #zeroBalanceWithdrawModal .modal-content {
        width: 100%;
        border: 0;
        border-radius: 22px;
        box-shadow: 0 18px 42px rgba(8, 19, 42, 0.18);
        background: linear-gradient(180deg, rgba(248, 250, 254, 0.99) 0%, rgba(241, 245, 251, 0.99) 100%);
        overflow: hidden;
    }

    #zeroBalanceWithdrawModal .modal-header.customFormBoxTitleOuter {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 0;
        padding: 16px 20px 8px;
        border-bottom: 0;
        background: linear-gradient(180deg, rgba(249, 251, 254, 0.99) 0%, rgba(244, 247, 252, 0.99) 100%);
    }

    #zeroBalanceWithdrawModal .modal-title {
        margin: 0;
        color: #223b67;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: -0.02em;
    }

    #zeroBalanceWithdrawModal .loginModalClose {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border: 0;
        border-radius: 10px;
        background: rgba(56, 76, 118, 0.07);
        color: rgba(62, 81, 117, 0.78);
        cursor: pointer;
    }

    #zeroBalanceWithdrawModal .modal-body {
        position: relative;
        padding: 14px 20px 8px;
        background: linear-gradient(180deg, rgba(247, 249, 253, 0.99) 0%, rgba(242, 246, 251, 0.99) 100%);
    }

    #zeroBalanceWithdrawModal .modal-body.js-inline-validation-form {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    #zeroBalanceWithdrawModal .zeroBalanceDepositStack {
        display: grid;
        gap: 10px;
    }

    #zeroBalanceWithdrawModal .customFormContentBoxOuter.zeroBalanceSection {
        display: grid;
        gap: 10px;
        padding: 12px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.82);
        border: 0;
        box-shadow: none;
    }

    #zeroBalanceWithdrawModal .zeroBalanceGatewayHeader,
    #zeroBalanceWithdrawModal .zeroBalanceAmountHeader {
        display: grid;
        gap: 5px;
    }

    #zeroBalanceWithdrawModal .zeroBalancePendingCard strong,
    #zeroBalanceWithdrawModal .zeroBalanceGatewayHeader strong,
    #zeroBalanceWithdrawModal .zeroBalanceAmountHeader strong,
    #zeroBalanceWithdrawModal .zeroBalanceSupportCardCopy strong {
        color: #22356b;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.2;
    }

    #zeroBalanceWithdrawModal .zeroBalancePendingCard p,
    #zeroBalanceWithdrawModal .zeroBalanceGatewayHeader p,
    #zeroBalanceWithdrawModal .zeroBalanceAmountHeader p,
    #zeroBalanceWithdrawModal .zeroBalanceSupportCardCopy span {
        margin: 0;
        color: #546884;
        font-size: 12px;
        line-height: 1.45;
    }

    #zeroBalanceWithdrawModal .zeroBalanceGatewayGrid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }

    #zeroBalanceWithdrawModal .zeroBalanceGatewayOption {
        display: grid;
        gap: 6px;
        justify-items: start;
        min-height: 82px;
        padding: 12px;
        border-radius: 12px;
        border: 0;
        background: rgba(255, 255, 255, 0.72);
        text-align: left;
        cursor: pointer;
        transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, transform 0.16s ease;
    }

    #zeroBalanceWithdrawModal .zeroBalanceGatewayOption:hover,
    #zeroBalanceWithdrawModal .zeroBalanceGatewayOption:focus-visible {
        border-color: rgba(95, 117, 161, 0.3);
        background: #ffffff;
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
        transform: translateY(-1px);
        outline: none;
    }

    #zeroBalanceWithdrawModal .zeroBalanceGatewayOption.is-selected {
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 0 0 3px rgba(128, 147, 184, 0.08), 0 10px 20px rgba(15, 23, 42, 0.06);
    }

    #zeroBalanceWithdrawModal .zeroBalanceGatewayOptionMeta {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        width: 100%;
        justify-content: space-between;
    }

    #zeroBalanceWithdrawModal .zeroBalanceGatewayOptionBadge {
        display: inline-flex;
        align-items: center;
        min-height: 22px;
        padding: 0 8px;
        border-radius: 999px;
        background: rgba(128, 147, 184, 0.1);
        color: #5a6f97;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.02em;
        text-transform: uppercase;
    }

    #zeroBalanceWithdrawModal .zeroBalanceGatewayOption strong {
        color: #1f2d56;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.25;
    }

    #zeroBalanceWithdrawModal .zeroBalanceGatewayOption span:last-child {
        color: #5a6f97;
        font-size: 11px;
        line-height: 1.4;
    }

    #zeroBalanceWithdrawModal .zeroBalanceAmountCard {
        display: grid;
        gap: 10px;
        padding: 12px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.9);
        border: 0;
    }

    #zeroBalanceWithdrawModal .zeroBalanceSelectedPartner {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 24px;
        width: fit-content;
        padding: 0 8px;
        border-radius: 999px;
        background: rgba(128, 147, 184, 0.1);
        color: #5a6f97;
        font-size: 11px;
        font-weight: 700;
    }

    #zeroBalanceWithdrawModal .zeroBalanceAmountInput {
        width: 100%;
        min-height: var(--gel-auth-input-min-height);
        padding: 0 var(--gel-auth-input-padding-x);
        border-radius: var(--gel-auth-input-radius);
        border: 1px solid var(--gel-auth-input-border);
        background: var(--gel-auth-input-bg);
        color: var(--gel-auth-input-color);
        font-family: var(--gel-auth-input-font-family);
        font-size: var(--gel-auth-input-font-size);
        font-weight: var(--gel-auth-input-font-weight);
        line-height: 1.2;
        box-shadow: var(--gel-auth-input-shadow);
        transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
    }

    #zeroBalanceWithdrawModal .zeroBalanceAmountInput::placeholder {
        color: rgba(85, 101, 139, 0.7);
    }

    #zeroBalanceWithdrawModal .zeroBalanceAmountInput:focus {
        outline: none;
        border-color: var(--gel-auth-input-border-focus) !important;
        background: var(--gel-auth-input-bg-focus);
        box-shadow: var(--gel-auth-input-focus-shadow);
    }

    #zeroBalanceWithdrawModal .zeroBalanceAmountError {
        margin: 0;
        color: #b91c1c;
        font-size: 12px;
        font-weight: 700;
    }

    #zeroBalanceWithdrawModal .zeroBalanceActionBtn {
        position: relative;
        min-height: 52px;
        width: 100%;
        border-radius: 14px;
        font-size: 14px;
        font-weight: 800;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        overflow: hidden;
    }

    #zeroBalanceWithdrawModal .zeroBalanceActionBtn.btn-success {
        background: linear-gradient(180deg, #3965c8 0%, #2d4fa5 100%);
        border-color: transparent;
        color: #ffffff;
        box-shadow: 0 10px 22px rgba(45, 79, 165, 0.16);
    }

    #zeroBalanceWithdrawModal .zeroBalanceActionBtn.btn-secondary {
        background: rgba(47, 70, 113, 0.07);
        border-color: rgba(128, 147, 184, 0.12);
        color: #42567b;
    }

    #zeroBalanceWithdrawModal .zeroBalanceActionBtn::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 16px;
        height: 16px;
        margin: -8px 0 0 -8px;
        border-radius: 50%;
        border: 2.5px solid currentColor;
        border-right-color: transparent;
        opacity: 0;
        pointer-events: none;
    }

    #zeroBalanceWithdrawModal .zeroBalanceActionBtnLabel {
        transition: opacity 0.16s ease;
    }

    #zeroBalanceWithdrawModal .zeroBalanceActionBtn.is-loading {
        color: transparent !important;
        pointer-events: none;
    }

    #zeroBalanceWithdrawModal .zeroBalanceActionBtn.is-loading .zeroBalanceActionBtnLabel {
        opacity: 0;
    }

    #zeroBalanceWithdrawModal .zeroBalanceActionBtn.is-loading::after {
        opacity: 1;
        animation: authModalButtonSpin 0.72s linear infinite;
    }

    #zeroBalanceWithdrawModal.is-premium-deposit-pass .customFormContentBoxOuter.zeroBalanceSection {
        background: rgba(255, 255, 255, 0.9);
        border: 1px solid rgba(214, 223, 239, 0.72);
        box-shadow: 0 12px 28px rgba(22, 44, 86, 0.045), 0 1px 0 rgba(255, 255, 255, 0.92) inset;
    }

    #zeroBalanceWithdrawModal.is-premium-deposit-pass .zeroBalanceGatewayHeader strong,
    #zeroBalanceWithdrawModal.is-premium-deposit-pass .zeroBalanceAmountHeader strong {
        color: #1d3468;
        font-weight: 800;
    }

    #zeroBalanceWithdrawModal.is-premium-deposit-pass .zeroBalanceGatewayOption {
        position: relative;
        grid-template-columns: 46px minmax(0, 1fr) 28px;
        grid-template-rows: auto auto;
        column-gap: 12px;
        row-gap: 3px;
        align-items: center;
        min-height: 82px;
        padding: 12px 12px 12px 13px;
        border: 1px solid rgba(216, 225, 242, 0.82);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96));
        box-shadow: 0 8px 20px rgba(25, 47, 90, 0.035), 0 1px 0 rgba(255, 255, 255, 0.92) inset;
    }

    #zeroBalanceWithdrawModal.is-premium-deposit-pass .zeroBalanceGatewayOptionLogo {
        display: inline-flex;
        grid-column: 1;
        grid-row: 1 / span 2;
        align-items: center;
        justify-content: center;
        width: 46px;
        height: 46px;
        overflow: hidden;
        border-radius: 14px;
        background:
            radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.95), transparent 24%),
            linear-gradient(145deg, rgba(60, 99, 195, 0.18), rgba(74, 118, 219, 0.08));
        border: 1px solid rgba(79, 113, 189, 0.12);
        box-shadow: 0 8px 18px rgba(45, 83, 172, 0.1);
    }

    #zeroBalanceWithdrawModal.is-premium-deposit-pass .zeroBalanceGatewayOptionLogo img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
        padding: 5px;
    }

    #zeroBalanceWithdrawModal.is-premium-deposit-pass .zeroBalanceGatewayOption::after {
        content: "";
        grid-column: 3;
        grid-row: 1 / span 2;
        width: 9px;
        height: 9px;
        justify-self: center;
        border-top: 2px solid rgba(85, 105, 143, 0.55);
        border-right: 2px solid rgba(85, 105, 143, 0.55);
        transform: rotate(45deg);
        transition: border-color 0.16s ease, transform 0.16s ease;
    }

    #zeroBalanceWithdrawModal.is-premium-deposit-pass .zeroBalanceGatewayOption:hover,
    #zeroBalanceWithdrawModal.is-premium-deposit-pass .zeroBalanceGatewayOption:focus-visible {
        border-color: rgba(64, 99, 188, 0.22);
        background: #ffffff;
        box-shadow: 0 12px 26px rgba(25, 47, 90, 0.065), 0 1px 0 rgba(255, 255, 255, 0.96) inset;
    }

    #zeroBalanceWithdrawModal.is-premium-deposit-pass .zeroBalanceGatewayOption:hover::after,
    #zeroBalanceWithdrawModal.is-premium-deposit-pass .zeroBalanceGatewayOption:focus-visible::after {
        border-color: rgba(45, 79, 165, 0.82);
        transform: translateX(2px) rotate(45deg);
    }

    #zeroBalanceWithdrawModal.is-premium-deposit-pass .zeroBalanceGatewayOption.is-selected {
        border-color: rgba(38, 93, 190, 0.34);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(247, 250, 255, 0.98));
        box-shadow: 0 0 0 3px rgba(49, 96, 203, 0.08), 0 14px 26px rgba(25, 47, 90, 0.08);
    }

    #zeroBalanceWithdrawModal.is-premium-deposit-pass .zeroBalanceGatewayOption.is-selected .zeroBalanceGatewayOptionLogo {
        background:
            radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.95), transparent 24%),
            linear-gradient(145deg, rgba(38, 93, 190, 0.25), rgba(56, 196, 116, 0.12));
        border-color: rgba(34, 197, 94, 0.2);
    }

    #zeroBalanceWithdrawModal.is-premium-deposit-pass .zeroBalanceGatewayOption.is-selected::after {
        content: "\f00c";
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        border: 0;
        border-radius: 50%;
        background:
            linear-gradient(135deg, #2fb36b, #168b48);
        color: #ffffff;
        font-family: "Font Awesome 5 Free";
        font-size: 9px;
        font-weight: 900;
        transform: none;
        box-shadow: 0 7px 14px rgba(22, 139, 72, 0.18);
    }

    #zeroBalanceWithdrawModal.is-premium-deposit-pass .zeroBalanceGatewayOptionMeta {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
    }

    #zeroBalanceWithdrawModal.is-premium-deposit-pass .zeroBalanceGatewayOptionBadge {
        min-height: 20px;
        padding: 0 9px;
        background: rgba(66, 91, 140, 0.08);
        color: #536b98;
        font-size: 10px;
    }

    #zeroBalanceWithdrawModal.is-premium-deposit-pass .zeroBalanceGatewayOption strong {
        grid-column: 2;
        grid-row: 2;
        color: #172a58;
        font-size: 14px;
        font-weight: 800;
    }

    #zeroBalanceWithdrawModal.is-premium-deposit-pass .zeroBalanceGatewayOptionLimit {
        grid-column: 2;
        grid-row: 3;
        color: #627493;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.35;
    }

    #zeroBalanceWithdrawModal.is-premium-deposit-pass .zeroBalanceSelectedPartner {
        background: rgba(44, 88, 216, 0.08);
        color: #395a9d;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.88) inset;
    }

    #zeroBalanceWithdrawModal.is-premium-deposit-pass .zeroBalanceAmountField {
        position: relative;
    }

    #zeroBalanceWithdrawModal.is-premium-deposit-pass .zeroBalanceAmountField::after {
        content: attr(data-currency);
        position: absolute;
        top: 50%;
        right: 14px;
        transform: translateY(-50%);
        color: #607190;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.04em;
        pointer-events: none;
    }

    #zeroBalanceWithdrawModal.is-premium-deposit-pass .zeroBalancePromoField i {
        position: absolute;
        top: 50%;
        left: 14px;
        transform: translateY(-50%);
        color: rgba(34, 53, 107, 0.62);
        font-size: 14px;
        pointer-events: none;
    }

    #zeroBalanceWithdrawModal.is-premium-deposit-pass .zeroBalanceAmountInput {
        padding: 0 62px 0 42px;
        border-color: rgba(188, 199, 221, 0.88);
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 10px 20px rgba(20, 38, 75, 0.035);
    }

    #zeroBalanceWithdrawModal.is-premium-deposit-pass .zeroBalanceActionBtn.btn-success {
        background:
            linear-gradient(180deg, #426bd0 0%, #2d55b5 100%);
        box-shadow: 0 14px 28px rgba(45, 85, 181, 0.22), 0 1px 0 rgba(255, 255, 255, 0.28) inset;
    }

    #zeroBalanceWithdrawModal.is-premium-deposit-pass .zeroBalanceActionBtn.btn-success:disabled {
        background: linear-gradient(180deg, #bfc9dc 0%, #a9b5ca 100%);
        color: rgba(255, 255, 255, 0.92);
        box-shadow: none;
        cursor: not-allowed;
        opacity: 1;
    }

    #zeroBalanceWithdrawModal .zeroBalancePendingLink {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        width: fit-content;
        min-height: 42px;
        padding: 0 14px;
        border-radius: 12px;
        background: rgba(47, 70, 113, 0.07);
        color: #1d4ed8;
        font-size: 12px;
        font-weight: 700;
        text-decoration: none;
    }

    #zeroBalanceWithdrawModal .zeroBalanceSupportEyebrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        width: fit-content;
        padding: 6px 10px;
        border-radius: 999px;
        background: rgba(37, 99, 235, 0.08);
        color: #1e40af;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.02em;
        text-transform: uppercase;
    }

    #zeroBalanceWithdrawModal .zeroBalanceSupportCardCopy {
        display: grid;
        gap: 8px;
    }

    @media (max-width: 767.98px) {
        #zeroBalanceWithdrawModal .modal-dialog {
            max-width: min(436px, calc(100vw - 24px));
        }
    }

    .logoutQuickConfirmBackdrop {
        position: fixed;
        inset: 0;
        z-index: 1390;
        background: var(--gel-overlay-backdrop);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.18s ease;
    }

    .logoutQuickConfirmBackdrop.is-open {
        opacity: 1;
        pointer-events: auto;
    }

    .logoutQuickConfirm {
        position: fixed;
        top: 0;
        left: 0;
        width: min(320px, calc(100vw - 24px));
        z-index: 1400;
        opacity: 0;
        pointer-events: none;
        transform: translateY(10px) scale(0.96);
        transform-origin: var(--logout-confirm-origin-x, calc(100% - 28px)) top;
        transition: opacity 0.18s ease, transform 0.18s ease;
    }

    .logoutQuickConfirm.is-open {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0) scale(1);
    }

    .logoutQuickConfirm[data-placement="top"] {
        transform: translateY(-10px) scale(0.96);
        transform-origin: var(--logout-confirm-origin-x, calc(100% - 28px)) bottom;
    }

    .logoutQuickConfirm.is-open[data-placement="top"] {
        transform: translateY(0) scale(1);
    }

    .logoutQuickConfirm[data-placement="center"] {
        transform: translateY(10px) scale(0.96);
        transform-origin: center center;
    }

    .logoutQuickConfirm.is-open[data-placement="center"] {
        transform: translateY(0) scale(1);
    }

    .logoutQuickConfirmCard {
        position: relative;
        display: grid;
        gap: 10px;
        padding: 16px;
        border-radius: 18px;
        background: linear-gradient(180deg, rgba(14, 22, 46, 0.98) 0%, rgba(9, 16, 35, 0.98) 100%);
        border: 1px solid rgba(120, 149, 255, 0.12);
        box-shadow: 0 16px 32px rgba(6, 12, 30, 0.2);
        backdrop-filter: blur(16px);
    }

    .logoutQuickConfirmCard::before {
        content: "";
        position: absolute;
        top: -7px;
        left: var(--logout-confirm-arrow-left, calc(100% - 31px));
        width: 14px;
        height: 14px;
        background: rgba(13, 21, 44, 0.98);
        border-top: 1px solid rgba(120, 149, 255, 0.12);
        border-left: 1px solid rgba(120, 149, 255, 0.12);
        transform: rotate(45deg);
    }

    .logoutQuickConfirm[data-placement="top"] .logoutQuickConfirmCard::before {
        top: auto;
        bottom: -7px;
        border-top: 0;
        border-left: 0;
        border-right: 1px solid rgba(120, 149, 255, 0.12);
        border-bottom: 1px solid rgba(120, 149, 255, 0.12);
    }

    .logoutQuickConfirm[data-placement="center"] .logoutQuickConfirmCard::before {
        display: none;
    }

    .logoutQuickConfirmClose {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        border-radius: 10px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        background: rgba(255, 255, 255, 0.04);
        color: #dbe5ff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
    }

    .logoutQuickConfirmClose:hover,
    .logoutQuickConfirmClose:focus-visible {
        background: rgba(255, 255, 255, 0.08);
        border-color: rgba(255, 255, 255, 0.14);
        transform: translateY(-1px);
    }

    .logoutQuickConfirmTitle {
        margin: 0;
        padding-right: 28px;
        color: #f6f9ff;
        font-size: 18px;
        font-weight: 800;
        line-height: 1.2;
    }

    .logoutQuickConfirmText {
        margin: 0;
        color: #9fb0e4;
        font-size: 13px;
        line-height: 1.5;
        font-weight: 600;
    }

    .logoutQuickConfirmActions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        margin-top: 2px;
    }

    .logoutQuickConfirmBtn {
        min-height: 40px;
        padding: 0 14px;
        border-radius: 12px;
        text-decoration: none;
        font-size: 13px;
        font-weight: 800;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .logoutQuickConfirmBtn--ghost {
        border: 1px solid rgba(255, 255, 255, 0.08);
        background: rgba(255, 255, 255, 0.04);
        color: #dbe5ff;
    }

    .logoutQuickConfirmBtn--primary {
        background: linear-gradient(135deg, #ff6d58 0%, #ff3b2f 100%);
        color: #ffffff;
        box-shadow: 0 8px 16px rgba(255, 68, 49, 0.16);
    }

    .logoutQuickConfirmBtn--ghost:hover,
    .logoutQuickConfirmBtn--ghost:focus-visible {
        background: rgba(255, 255, 255, 0.08);
        border-color: rgba(255, 255, 255, 0.14);
    }

    .logoutQuickConfirmBtn--primary:hover,
    .logoutQuickConfirmBtn--primary:focus-visible {
        filter: brightness(1.03);
        transform: translateY(-1px);
    }

    @media (max-width: 767px) {
        .logoutQuickConfirm {
            width: min(320px, calc(100vw - 16px));
        }

        .logoutQuickConfirmCard {
            padding: 14px;
            border-radius: 16px;
        }
    }

    #loginModal .loginCheckOuter span,
    #registerModal .loginCheckOuter span {
        color: #435673;
        font-weight: 500;
    }

    #loginModal .modal-footer .btn,
    #registerModal .modal-footer .btn {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        border: 0;
        border-radius: 12px;
        font-weight: 600;
        letter-spacing: 0;
        text-transform: none;
        transition: transform 0.14s ease, box-shadow 0.14s ease, filter 0.14s ease, background 0.14s ease;
        box-shadow: none;
        overflow: hidden;
    }

    #loginModal .modal-footer .btn:hover,
    #registerModal .modal-footer .btn:hover {
        transform: translateY(-1px);
        filter: none;
    }

    #loginModal .modal-footer .btn:active,
    #registerModal .modal-footer .btn:active {
        transform: translateY(0) scale(0.995);
    }

    #loginModal .modal-footer .btn-secondary,
    #registerModal .modal-footer .btn-secondary {
        background: rgba(255, 255, 255, 0.78);
        color: #314566;
        border: 1px solid rgba(128, 147, 184, 0.16);
    }

    #loginModal .modal-footer .btn-success,
    #registerModal .modal-footer .btn-success {
        background: linear-gradient(180deg, #3965c8 0%, #2d4fa5 100%);
        color: #ffffff;
        box-shadow: 0 10px 22px rgba(45, 79, 165, 0.16);
    }

    #loginModal .modal-footer .btn-success:not(:disabled),
    #registerModal .modal-footer .btn-success:not(:disabled) {
        cursor: pointer;
    }

    #loginModal .modal-footer .btn-success.is-validation-incomplete:not(:disabled),
    #registerModal .modal-footer .btn-success.is-validation-incomplete:not(:disabled) {
        opacity: 0.92;
        box-shadow: 0 8px 18px rgba(45, 79, 165, 0.12);
    }

    #loginModal .modal-footer .btn-success::before,
    #registerModal .modal-footer .btn-success::before {
        display: none;
    }

    #loginModal .modal-footer .btn-success:hover::before,
    #loginModal .modal-footer .btn-success:focus-visible::before,
    #registerModal .modal-footer .btn-success:hover::before,
    #registerModal .modal-footer .btn-success:focus-visible::before {
        opacity: 1;
        transform: translateX(445%) skewX(-18deg);
        transition: transform 0.86s cubic-bezier(0.2, 0.72, 0.16, 1), opacity 0.22s ease;
    }

    #loginModal .modal-footer .btn-success.is-loading,
    #registerModal .modal-footer .btn-success.is-loading {
        color: transparent !important;
        pointer-events: none;
    }

    #loginModal .modal-footer .btn-success.is-loading::before,
    #registerModal .modal-footer .btn-success.is-loading::before {
        opacity: 0;
    }

    #loginModal .modal-footer .btn-success.is-loading::after,
    #registerModal .modal-footer .btn-success.is-loading::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 18px;
        height: 18px;
        margin: -9px 0 0 -9px;
        border-radius: 50%;
        border: 2.5px solid rgba(255, 255, 255, 0.34);
        border-top-color: #ffffff;
        animation: authModalButtonSpin 0.72s linear infinite;
    }

    .modal-backdrop.show,
    body.register-modal-open .modal-backdrop.show,
    body.login-modal-open .modal-backdrop.show {
        backdrop-filter: blur(6px);
        background: var(--gel-overlay-backdrop);
    }

    body.register-modal-open #gelirseSocialPanelTrigger,
    body.login-modal-open #gelirseSocialPanelTrigger {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body.register-modal-pending-open::before,
    body.login-modal-pending-open::before {
        content: "";
        position: fixed;
        inset: 0;
        z-index: 1054;
        background: var(--gel-overlay-backdrop);
        backdrop-filter: none;
    }

    .authPreOpenLoader {
        position: fixed;
        top: 50%;
        left: 50%;
        z-index: 1055;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: rgba(248, 250, 255, 0.92);
        box-shadow: 0 16px 32px rgba(7, 14, 36, 0.18);
        transform: translate(-50%, -50%) scale(0.94);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.14s ease, transform 0.14s ease, visibility 0.14s ease;
        pointer-events: none;
    }

    body.register-modal-pending-open .authPreOpenLoader,
    body.login-modal-pending-open .authPreOpenLoader {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, -50%) scale(1);
    }

    .authPreOpenLoader::before {
        content: "";
        width: 18px;
        height: 18px;
        border-radius: 50%;
        border: 2.5px solid rgba(35, 53, 107, 0.14);
        border-top-color: rgba(35, 53, 107, 0.72);
        animation: authModalButtonSpin 0.66s linear infinite;
    }

    .authModalLaunchTrigger {
        position: relative;
        overflow: hidden;
        isolation: isolate;
    }

    .authModalLaunchTrigger::before {
        content: "";
        position: absolute;
        inset: -1px;
        z-index: 0;
        border-radius: inherit;
        opacity: 0;
        pointer-events: none;
        background:
            radial-gradient(circle at 28% 22%, rgba(255, 255, 255, 0.44), transparent 30%),
            linear-gradient(110deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0));
        transform: translateX(-42%);
        transition: opacity 0.16s ease;
    }

    .authModalLaunchTrigger::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 14px;
        z-index: 2;
        width: 16px;
        height: 16px;
        margin-top: -8px;
        border-radius: 50%;
        border: 2px solid rgba(255, 255, 255, 0.28);
        border-top-color: #ffffff;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.14s ease;
    }

    .authModalLaunchTrigger.is-launching {
        pointer-events: none;
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 0.12),
            0 12px 34px rgba(66, 99, 235, 0.22);
    }

    .authModalLaunchTrigger.is-launching::before {
        opacity: 0;
        animation: none;
    }

    .authModalLaunchTrigger.is-launching::after {
        opacity: 1;
        animation: authModalButtonSpin 0.72s linear infinite;
    }

    @keyframes authLaunchSweep {
        0% {
            transform: translateX(-70%);
        }
        100% {
            transform: translateX(70%);
        }
    }

    #loginModal .modal-dialog,
    #registerModal .modal-dialog,
    #zeroBalanceDepositModal .modal-dialog,
    #zeroBalanceWithdrawModal .modal-dialog {
        will-change: transform, opacity;
        backface-visibility: hidden;
    }

    #loginModal .modal-content,
    #registerModal .modal-content,
    #zeroBalanceDepositModal .modal-content,
    #zeroBalanceWithdrawModal .modal-content {
        contain: layout paint;
        backface-visibility: hidden;
    }

    .authEntryModal .modal-body,
    .authEntryModal .modal-footer {
        transition: opacity 0.18s ease;
    }

    .authEntryModal.is-hydrating .modal-body,
    .authEntryModal.is-hydrating .modal-footer {
        opacity: 1;
    }

    .authEntryModal.is-ready .modal-body,
    .authEntryModal.is-ready .modal-footer {
        opacity: 1;
    }

    .authEntryModal .modal-body::before {
        content: none;
        position: absolute;
        inset: 14px 16px auto;
        z-index: 2;
        height: 142px;
        border-radius: 18px;
        opacity: 0;
        pointer-events: none;
        background:
            linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.46), rgba(255, 255, 255, 0)) 0 0 / 180px 100% no-repeat,
            linear-gradient(rgba(220, 229, 247, 0.54), rgba(220, 229, 247, 0.54)) 0 0 / 100% 54px no-repeat,
            linear-gradient(rgba(220, 229, 247, 0.34), rgba(220, 229, 247, 0.34)) 0 70px / 74% 16px no-repeat,
            linear-gradient(rgba(220, 229, 247, 0.28), rgba(220, 229, 247, 0.28)) 0 102px / 52% 16px no-repeat;
        transition: opacity 0.12s ease;
        animation: authModalSkeletonSweep 0.9s ease-in-out infinite;
    }

    .authEntryModal.is-hydrating .modal-body {
        position: relative;
    }

    .authEntryModal.is-hydrating .modal-body::before {
        opacity: 0;
    }

    #loginModal.authEntryModal .modal-body::before {
        height: 112px;
    }

    @keyframes authModalSkeletonSweep {
        0% {
            background-position: -180px 0, 0 0, 0 70px, 0 102px;
        }
        100% {
            background-position: calc(100% + 180px) 0, 0 0, 0 70px, 0 102px;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .authEntryModal .modal-body,
        .authEntryModal .modal-footer {
            transition: none;
        }

        .authEntryModal .modal-body::before {
            animation: none;
        }
    }

    #registerModal .modal-dialog {
        max-width: min(436px, calc(100vw - 24px));
        margin: 0 auto;
        transform: translate3d(0, 0, 0) scale(0.976);
        opacity: 0;
        filter: blur(1.5px);
        transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.18s ease, filter 0.18s ease;
    }

    #registerModal .modal-dialog.modal-dialog-centered {
        display: flex;
        min-height: 100dvh;
        padding: 16px 0;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        gap: 14px;
    }

    #registerModal.show .modal-dialog {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 1;
        filter: blur(0);
    }

    #registerModal .modal-content {
        border-radius: 22px;
        box-shadow: 0 18px 42px rgba(8, 19, 42, 0.18);
        width: 100%;
    }

    #registerModal .registerModalPromoPanel {
        display: none;
    }

    #registerModal .registerModalHeader {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 0;
        padding: 16px 20px 8px;
        border-bottom: 1px solid rgba(128, 147, 184, 0.08);
        background: #f8fbff;
    }

    #registerModal .registerModalHeaderTitle {
        margin: 0;
        color: #223b67;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: -0.02em;
    }

    #registerModal .registerModalClose {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        border: 0;
        border-radius: 10px;
        background: rgba(56, 76, 118, 0.07);
        color: rgba(62, 81, 117, 0.78);
        cursor: pointer;
        transition: background 0.14s ease, color 0.14s ease, transform 0.14s ease;
    }

    #registerModal .registerModalClose:hover,
    #registerModal .registerModalClose:focus-visible {
        background: rgba(56, 76, 118, 0.07);
        color: rgba(62, 81, 117, 0.78);
        transform: none;
        outline: none;
    }

    #registerModal .modal-body {
        padding: 14px 20px 8px;
    }

    #registerModal .modal-footer {
        padding: 0 20px 18px;
        grid-template-columns: 1fr;
        justify-content: stretch;
    }

    #registerModal .authRegisterModalBody {
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
    }

    #registerModal .authRegisterField,
    #registerModal .authRegisterFieldFull {
        grid-column: 1 / -1;
    }

    #registerModal .customFormContentBoxOuter {
        display: flex;
        flex-direction: column;
        min-width: 0;
        margin-bottom: 0;
    }

    #registerModal .customFormContentBoxOuter > p {
        margin: 0 0 7px;
        color: #596c89;
        font-size: 12px;
        font-weight: 600;
    }

    #registerModal .authRegisterFieldTitle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        font-family: var(--gel-auth-input-font-family);
        letter-spacing: 0;
    }

    #registerFormModal .authRegisterFieldHasTitle {
        position: relative;
    }

    #registerFormModal .authRegisterFieldHasTitle > .authRegisterFieldTitle {
        position: absolute;
        top: 18px;
        right: 16px;
        z-index: 3;
        margin: 0;
        pointer-events: none;
    }

    #registerFormModal .authRegisterFieldHasTitle > .authRegisterFieldTitle > span:first-child {
        display: none;
    }

    #registerFormModal .authRegisterFieldHasTitle > .authRegisterFieldTitle .authRequiredBadge {
        margin-left: 0;
    }

    #registerModal .authOutlineShieldBadge {
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        color: var(--gel-auth-success-green);
        line-height: 1;
    }

    #registerModal .authOutlineShieldBadge svg {
        display: block;
        width: 100%;
        height: 100%;
        overflow: visible;
    }

    #registerModal .authOutlineShieldBadge circle,
    #registerModal .authOutlineShieldBadge path {
        fill: none;
        stroke: currentColor;
        stroke-width: 2.9;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    #registerModal .authOutlineShieldBadge circle {
        stroke-width: 2.6;
    }

    #registerModal .authRequiredBadge {
        margin-left: auto;
        opacity: 0;
        transform: scale(0.8);
        transition: color 0.18s ease, opacity 0.18s ease, transform 0.18s ease, filter 0.18s ease;
    }

    #registerModal .authRequiredBadge.is-active {
        color: var(--gel-auth-success-green);
        opacity: 1;
        transform: scale(1);
        filter: drop-shadow(0 3px 7px rgba(0, 191, 79, 0.16));
    }

    #registerModal .authIdentifierFeedback {
        display: block;
        margin-top: 7px;
        color: #d74242;
        font-size: 11.5px;
        font-weight: 650;
        line-height: 1.35;
    }

    #registerModal .authIdentifierFeedback[hidden] {
        display: none;
    }

    #registerFormModal .floatingFieldInput,
    #registerModal select {
        min-height: var(--gel-auth-input-min-height);
        padding: 16px var(--gel-auth-input-padding-x) 6px var(--gel-auth-input-padding-left-icon);
        border-radius: var(--gel-auth-input-radius);
        border: 1px solid var(--gel-auth-input-border);
        background: var(--gel-auth-input-bg);
        color: var(--gel-auth-input-color);
        font-family: var(--gel-auth-input-font-family);
        font-size: var(--gel-auth-input-font-size);
        font-weight: var(--gel-auth-input-font-weight);
        box-shadow: var(--gel-auth-input-shadow);
    }

    #registerFormModal .floatingFieldInput {
        padding-right: var(--gel-auth-input-padding-right-icon);
    }

    #registerFormModal .floatingField.is-password .floatingFieldInput {
        padding-right: var(--gel-auth-input-padding-right-icon);
    }

    #registerFormModal .floatingFieldInput:hover {
        border-color: rgba(95, 117, 161, 0.3);
        background: #ffffff;
        box-shadow: var(--gel-auth-input-focus-shadow);
    }

    #registerFormModal .floatingFieldInput:focus,
    #registerModal select:focus {
        border-color: var(--gel-auth-input-border-focus) !important;
        background: var(--gel-auth-input-bg-focus);
        box-shadow: var(--gel-auth-input-focus-shadow);
        color: var(--gel-auth-input-color);
    }

    #registerModal select {
        padding: 0 var(--gel-auth-input-padding-x) 0 18px;
        appearance: auto;
    }

    #registerModal .registerCountryNativeSelect,
    #registerModal .registerCurrencyNativeSelect {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        clip-path: inset(50%);
        white-space: nowrap;
        border: 0;
        opacity: 0;
        pointer-events: none;
    }

    #registerModal .registerCountryPicker,
    #registerModal .registerCurrencyPicker {
        position: relative;
    }

    #registerModal .registerCountryPickerTrigger,
    #registerModal .registerCurrencyPickerTrigger {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        width: 100%;
        min-height: 50px;
        padding: 0 46px 0 18px;
        border: 1px solid var(--gel-auth-input-border);
        border-radius: 12px;
        background: var(--gel-auth-input-bg);
        color: var(--gel-auth-input-color);
        font-family: var(--gel-auth-input-font-family);
        font-size: var(--gel-auth-input-font-size);
        font-weight: 500;
        text-align: left;
        box-shadow: var(--gel-auth-input-shadow);
        transition: border-color 0.14s ease, box-shadow 0.14s ease, background 0.14s ease;
    }

    #registerModal .registerCountryPickerTriggerInner,
    #registerModal .registerCurrencyPickerTriggerInner {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
    }

    #registerModal .registerCountryPickerTriggerText,
    #registerModal .registerCurrencyPickerTriggerText {
        display: inline-block;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #registerModal .registerCountryPickerTrigger:focus,
    #registerModal .registerCountryPickerTrigger[aria-expanded="true"],
    #registerModal .registerCurrencyPickerTrigger:focus,
    #registerModal .registerCurrencyPickerTrigger[aria-expanded="true"] {
        border-color: var(--gel-auth-input-border-focus) !important;
        background: #ffffff;
        box-shadow: var(--gel-auth-input-focus-shadow);
        outline: none;
    }

    #registerModal .registerCountryPickerTrigger i,
    #registerModal .registerCurrencyPickerTrigger i {
        position: absolute;
        top: 50%;
        right: 16px;
        color: rgba(67, 86, 115, 0.68);
        transform: translateY(-50%);
        transition: transform 0.16s ease;
        pointer-events: none;
    }

    #registerModal .registerCountryPickerTrigger[aria-expanded="true"] i,
    #registerModal .registerCurrencyPickerTrigger[aria-expanded="true"] i {
        transform: translateY(-50%) rotate(180deg);
    }

    #registerModal .registerCountryPickerTrigger:disabled,
    #registerModal .registerCountryPickerTrigger[aria-disabled="true"] {
        border-color: var(--gel-auth-input-border);
        background: var(--gel-auth-input-bg);
        color: var(--gel-auth-input-color);
        cursor: not-allowed;
        opacity: 1;
        box-shadow: var(--gel-auth-input-shadow);
    }

    #registerModal .registerCountryPickerTrigger:disabled i,
    #registerModal .registerCountryPickerTrigger[aria-disabled="true"] i {
        color: rgba(103, 118, 147, 0.34);
        transform: translateY(-50%);
    }

    #registerModal .registerCountryPickerTrigger:disabled:focus,
    #registerModal .registerCountryPickerTrigger:disabled:hover,
    #registerModal .registerCountryPickerTrigger[aria-disabled="true"]:focus,
    #registerModal .registerCountryPickerTrigger[aria-disabled="true"]:hover {
        border-color: var(--gel-auth-input-border) !important;
        background: var(--gel-auth-input-bg);
        box-shadow: var(--gel-auth-input-shadow);
        outline: none;
    }

    .registerCountrySheet[hidden],
    .registerCurrencySheet[hidden] {
        display: none;
    }

    .registerCountrySheet,
    .registerCurrencySheet {
        position: fixed;
        inset: 0;
        z-index: 2147483100;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        padding: 68px 18px 18px;
        background: var(--gel-overlay-backdrop);
        backdrop-filter: blur(8px);
        pointer-events: auto;
    }

    .registerCountrySheetDialog,
    .registerCurrencySheetDialog {
        width: min(460px, calc(100vw - 36px));
        max-height: min(78dvh, 640px);
        display: grid;
        grid-template-rows: auto auto minmax(0, 1fr);
        gap: 10px;
        padding: 16px;
        border-radius: 22px;
        border: 1px solid rgba(118, 146, 255, 0.14);
        background: linear-gradient(180deg, rgba(248, 250, 255, 0.99) 0%, rgba(240, 245, 255, 0.99) 100%);
        box-shadow: 0 24px 54px rgba(7, 14, 36, 0.16);
        pointer-events: auto;
    }

    .registerCountrySheetHeader,
    .registerCurrencySheetHeader {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    .registerCountrySheetHeader h5,
    .registerCurrencySheetHeader h5 {
        margin: 0;
        color: #22356b;
        font-size: 19px;
        font-weight: 900;
    }

    .registerCountrySheetClose,
    .registerCurrencySheetClose {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        border: 0;
        border-radius: 12px;
        background: rgba(34, 53, 107, 0.06);
        color: rgba(34, 53, 107, 0.78);
        cursor: pointer;
    }

    .registerCountryPickerSearch,
    .registerCurrencyPickerSearch {
        width: 100%;
        min-height: 42px;
        padding: 0 14px;
        border: 1px solid rgba(90, 119, 205, 0.18);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.94);
        color: #1b2744;
        font-size: 14px;
        font-weight: 600;
        pointer-events: auto;
    }

    body.country-sheet-open #registerModal {
        pointer-events: none;
    }

    body.country-sheet-open #registerCountrySheet,
    body.country-sheet-open #registerCurrencySheet {
        pointer-events: auto;
    }

    .registerCountryPickerOptions,
    .registerCurrencyPickerOptions {
        display: grid;
        gap: 6px;
        max-height: none;
        overflow-y: auto;
        padding-right: 2px;
    }

    .registerCountryPickerOption,
    .registerCurrencyPickerOption {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        width: 100%;
        min-height: 42px;
        padding: 0 12px;
        border: 0;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.7);
        color: #22356b;
        font-size: 14px;
        font-weight: 700;
        text-align: left;
        transition: background 0.14s ease, color 0.14s ease, transform 0.14s ease;
    }

    .registerCountryPickerOption:hover,
    .registerCountryPickerOption.is-selected,
    .registerCurrencyPickerOption:hover,
    .registerCurrencyPickerOption.is-selected {
        background: rgba(35, 53, 107, 0.08);
        color: #1b2744;
    }

    .registerCountryPickerOption[hidden],
    .registerCurrencyPickerOption[hidden] {
        display: none;
    }

    .registerCountryPickerOption i,
    .registerCurrencyPickerOption i {
        margin-left: auto;
        opacity: 0;
        color: #2c58d8;
        transition: opacity 0.14s ease;
    }

    .registerCountryPickerOption.is-selected i,
    .registerCurrencyPickerOption.is-selected i {
        opacity: 1;
    }

    .registerCountryPickerEmptyState,
    .registerCurrencyPickerEmptyState {
        padding: 10px 12px;
        border-radius: 12px;
        background: rgba(35, 53, 107, 0.06);
        color: rgba(34, 53, 107, 0.72);
        font-size: 13px;
        font-weight: 600;
    }

    .registerCountryPickerFlag {
        width: 22px;
        height: 16px;
        border-radius: 4px;
        object-fit: cover;
        box-shadow: 0 0 0 1px rgba(34, 53, 107, 0.08);
        flex: 0 0 22px;
    }

    .registerCountryPickerFlag.is-hidden {
        display: none;
    }

    #registerModal .loginLinksOuter {
        margin: 8px 0 2px;
    }

    #registerModal .loginCheckOuter {
        align-items: flex-start;
        gap: 10px;
    }

    #registerModal .loginCheckOuter input {
        width: 20px;
        height: 20px;
        margin-top: 0;
        flex: 0 0 20px;
    }

    #registerModal .loginCheckOuter label {
        color: rgba(67, 86, 115, 0.74);
        font-family: var(--gel-auth-input-font-family);
        font-size: 10.5px;
        font-weight: 500;
        line-height: 1.45;
        cursor: pointer;
    }

    #registerModal .registerModalTermsLinks {
        display: contents;
    }

    #registerModal .loginCheckOuter label a,
    #registerModal .registerModalTermsLinks a {
        display: inline;
        color: rgba(43, 69, 124, 0.82);
        font-size: inherit;
        font-weight: 600;
        line-height: inherit;
        text-decoration: underline;
        text-decoration-color: rgba(43, 69, 124, 0.2);
        text-decoration-thickness: 1px;
        text-underline-offset: 2px;
        transition: color 0.14s ease, text-decoration-color 0.14s ease, opacity 0.14s ease;
    }

    #registerModal .loginCheckOuter label a:hover,
    #registerModal .registerModalTermsLinks a:hover {
        color: #22356b;
        text-decoration-color: rgba(34, 53, 107, 0.52);
        opacity: 0.92;
    }

    #registerModal .authPasswordStrength {
        --auth-password-strength: 0%;
        --auth-password-strength-color-start: rgba(156, 171, 202, 0.5);
        --auth-password-strength-color-end: rgba(132, 148, 178, 0.6);
        display: block;
        margin: -1px 11px 0;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    #registerModal .authPasswordStrength.is-weak {
        --auth-password-strength-color-start: rgba(118, 147, 114, 0.58);
        --auth-password-strength-color-end: rgba(86, 128, 92, 0.68);
    }

    #registerModal .authPasswordStrength.is-medium {
        --auth-password-strength-color-start: #87d99f;
        --auth-password-strength-color-end: #42b86b;
    }

    #registerModal .authPasswordStrength.is-strong {
        --auth-password-strength-color-start: rgba(0, 191, 79, 0.38);
        --auth-password-strength-color-end: var(--gel-auth-success-green);
    }

    #registerModal .authPasswordStrengthHeader {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-width: 0;
    }

    #registerModal .authPasswordStrengthTitle {
        color: rgba(44, 61, 94, 0.82);
        font-size: 10.5px;
        font-weight: 700;
        line-height: 1;
    }

    #registerModal .authPasswordStrengthLabel {
        overflow: hidden;
        color: rgba(72, 90, 126, 0.68);
        font-size: 10.5px;
        font-weight: 600;
        line-height: 1;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #registerModal .authPasswordStrengthTrack {
        position: relative;
        width: 100%;
        height: 2px;
        overflow: hidden;
        border-radius: 999px;
        background: rgba(126, 145, 182, 0.12);
        box-shadow: none;
        -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 14%, #000 86%, transparent 100%);
        mask-image: linear-gradient(90deg, transparent 0%, #000 14%, #000 86%, transparent 100%);
    }

    #registerModal .authPasswordStrengthFill {
        position: absolute;
        inset: 0 auto 0 0;
        width: var(--auth-password-strength);
        border-radius: inherit;
        background: linear-gradient(90deg, var(--auth-password-strength-color-start) 0%, var(--auth-password-strength-color-end) 100%);
        box-shadow: 0 0 10px rgba(19, 168, 90, 0.16);
        transition: width 0.22s ease, background 0.18s ease, box-shadow 0.18s ease;
    }

    #registerModal .authPasswordStrengthText {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        margin-top: 7px;
        color: rgba(72, 90, 126, 0.72);
        font-size: 11.5px;
        line-height: 1.35;
        transition: color 0.18s ease;
    }

    #registerModal .authPasswordStrengthText.is-weak {
        color: rgba(142, 158, 190, 0.82);
    }

    #registerModal .authPasswordStrengthText.is-medium {
        color: rgba(102, 145, 119, 0.9);
    }

    #registerModal .authPasswordStrengthText.is-strong {
        color: #167a45;
    }

    #registerModal .authPasswordStrengthApproved {
        width: 20px;
        height: 20px;
        color: var(--gel-auth-success-green);
        opacity: 0;
        transform: scale(0.72);
        filter: drop-shadow(0 3px 7px rgba(0, 191, 79, 0.14));
        transition: opacity 0.16s ease, transform 0.16s ease, filter 0.16s ease;
    }

    #registerModal .authPasswordStrengthText.is-strong .authPasswordStrengthApproved {
        opacity: 1;
        transform: scale(1);
    }

    #registerModal .fieldAssistText {
        display: none;
    }

    #registerModal .modal-footer .btn {
        width: 100%;
        min-height: 48px;
    }

    #loginModal .modal-footer,
    #registerModal .modal-footer {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    #loginModal .modal-footer .btn,
    #registerModal .modal-footer .btn {
        width: 100%;
        min-height: 48px;
    }

    #loginModal .authModalSwitch,
    #registerModal .authModalSwitch {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3px;
        width: 100%;
        margin-top: 8px;
        text-align: center;
        color: rgba(90, 105, 132, 0.86);
        font-size: 12px;
        font-weight: 500;
        line-height: 1.4;
    }

    #loginModal .authModalSwitch a,
    #registerModal .authModalSwitch a {
        display: inline-block;
        color: #2f4671;
        font-weight: 600;
        text-decoration: none;
        transition: color 0.14s ease, opacity 0.14s ease;
    }

    #loginModal .authModalSwitch a:hover,
    #registerModal .authModalSwitch a:hover {
        color: #2c58d8;
        opacity: 0.96;
    }

    #loginModal .modal-footer .btn-success:disabled,
    #registerModal .modal-footer .btn-success:disabled {
        cursor: not-allowed;
        background: linear-gradient(180deg, #3965c8 0%, #2d4fa5 100%);
        color: rgba(255, 255, 255, 0.94);
        box-shadow: 0 10px 22px rgba(45, 79, 165, 0.12);
        filter: none;
        transform: none;
        pointer-events: none;
        opacity: 0.82;
    }

    #loginModal .modal-footer .btn-success:disabled:hover,
    #loginModal .modal-footer .btn-success:disabled:active,
    #registerModal .modal-footer .btn-success:disabled:hover,
    #registerModal .modal-footer .btn-success:disabled:active {
        box-shadow: none;
        filter: none;
        transform: none;
    }

    #registerModal .registerPasswordToggle {
        position: absolute;
        top: 25px;
        right: 12px;
        z-index: 3;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        border: 0;
        border-radius: 8px;
        background: transparent;
        color: rgba(88, 104, 133, 0.7);
        cursor: pointer;
        pointer-events: auto;
        transform: translateY(-50%);
        transition: color 0.14s ease, background 0.14s ease;
    }

    #registerModal .registerPasswordToggle:hover {
        color: #294267;
        background: rgba(73, 93, 131, 0.08);
    }

    #registerModal .authRegisterFieldHasTitle .registerFieldIcon,
    #registerModal .authRegisterFieldHasTitle .registerPasswordToggle {
        top: 50%;
        transform: translateY(-50%);
    }

    #loginModal .modal-dialog {
        max-width: min(436px, calc(100vw - 24px));
        margin: 0 auto;
        transform: translate3d(0, 0, 0) scale(0.976);
        opacity: 0;
        filter: blur(1.5px);
        transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.18s ease, filter 0.18s ease;
    }

    #loginModal .modal-dialog.modal-dialog-centered {
        min-height: 100dvh;
        display: flex;
        padding: 16px 0;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 14px;
    }

    #loginModal.show .modal-dialog {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 1;
        filter: blur(0);
    }

    #loginModal .modal-content {
        width: 100%;
        border-radius: 22px;
        border: 1px solid rgba(126, 145, 182, 0.14);
        overflow: hidden;
        background: linear-gradient(180deg, rgba(248, 250, 254, 0.99) 0%, rgba(241, 245, 251, 0.99) 100%);
        box-shadow: 0 18px 42px rgba(8, 19, 42, 0.18);
    }

    #loginModal .modal-content::before {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.34) 0%, rgba(255, 255, 255, 0) 42%);
    }

    #loginModal .modal-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 0;
        padding: 16px 20px 8px;
        border-bottom: 1px solid rgba(128, 147, 184, 0.08);
        background: linear-gradient(180deg, rgba(249, 251, 254, 0.99) 0%, rgba(244, 247, 252, 0.99) 100%);
    }

    #loginModal .modal-title {
        margin: 0;
        color: #223b67;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: -0.02em;
    }

    #loginModal .loginModalClose {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        border: 0;
        border-radius: 10px;
        background: rgba(56, 76, 118, 0.07);
        color: rgba(62, 81, 117, 0.78);
        cursor: pointer;
        transition: background 0.14s ease, color 0.14s ease, transform 0.14s ease;
    }

    #loginModal .loginModalClose:hover,
    #loginModal .loginModalClose:focus-visible {
        background: rgba(56, 76, 118, 0.07);
        color: rgba(62, 81, 117, 0.78);
        transform: none;
        outline: none;
    }

    #loginModal .modal-body {
        padding: 14px 20px 8px;
        background: linear-gradient(180deg, rgba(247, 249, 253, 0.99) 0%, rgba(242, 246, 251, 0.99) 100%);
    }

    #loginModal .modal-footer {
        padding: 0 20px 18px;
        background: linear-gradient(180deg, rgba(242, 246, 251, 0.99) 0%, rgba(239, 243, 248, 0.99) 100%);
    }

    #loginModal .authModalIntro {
        display: none;
    }

    #loginFormModal {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    #loginModal .customFormContentBoxOuter {
        margin-bottom: 0;
    }

    #loginModal .loginFieldIcon {
        position: absolute;
        top: 25px;
        left: 14px;
        z-index: 3;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        color: var(--gel-auth-input-icon-color);
        transform: translateY(-50%);
        pointer-events: none;
    }

    #loginModal .loginPasswordToggle {
        position: absolute;
        top: 25px;
        right: 12px;
        z-index: 3;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 26px;
        height: 26px;
        border: 0;
        border-radius: 8px;
        background: transparent;
        color: rgba(88, 104, 133, 0.7);
        cursor: pointer;
        pointer-events: auto;
        transform: translateY(-50%);
        transition: color 0.14s ease, background 0.14s ease;
    }

    #loginModal .loginPasswordToggle:hover {
        color: #294267;
        background: rgba(73, 93, 131, 0.08);
    }

    #loginModal .loginLinksOuter {
        margin: 8px 0 2px;
    }

    #loginModal .loginCheckOuter {
        align-items: center;
        gap: 10px;
    }

    #loginModal .loginCheckOuter label {
        color: #435673;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.4;
        cursor: pointer;
    }

    #loginModal .modal-footer .btn {
        width: 100%;
        min-height: 50px;
    }

    #registerModal .registerFieldIcon {
        position: absolute;
        top: 25px;
        left: 14px;
        z-index: 3;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        color: var(--gel-auth-input-icon-color);
        transform: translateY(-50%);
        pointer-events: none;
    }

    @media (max-width: 575px) {
        #registerModal .modal-dialog {
            max-width: calc(100vw - 16px);
            margin: 8px auto;
        }

        #registerModal .registerModalHeader {
            padding: 12px 16px 4px;
        }

        #registerModal .modal-body {
            padding: 10px 16px 12px;
        }

        #registerModal .modal-footer {
            padding: 0 16px 14px;
        }
    }

    @media (max-width: 1024px) {
        #loginModal {
            padding: 0 !important;
        }

        #loginModal .modal-dialog,
        #loginModal .modal-dialog.modal-dialog-centered {
            max-width: 100vw !important;
            width: 100vw !important;
            min-height: 100dvh !important;
            height: 100dvh !important;
            margin: 0 !important;
            padding: 100px 0 0 !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: flex-end !important;
            align-items: flex-end !important;
        }

        #loginModal.fade .modal-dialog,
        #registerModal.fade .modal-dialog {
            transform: none !important;
            opacity: 1 !important;
            filter: none !important;
            transition: transform 0.26s ease-out !important;
        }

        #loginModal.fade,
        #registerModal.fade {
            opacity: 0;
            transition: opacity 0.26s ease-out;
        }

        #loginModal.fade.show,
        #registerModal.fade.show {
            opacity: 1;
        }

        #loginModal .modal-content {
            height: calc(100dvh - 100px) !important;
            min-height: calc(100dvh - 100px) !important;
            max-height: none !important;
            border-radius: 24px 24px 0 0 !important;
            margin-top: auto;
            margin-bottom: 0 !important;
            overflow: hidden;
        }

        #loginModal.fade .modal-content,
        #registerModal.fade .modal-content {
            opacity: 1;
            transform: translate3d(0, 100%, 0);
            transform-origin: bottom center;
            transition:
                transform 0.24s cubic-bezier(0.2, 0.8, 0.2, 1),
                opacity 0.12s ease-out;
            will-change: transform;
        }

        #loginModal.fade:not(.show) .modal-content,
        #registerModal.fade:not(.show) .modal-content {
            opacity: 1;
            transform: translate3d(0, 100%, 0);
        }

        #loginModal.show .modal-content,
        #registerModal.show .modal-content {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }

        #loginModal.is-sheet-closing,
        #registerModal.is-sheet-closing {
            opacity: 0;
        }

        #loginModal.is-sheet-closing .modal-content,
        #registerModal.is-sheet-closing .modal-content {
            transform: translate3d(0, 100%, 0) !important;
        }

        body.auth-sheet-closing .modal-backdrop.show {
            opacity: 0 !important;
            transition: opacity 0.24s ease-out;
        }

        #loginModal .modal-header {
            min-height: 76px;
            padding: 18px 22px 10px;
        }

        #loginModal .modal-body {
            flex: 0 0 auto;
            padding: 14px 22px;
            overflow-y: visible;
        }

        #loginFormModal {
            align-content: start;
        }

        #loginModal .modal-footer {
            padding: 0 22px calc(18px + env(safe-area-inset-bottom));
            margin-top: 0;
        }

        #loginModal .loginModalClose,
        #registerModal .registerModalClose {
            width: 44px;
            height: 44px;
            border-radius: 14px;
            background: rgba(232, 237, 247, 0.88);
            color: rgba(72, 89, 122, 0.82);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 8px 18px rgba(30, 44, 78, 0.055);
        }

        #loginModal .loginModalClose:hover,
        #loginModal .loginModalClose:focus-visible,
        #registerModal .registerModalClose:hover,
        #registerModal .registerModalClose:focus-visible {
            background: rgba(232, 237, 247, 0.88);
            color: rgba(72, 89, 122, 0.82);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 8px 18px rgba(30, 44, 78, 0.055);
            outline: none;
        }

        #loginFormModal .floatingFieldLabel {
            left: 52px;
            max-width: calc(100% - 92px);
        }

        #loginModal .loginFieldIcon {
            top: 25px;
            left: 18px;
        }

        #loginModal .loginPasswordToggle {
            top: 25px;
            right: 16px;
        }

        #zeroBalanceDepositModal {
            padding: 0 !important;
        }

        #zeroBalanceDepositModal .modal-dialog,
        #zeroBalanceDepositModal .modal-dialog.modal-dialog-centered {
            max-width: 100vw !important;
            width: 100vw !important;
            min-height: 100dvh !important;
            height: 100dvh !important;
            margin: 0 !important;
            padding: 24px 0 0 !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: flex-end !important;
            align-items: flex-end !important;
            box-sizing: border-box;
            gap: 0 !important;
        }

        #zeroBalanceDepositModal .modal-content {
            display: flex;
            flex-direction: column;
            width: 100%;
            height: calc(100dvh - 24px) !important;
            min-height: calc(100dvh - 24px) !important;
            max-height: none !important;
            border-radius: 24px 24px 0 0 !important;
            overflow: hidden;
            margin-top: auto;
            margin-bottom: 0 !important;
        }

        #zeroBalanceDepositModal .modal-header {
            padding: 16px 20px 8px;
        }

        #zeroBalanceDepositModal .modal-body {
            flex: 1 1 auto;
            padding: 14px 20px calc(18px + env(safe-area-inset-bottom));
            overflow-y: auto;
        }

        #zeroBalanceDepositModal .zeroBalancePromoToggle {
            min-height: 56px;
            padding: 10px 12px;
        }

        #zeroBalanceDepositModal .zeroBalancePromoHeader strong {
            font-size: 15px;
        }

        #zeroBalanceDepositModal .zeroBalancePromoHeader p {
            font-size: 11px;
            line-height: 1.3;
        }

        #zeroBalanceDepositModal .zeroBalancePromoBody {
            padding: 0 12px 12px;
        }

        #zeroBalanceDepositModal .loginModalClose {
            width: 32px;
            height: 32px;
        }

        #zeroBalanceWithdrawModal {
            padding: 0 !important;
        }

        #zeroBalanceWithdrawModal .modal-dialog,
        #zeroBalanceWithdrawModal .modal-dialog.modal-dialog-centered {
            max-width: 100vw !important;
            width: 100vw !important;
            min-height: 100dvh !important;
            height: 100dvh !important;
            margin: 0 !important;
            padding: 24px 0 0 !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: flex-end !important;
            align-items: flex-end !important;
            box-sizing: border-box;
            gap: 0 !important;
        }

        #zeroBalanceWithdrawModal .modal-content {
            display: flex;
            flex-direction: column;
            width: 100%;
            height: calc(100dvh - 24px) !important;
            min-height: calc(100dvh - 24px) !important;
            max-height: none !important;
            border-radius: 24px 24px 0 0 !important;
            overflow: hidden;
            margin-top: auto;
            margin-bottom: 0 !important;
        }

        #zeroBalanceWithdrawModal .modal-header {
            padding: 16px 20px 8px;
        }

        #zeroBalanceWithdrawModal .modal-body {
            flex: 1 1 auto;
            padding: 14px 20px calc(18px + env(safe-area-inset-bottom));
            overflow-y: auto;
        }

        #zeroBalanceWithdrawModal .loginModalClose {
            width: 32px;
            height: 32px;
        }

        #registerModal {
            padding: 0 !important;
        }

        #registerModal .modal-dialog,
        #registerModal .modal-dialog.modal-dialog-centered {
            max-width: 100vw !important;
            width: 100vw !important;
            min-height: 100dvh !important;
            height: 100dvh !important;
            margin: 0 !important;
            padding: 100px 0 0 !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: flex-end !important;
            align-items: flex-end !important;
            box-sizing: border-box;
            gap: 0 !important;
        }

        #registerModal .modal-content {
            display: flex;
            flex-direction: column;
            width: 100%;
            height: calc(100dvh - 100px) !important;
            min-height: calc(100dvh - 100px) !important;
            max-height: none !important;
            border-radius: 24px 24px 0 0 !important;
            overflow: hidden;
            margin-top: auto;
            margin-bottom: 0 !important;
        }

        #registerModal .registerModalPromoPanelDesktop {
            display: none;
        }

        #registerModal .registerModalPromoPanelMobile {
            display: none;
        }

        #registerModal .registerModalHeader {
            min-height: 76px;
            padding: 18px 22px 10px;
        }

        #registerModal .modal-body {
            flex: 1 1 auto;
            padding: 14px 22px 14px;
            overflow-y: auto;
        }

        #registerModal .modal-footer {
            padding: 0 22px calc(18px + env(safe-area-inset-bottom));
        }

        #registerFormModal .floatingFieldLabel {
            left: 52px;
            max-width: calc(100% - 92px);
        }

        #registerModal .registerFieldIcon {
            top: 25px;
            left: 18px;
        }

        #registerModal .registerPasswordToggle {
            top: 25px;
            right: 16px;
        }

        #registerModal .authRegisterFieldHasTitle .registerFieldIcon,
        #registerModal .authRegisterFieldHasTitle .registerPasswordToggle {
            top: 50%;
            transform: translateY(-50%);
        }

        .registerCountrySheet,
        .registerCurrencySheet {
            align-items: flex-start;
            padding: 28px 12px 14px;
        }

        .registerCountrySheetDialog,
        .registerCurrencySheetDialog {
            width: calc(100vw - 24px);
            max-height: calc(100dvh - 42px);
            border-radius: 20px;
        }
    }

    @keyframes authModalButtonSpin {
        to {
            transform: rotate(360deg);
        }
    }

    @keyframes navbarSupportHeadsetNudge {
        0%, 72%, 100% {
            transform: rotate(0deg) scale(1);
        }

        76% {
            transform: rotate(-16deg) scale(1.03);
        }

        82% {
            transform: rotate(14deg) scale(1.03);
        }

        88% {
            transform: rotate(-9deg) scale(1.02);
        }

        94% {
            transform: rotate(6deg) scale(1.01);
        }
    }

    .menuBoxPrimaryLink,
    .menuPrimaryDirectLink,
    .menuBoxSupportTrigger {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 46px;
        padding: 0 19px;
        border-radius: 999px;
        border: 1px solid transparent;
        background: rgba(255, 255, 255, 0.065);
        color: #f3f6ff;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        text-decoration: none;
        transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
    }

    .menuBoxPrimaryLink:hover,
    .menuPrimaryDirectLink:hover,
    .menuBoxPrimary:hover .menuBoxPrimaryLink,
    .menuBoxPrimary:focus-within .menuBoxPrimaryLink,
    .menuBoxSupportTrigger:hover,
    .menuBoxSupportMenu:hover .menuBoxSupportTrigger,
    .menuBoxSupportMenu:focus-within .menuBoxSupportTrigger {
        background: rgba(255, 255, 255, 0.06);
        border-color: rgba(120, 149, 255, 0.14);
        box-shadow: 0 16px 30px rgba(6, 13, 34, 0.18);
        color: #ffffff;
    }

    .menuBoxPrimaryLink i,
    .menuPrimaryDirectLink i,
    .menuBoxSupportTrigger i {
        width: 14px;
        text-align: center;
        color: #ffe27d;
        font-size: 14px;
    }

    .menuBoxPrimaryLink small,
    .menuBoxSupportTrigger small {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-left: 0;
    }

    .menuBoxPrimaryLink small i,
    .menuBoxSupportTrigger small i {
        transition: transform 0.2s ease;
    }

    .menuBoxPrimary:hover .menuBoxPrimaryLink small i,
    .menuBoxPrimary:focus-within .menuBoxPrimaryLink small i,
    .menuBoxSupportMenu:hover .menuBoxSupportTrigger small i,
    .menuBoxSupportMenu:focus-within .menuBoxSupportTrigger small i {
        transform: rotate(180deg);
    }

    .menusInner {
        position: relative;
        gap: 10px;
    }

    .menuBox {
        position: relative;
    }

    .menuBox.menuBoxPrimary {
        position: relative;
    }

    .menuBoxSupportTrigger small {
        color: rgba(12, 18, 34, 0.72);
        margin-left: 2px;
        font-size: 10px;
    }

    .menuBoxMegaSubmenu {
        position: absolute;
        top: calc(100% + 10px);
        left: 0;
        right: auto;
        width: min(320px, calc(100vw - 32px));
        max-width: min(320px, calc(100vw - 32px));
        min-width: 240px;
        margin-top: 0;
        padding: 12px;
        gap: 8px;
        background:
            radial-gradient(circle at top right, rgba(255, 209, 85, 0.12), transparent 26%),
            linear-gradient(180deg, rgba(20, 31, 76, 0.99) 0%, rgba(12, 21, 50, 0.99) 100%);
        border: 1px solid rgba(120, 149, 255, 0.16);
        border-radius: 20px;
        box-shadow: 0 22px 44px rgba(4, 10, 30, 0.34);
        display: block;
        overflow: visible;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translate3d(0, 10px, 0);
        transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
        z-index: 32;
    }

    .menuBoxMegaSubmenu::after {
        content: "";
        position: absolute;
        top: -12px;
        left: 0;
        right: 0;
        height: 12px;
    }

    .menuBoxPrimary.is-align-right .menuBoxMegaSubmenu {
        left: auto;
        right: 0;
    }

    .menuBoxPrimary:hover .menuBoxMegaSubmenu,
    .menuBoxPrimary:focus-within .menuBoxMegaSubmenu {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
        pointer-events: auto;
    }

    .menuBoxMegaHeader {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 16px;
    }

    .menuBoxMegaHeader small,
    .menuBoxMegaHeader strong,
    .menuBoxMegaHeader p,
    .menuBoxMegaHeader span {
        display: block;
        margin: 0;
    }

    .menuBoxMegaHeader small {
        color: rgba(199, 214, 255, 0.72);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .menuBoxMegaHeader strong {
        margin-top: 6px;
        color: #ffffff;
        font-size: 20px;
        font-weight: 800;
        text-transform: none;
        letter-spacing: 0;
    }

    .menuBoxMegaHeader p {
        margin-top: 6px;
        max-width: 48ch;
        color: rgba(217, 227, 255, 0.76);
        font-size: 13px;
        line-height: 1.5;
        text-transform: none;
    }

    .menuBoxMegaBadge {
        display: inline-flex;
        align-items: center;
        min-height: 32px;
        padding: 0 12px;
        border-radius: 999px;
        background: rgba(255, 209, 85, 0.12);
        color: #ffe186;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .menuBoxMegaGrid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 6px;
        padding: 4px;
        border-radius: 18px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.028) 0%, rgba(255, 255, 255, 0.014) 100%);
        border: 1px solid rgba(182, 198, 243, 0.08);
    }

    .menuBoxMegaCard {
        position: relative;
        display: flex !important;
        align-items: center;
        gap: 12px;
        min-height: 50px;
        padding: 12px 14px 12px 16px;
        border-radius: 16px;
        border: 0;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.048) 0%, rgba(255, 255, 255, 0.018) 72%, rgba(255, 255, 255, 0) 100%);
        text-decoration: none !important;
        box-shadow: none;
        transform: none;
        overflow: hidden;
        transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    }

    .menuBoxMegaCard::before {
        content: "";
        position: absolute;
        left: 8px;
        top: 9px;
        bottom: 9px;
        width: 3px;
        border-radius: 999px;
        background: linear-gradient(180deg, rgba(255, 230, 125, 0.95) 0%, rgba(120, 149, 255, 0.72) 100%);
        opacity: 0;
        transform: scaleY(0.6);
        transition: opacity 0.2s ease, transform 0.2s ease;
    }

    .menuBoxMegaCard:hover,
    .menuBoxMegaCard.is-active {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(116, 146, 240, 0.085) 100%);
        box-shadow: 0 12px 22px rgba(5, 10, 24, 0.14);
        transform: translateX(4px);
    }

    .menuBoxMegaCard:hover::before,
    .menuBoxMegaCard.is-active::before {
        opacity: 1;
        transform: scaleY(1);
    }

    .menusInner a .menuBoxMegaCardIcon {
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        min-width: 34px;
        margin: 0;
        padding: 0;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, rgba(120, 149, 255, 0.18) 0%, rgba(120, 149, 255, 0.08) 100%);
        color: #dfe8ff;
        font-size: 15px;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    .menusInner a .menuBoxMegaCardCopy {
        min-width: 0;
        height: auto;
        margin: 0;
        padding: 0;
        border-radius: 0;
        float: none;
        background: none !important;
        min-width: 0;
        flex: 1;
    }

    .menuBoxMegaCardCopy strong,
    .menuBoxSupportCardCopy strong {
        display: block;
        margin: 0;
        text-transform: none;
    }

    .menuBoxMegaCardCopy strong {
        background: none !important;
        color: #ffffff;
        font-size: 14px;
        font-weight: 800;
        line-height: 1.2;
    }

    .menuBoxMegaArrow {
        color: rgba(210, 222, 255, 0.78);
        font-size: 12px;
        transition: transform 0.2s ease, color 0.2s ease;
    }

    .menuBoxMegaCard:hover .menuBoxMegaArrow,
    .menuBoxMegaCard.is-active .menuBoxMegaArrow {
        transform: translateX(2px);
        color: #ffffff;
    }

    .menuBoxSupportMenu {
        position: relative;
        margin-left: auto;
    }

    .menuBoxSupportTrigger {
        border: 0;
        background: linear-gradient(135deg, var(--second-color) 0%, var(--second-color-deep) 100%);
        color: var(--main-color-night);
        box-shadow: none;
    }

    .menuBoxSupportSubmenu {
        right: 0;
        left: auto;
        width: min(1120px, calc(100vw - 90px));
        min-width: 720px;
        padding: 18px;
        background:
            radial-gradient(circle at top right, rgba(255, 209, 85, 0.12), transparent 24%),
            linear-gradient(180deg, rgba(31, 40, 49, 0.98) 0%, rgba(24, 31, 39, 0.99) 100%);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 24px;
        box-shadow: 0 28px 60px rgba(4, 10, 20, 0.44);
    }

    .menuBoxSupportGrid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 12px;
    }

    .menuBoxSupportCard {
        display: flex !important;
        align-items: center;
        gap: 14px;
        width: 100%;
        min-height: 96px;
        padding: 18px;
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(255, 255, 255, 0.06);
        text-align: left;
        text-decoration: none !important;
        text-transform: none !important;
        cursor: pointer;
        transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
    }

    .menuBoxSupportCard:hover {
        transform: translateY(-2px);
        border-color: rgba(255, 209, 85, 0.28);
        background: rgba(255, 255, 255, 0.075);
    }

    .menuBoxSupportCard.is-disabled {
        cursor: not-allowed;
        opacity: 0.62;
        pointer-events: none;
    }

    .menuBoxSupportCard.is-disabled:hover {
        transform: none;
        border-color: rgba(255, 255, 255, 0.06);
        background: rgba(255, 255, 255, 0.05);
    }

    .menuBoxSupportCardIcon {
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        font-size: 18px;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    }

    .menuBoxSupportCardIcon.is-green {
        background: linear-gradient(135deg, #2bcf80 0%, #158f55 100%);
    }

    .menuBoxSupportCardIcon.is-gold {
        background: linear-gradient(135deg, #ffcb55 0%, #ff9d2f 100%);
    }

    .menuBoxSupportCardIcon.is-pink {
        background: linear-gradient(135deg, #ff7db7 0%, #ff5578 100%);
    }

    .menuBoxSupportCardIcon.is-cyan {
        background: linear-gradient(135deg, #54e3ff 0%, #28b6d7 100%);
    }

    .menuBoxSupportCardIcon.is-rose {
        background: linear-gradient(135deg, #ff9ab6 0%, #ff6a88 100%);
    }

    .menuBoxSupportCardCopy strong {
        color: #ffffff;
        font-size: 15px;
        font-weight: 800;
        line-height: 1.25;
    }

    .menuBoxSupportMenu:hover .menuBoxSupportSubmenu,
    .menuBoxSupportMenu:focus-within .menuBoxSupportSubmenu {
        display: block;
    }

    @media (max-width: 1279px) {
        .menuBoxMegaSubmenu,
        .menuBoxSupportSubmenu {
            width: min(320px, calc(100vw - 32px));
            min-width: 240px;
        }

        .menuBoxSupportGrid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    @media (max-width: 1024px) {
        .menuBoxMegaSubmenu,
        .menuBoxSupportSubmenu {
            display: none !important;
        }
    }

    .navbarPreHeroSlot {
        width: 100%;
        float: left;
        clear: both;
        position: relative;
        z-index: 1;
        margin-top: 40px;
    }

    .navbarPreHeroSlot.is-authenticated {
        margin-top: 40px;
    }

    .navbarTopOuter.navbarTopOuterOverlay {
        position: relative;
        z-index: 6;
        margin-bottom: -38px;
    }

    .navbarTopOuter.navbarTopOuterOverlay .navbarTopInner {
        background: transparent;
        border: 0;
        box-shadow: none;
        backdrop-filter: none;
    }

    .navbarTopOuter > .container {
        padding-right: 0 !important;
    }

    .navbarTopInner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding-right: 0 !important;
    }

    .navbarTopLeftOuter,
    .navbarTopRightOuter {
        float: none;
    }

    .navbarTopLeftOuter {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        min-width: 0;
        gap: 12px;
    }

    .navbarTopRightOuter {
        margin-left: auto;
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        padding-right: 0 !important;
        margin-right: 10px;
        gap: 2px;
    }

    .navbarTopRightOuter > .navbarUtilityBtn {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        min-width: 34px;
        min-height: 34px;
        flex: 0 0 34px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .navbarTopRightOuter > .navbarUtilityBtn i {
        margin: 0 !important;
    }

    .navbarTopAccountActions {
        display: flex;
        align-items: stretch;
        justify-content: flex-end;
        gap: 8px;
    }

    .navbarTopAccountActions > * {
        margin: 0 !important;
    }

    .navbarTopAccountUtilityCluster {
        display: inline-flex;
        align-items: center;
        gap: 0;
    }

    .navbarTopAccountUtilityCluster > * {
        margin: 0 !important;
    }

    .navbarPromoCodeLink {
        display: inline-flex;
        align-items: center;
        gap: 5px;
    }

    .navbarGuestAuthActions {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
        min-width: 0;
        flex: 0 1 auto;
    }

    .navbarGuestAuthButton {
        appearance: none;
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-width: 88px;
        height: 32px;
        padding: 0 15px;
        border: 0;
        border-radius: 10px;
        color: #fff !important;
        font-family: "Manrope", Poppins, sans-serif;
        font-size: 13px;
        font-weight: 800;
        line-height: 1;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        white-space: nowrap;
        text-decoration: none;
        cursor: pointer;
        overflow: hidden;
        box-shadow: none;
        transition: box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease, opacity 0.18s ease;
    }

    .navbarGuestAuthButton::before {
        content: "";
        position: absolute;
        top: -52%;
        left: -34%;
        width: 34%;
        height: 205%;
        background:
            linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 249, 224, 0.18) 28%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 247, 214, 0.22) 72%, rgba(255, 255, 255, 0) 100%);
        transform: translateX(-220%) skewX(-18deg);
        filter: blur(0.5px);
        opacity: 0;
        pointer-events: none;
    }

    .navbarGuestAuthButton:hover::before,
    .navbarGuestAuthButton:focus-visible::before {
        opacity: 1;
        transform: translateX(445%) skewX(-18deg);
        transition: transform 0.86s cubic-bezier(0.2, 0.72, 0.16, 1), opacity 0.22s ease;
    }

    .navbarGuestAuthButton:hover,
    .navbarGuestAuthButton:focus-visible {
        text-decoration: none;
    }

    .navbarGuestAuthButton:active {
        opacity: 0.94;
    }

    .navbarGuestAuthButton:focus-visible {
        outline: 2px solid rgba(255, 255, 255, 0.44);
        outline-offset: 3px;
    }

    .navbarGuestAuthButtonLogin {
        background: linear-gradient(180deg, #f0c65f 0%, #dfaf41 100%);
        color: #172241 !important;
        box-shadow: 0 10px 20px rgba(181, 132, 33, 0.18);
    }

    .navbarGuestAuthButtonLogin:hover,
    .navbarGuestAuthButtonLogin:focus-visible {
        background: linear-gradient(180deg, #f0c65f 0%, #dfaf41 100%);
        color: #172241 !important;
        box-shadow: 0 12px 24px rgba(181, 132, 33, 0.22);
    }

    .navbarGuestAuthButtonRegister {
        min-width: 106px;
        border: 1px solid rgba(171, 188, 238, 0.16);
        background: linear-gradient(180deg, rgba(237, 244, 255, 0.16) 0%, rgba(255, 255, 255, 0.08) 100%);
        color: #eef4ff !important;
        box-shadow: 0 10px 20px rgba(5, 11, 28, 0.12);
    }

    .navbarGuestAuthButtonRegister:hover,
    .navbarGuestAuthButtonRegister:focus-visible {
        border-color: rgba(188, 204, 255, 0.22);
        background: linear-gradient(180deg, rgba(244, 248, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
        color: #ffffff !important;
        box-shadow: 0 12px 24px rgba(5, 11, 28, 0.16);
    }

    .navbarGuestAuthButtonRegister i {
        font-size: 12px;
        line-height: 1;
    }

    .navbarGuestAuthButtonText {
        position: relative;
        z-index: 1;
        display: inline-block;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .navbarGuestAuthButton i {
        position: relative;
        z-index: 1;
    }

    .navbarGuestAuthButtonSpinner {
        position: relative;
        z-index: 1;
        display: none;
        width: 13px;
        height: 13px;
        flex: 0 0 13px;
        border-radius: 999px;
        border: 2px solid currentColor;
        border-right-color: transparent;
        opacity: 0.86;
        animation: authModalButtonSpin 0.72s linear infinite;
    }

    .navbarGuestAuthButton.is-loading .navbarGuestAuthButtonSpinner {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .navbarGuestAuthButton.is-loading > i,
    .navbarGuestAuthButton.is-loading .navbarGuestAuthButtonText {
        opacity: 0;
    }

    .navbarGuestAuthButton.is-loading::before {
        opacity: 0;
    }

    .navbarGuestAuthButton.authModalLaunchTrigger::after {
        display: none;
        opacity: 0;
        animation: none;
    }

    @media (hover: none), (pointer: coarse) {
        .navbarGuestAuthButton::before,
        .authModalLaunchTrigger::before {
            display: none;
        }
    }

body:has(.homepageTopHeroBand.is-homepage-main) .navbarPromoCodeLink,
body:has(.homepageTopHeroBand.is-homepage-main) .navbarTopRightOuter {
    position: relative;
}

body:has(.homepageTopHeroBand.is-homepage-main) .navbarGuestAuthActions {
    display: none !important;
}

    .navbarTimedPromotionLink {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        min-height: 26px;
        padding: 0 10px;
        margin-left: 8px;
        border: 1px solid rgba(255, 218, 118, 0.24);
        border-radius: 999px;
        background:
            linear-gradient(135deg, rgba(255, 218, 118, 0.12), rgba(118, 214, 186, 0.08)),
            rgba(18, 35, 58, 0.72);
        color: #dff9f1 !important;
        font-size: 11px;
        font-weight: 800;
        line-height: 1;
        white-space: nowrap;
        text-decoration: none;
        cursor: pointer;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.08),
            0 0 0 1px rgba(255, 255, 255, 0.02);
        transition: none;
    }

    .navbarTimedPromotionLink:hover,
    .navbarTimedPromotionLink:focus-visible {
        color: #dff9f1 !important;
        background:
            linear-gradient(135deg, rgba(255, 218, 118, 0.12), rgba(118, 214, 186, 0.08)),
            rgba(18, 35, 58, 0.72);
        border-color: rgba(255, 218, 118, 0.24);
        text-decoration: none;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.08),
            0 0 0 1px rgba(255, 255, 255, 0.02);
    }

    .navbarTimedPromotionLinkIcon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        border-radius: 999px;
        background: linear-gradient(135deg, rgba(255, 218, 118, 0.24), rgba(118, 214, 186, 0.18));
        color: #ffe59a;
        font-size: 10px;
        flex: 0 0 auto;
    }

    .navbarTimedPromotionLinkLabel {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        min-width: 0;
        position: relative;
        min-height: 18px;
    }

    .navbarTimedPromotionLinkItem {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        min-width: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        inset: 0 auto auto 0;
        transform: translateY(3px);
        transition: opacity 0.32s ease, transform 0.32s ease;
    }

    .navbarTimedPromotionLinkItem.is-active {
        opacity: 1;
        pointer-events: auto;
        position: relative;
        transform: translateY(0);
    }

    .navbarTimedPromotionLinkLabel strong {
        max-width: 136px;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 11px;
        font-weight: 800;
        white-space: nowrap;
    }

    .navbarTimedPromotionMiniCountdown {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        color: rgba(223, 249, 241, 0.86);
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 0.02em;
    }

    .navbarTimedPromotionMiniCountdown span {
        display: inline-flex;
        align-items: center;
    }

    .navbarTimedPromotionModal {
        padding: 0 !important;
    }

    .navbarTimedPromotionModal.is-sheet-active {
        display: flex !important;
        align-items: flex-end !important;
    }

    .navbarTimedPromotionModal .modal-dialog {
        opacity: 0;
        transform: translate3d(0, 52px, 0);
        transform-origin: bottom center;
        transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.28s ease;
        width: calc(100vw - 120px) !important;
        max-width: none !important;
        margin: 60px auto 0 !important;
        height: calc(100dvh - 60px) !important;
        min-height: calc(100% - 60px) !important;
        display: flex;
        align-items: flex-end !important;
    }

    .navbarTimedPromotionModal.show .modal-dialog,
    .navbarTimedPromotionModal.is-sheet-active .modal-dialog {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    .navbarTimedPromotionModal.is-closing .modal-dialog {
        opacity: 0;
        transform: translate3d(0, 52px, 0);
    }

    .navbarTimedPromotionModal .modal-content {
        width: 100%;
        height: 100%;
        max-height: none;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        border: 1px solid rgba(132, 153, 225, 0.18);
        border-radius: 26px 26px 0 0;
        background:
            radial-gradient(circle at top right, rgba(90, 125, 255, 0.18), transparent 24%),
            radial-gradient(circle at top left, rgba(62, 215, 255, 0.1), transparent 20%),
            linear-gradient(180deg, rgba(10, 16, 38, 0.99) 0%, rgba(6, 10, 25, 0.998) 100%);
        box-shadow: 0 40px 120px rgba(3, 8, 21, 0.58);
    }

    .navbarTimedPromotionModal .modal-header {
        position: sticky;
        top: 0;
        z-index: 2;
        align-items: flex-start;
        padding: 18px 20px 12px;
        border: 0;
        background: #ffffff;
    }

    .navbarTimedPromotionModalTitle {
        margin: 0;
        color: #131a2b;
        font-size: 28px;
        font-weight: 900;
        letter-spacing: -0.04em;
    }

    .navbarTimedPromotionModalClose {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border: 0;
        border-radius: 10px;
        background: rgba(244, 247, 255, 0.12);
        color: rgba(244, 247, 255, 0.82);
        cursor: pointer;
        transition: background 0.14s ease, color 0.14s ease, transform 0.14s ease;
    }

    .navbarTimedPromotionModalClose:hover,
    .navbarTimedPromotionModalClose:focus-visible {
        background: rgba(244, 247, 255, 0.18);
        color: #ffffff;
        transform: translateY(-1px);
    }

    .navbarTimedPromotionModalBody {
        flex: 1 1 auto;
        padding: 0 20px 0;
        background:
            radial-gradient(circle at top right, rgba(90, 125, 255, 0.12), transparent 26%),
            linear-gradient(180deg, rgba(10, 16, 38, 0.74) 0%, rgba(6, 10, 25, 0.96) 100%) !important;
        overflow: auto;
    }

    .navbarTimedPromotionModalGrid {
        display: grid;
        grid-template-columns: minmax(280px, 0.95fr) minmax(0, 1.1fr);
        gap: 22px;
        align-items: stretch;
        padding: 0 0 22px;
    }

    .navbarTimedPromotionModalVisual {
        border-radius: 22px;
        overflow: hidden;
        border: 0;
        background: #eef2f8;
    }

    .navbarTimedPromotionModalVisual img {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 260px;
        object-fit: cover;
    }

    .navbarTimedPromotionModalCopy {
        display: flex;
        flex-direction: column;
        gap: 14px;
        min-width: 0;
        padding: 2px 0 0;
    }

    .navbarTimedPromotionModalMeta {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .navbarTimedPromotionModalBadge {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 30px;
        padding: 0 12px;
        border-radius: 999px;
        border: 1px solid rgba(36, 54, 92, 0.08);
        background: #f5f7fb;
        color: #23304a;
        font-size: 11px;
        font-weight: 800;
    }

    .navbarTimedPromotionModalSummary {
        margin: 0;
        color: rgba(23, 33, 53, 0.72);
        font-size: 15px;
        line-height: 1.75;
    }

    .navbarTimedPromotionModalDescription {
        color: rgba(32, 43, 68, 0.84);
        font-size: 14px;
        line-height: 1.75;
    }

    .navbarTimedPromotionModalDescription p,
    .navbarTimedPromotionModalDescription li {
        color: inherit;
    }

    .navbarTimedPromotionModalDescription ul,
    .navbarTimedPromotionModalDescription ol {
        padding-left: 18px;
        margin-bottom: 0;
    }

    .navbarTimedPromotionModalActions {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: auto;
        padding-bottom: 4px;
    }

    .navbarTimedPromotionModalBtn,
    .navbarTimedPromotionModalBtnGhost {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 44px;
        padding: 0 16px;
        border-radius: 14px;
        font-size: 12px;
        font-weight: 800;
        text-decoration: none;
    }

    .navbarTimedPromotionModalBtn {
        border: 1px solid rgba(137, 168, 255, 0.34);
        background: linear-gradient(135deg, #5c8fff 0%, #3767f0 100%);
        color: #f5f8ff !important;
    }

    .navbarTimedPromotionModalBtnGhost {
        border: 1px solid rgba(36, 54, 92, 0.12);
        background: #f5f7fb;
        color: #23304a !important;
    }

    #zeroBalanceDepositModal .loginModalClose,
    #zeroBalanceWithdrawModal .loginModalClose,
    #loginModal .loginModalClose,
    #registerModal .registerModalClose,
    .navbarTimedPromotionModalClose,
    .logoutQuickConfirmClose {
        transform: none !important;
        transition-property: background, color, border-color, box-shadow, opacity !important;
    }

    #zeroBalanceDepositModal .loginModalClose:hover,
    #zeroBalanceDepositModal .loginModalClose:focus-visible,
    #zeroBalanceWithdrawModal .loginModalClose:hover,
    #zeroBalanceWithdrawModal .loginModalClose:focus-visible,
    #loginModal .loginModalClose:hover,
    #loginModal .loginModalClose:focus-visible,
    #registerModal .registerModalClose:hover,
    #registerModal .registerModalClose:focus-visible,
    .navbarTimedPromotionModalClose:hover,
    .navbarTimedPromotionModalClose:focus-visible,
    .logoutQuickConfirmClose:hover,
    .logoutQuickConfirmClose:focus-visible {
        transform: none !important;
    }

    .modal-backdrop.show.timed-promotion-backdrop {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        background: rgba(8, 12, 22, 0.62) !important;
    }

    .navbarPromoCodeLink i {
        margin-right: 0 !important;
    }

    .navbarTopGuestLoginBtn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        align-self: center;
        flex: 0 0 auto;
        width: auto;
        min-width: 78px;
        height: 36px;
        min-height: 36px;
        padding: 0 14px;
        margin: 0;
        float: none;
        border: 0;
        border-radius: 999px;
        background: linear-gradient(135deg, #ffcf63 0%, #f0b63f 100%);
        color: #16223f !important;
        font-size: 12px;
        font-weight: 800;
        line-height: 1;
        white-space: nowrap;
        letter-spacing: 0.02em;
        text-decoration: none;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.36), 0 10px 22px rgba(240, 182, 63, 0.22);
        vertical-align: middle;
    }

    button.navbarTopRightBtn.navbarTopGuestLoginBtn {
        width: auto;
        min-width: 78px;
        height: 36px;
        padding: 0 14px;
        float: none;
    }

    .navbarTopGuestLoginBtn:hover,
    .navbarTopGuestLoginBtn:focus-visible {
        background: linear-gradient(135deg, #ffd777 0%, #f4be4d 100%) !important;
        color: #16223f !important;
        text-decoration: none;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42), 0 12px 24px rgba(240, 182, 63, 0.28);
    }

    .navbarTopGuestLoginBtn:focus,
    .navbarTopGuestLoginBtn:active,
    .navbarTopGuestLoginBtn:active:hover,
    .navbarTopGuestLoginBtn:focus-visible:active,
    .navbarTopGuestLoginBtn[aria-expanded="true"] {
        background: linear-gradient(135deg, #ffcf63 0%, #f0b63f 100%) !important;
        color: #16223f !important;
        text-decoration: none;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.36), 0 10px 22px rgba(240, 182, 63, 0.22);
        filter: none;
        opacity: 1;
        transform: none;
    }

    .navbarTopGuestLoginBtn:focus-visible {
        outline: none;
    }

    .navbarLogoLanguage {
        min-width: 24px;
        width: 24px;
        min-height: 24px;
        height: 24px;
        padding: 0;
        gap: 0;
        border: 0;
        border-radius: 999px;
        background: transparent;
        box-shadow: none;
        overflow: visible;
        position: relative;
    }

    .navbarLogoLanguage::after {
        content: "";
        position: absolute;
        top: 100%;
        left: -18px;
        right: -18px;
        height: 26px;
    }

    .navbarLogoLanguage .navbarCenterLanguageFlag,
    .navbarLogoLanguage .navbarCenterLanguageFlag img {
        width: 24px;
        height: 24px;
        border-radius: 999px;
        object-fit: cover;
    }

    .navbarLogoLanguage span,
    .navbarLogoLanguage > i {
        display: none;
    }

    .navbarLogoLanguage .navbarCenterLanguageDropdown {
        width: 220px;
        top: calc(100% + 4px);
        padding: 8px;
        border-radius: 16px;
        gap: 6px;
    }

    .navbarLogoLanguage .navbarCenterLanguageSearchShell {
        display: none;
    }

    .navbarLogoLanguage .navbarCenterLanguageDropdown a {
        min-height: 42px;
        padding: 0 10px;
        border-radius: 12px;
        gap: 8px;
    }

    .navbarLogoLanguage .navbarCenterLanguageDropdown a img {
        width: 18px;
        height: 18px;
        border-radius: 999px;
    }

    .navbarLogoLanguage .navbarCenterLanguageDropdown a span {
        display: block;
        font-size: 12px;
    }

    .navbarLogoLanguage .navbarCenterLanguageDropdown a small {
        min-width: 30px;
        min-height: 20px;
        padding: 0 6px;
        font-size: 9px;
    }

    .navbarBrandTopRow {
        display: flex;
        align-items: center;
        gap: 0;
    }

    .navbarBrandTopRow .navbarLogoLanguage {
        margin-left: -24px;
    }

    .navbarTopRightBtn:hover,
    .navbarTopRightBtn:focus-visible,
    .navbarTopAccountAction:hover,
    .navbarTopAccountAction:focus-visible {
        background: transparent !important;
    }

    .navbarTopRightBtn:hover i,
    .navbarTopRightBtn:focus-visible i,
    .navbarTopAccountAction:hover i,
    .navbarTopAccountAction:focus-visible i,
    .navbarTopRightBtn:hover,
    .navbarTopRightBtn:focus-visible,
    .navbarTopAccountAction:hover,
    .navbarTopAccountAction:focus-visible {
        color: #ffe27d !important;
    }

    .navbarTopAccountChat #gelirseSocialPanelTrigger,
    .navbarTopRightOuter > #gelirseSocialPanelTrigger {
        transition: opacity 0.18s ease;
    }

    .navbarTopAccountChat #gelirseSocialPanelTrigger.is-hidden,
    .navbarTopRightOuter > #gelirseSocialPanelTrigger.is-hidden {
        opacity: 0;
        pointer-events: none;
        transform: none !important;
    }

    @media (min-width: 1200px) {
        body.gelirseSocialPanelExpanded .navbarTopAccountChat #gelirseSocialPanelTrigger,
        body.gelirseSocialPanelExpanded .navbarTopRightOuter > #gelirseSocialPanelTrigger {
            transform: none !important;
        }
    }

    .navbarTopAccountIdentity,
    .navbarTopAccountWallet {
        min-height: 46px;
        padding: 0 13px;
        border-radius: 15px;
        border: 1px solid rgba(120, 149, 255, 0.12);
        background: linear-gradient(180deg, rgba(26, 37, 89, 0.82) 0%, rgba(16, 26, 66, 0.8) 100%);
    }

    .navbarTopAccountIdentityMenu::after,
    .navbarTopAccountWalletMenu::after {
        content: "";
        position: absolute;
        left: 16px;
        right: 16px;
        bottom: 0;
        height: 1px;
        border-radius: 999px;
        background: linear-gradient(90deg, rgba(255, 214, 95, 0) 0%, rgba(255, 214, 95, 0.65) 48%, rgba(255, 214, 95, 0) 100%);
        opacity: 0.66;
        pointer-events: none;
    }

    .navbarTopAccountClock {
        min-width: 0;
        border-left: 0;
        padding-left: 10px;
        margin-left: 6px;
        background: transparent !important;
        color: #f5f8ff;
        font-size: 12px;
        font-weight: 800;
    }

    @media (max-width: 1023px) {
        .navbarTopInner {
            min-width: 0;
            gap: 8px;
        }

        .navbarGuestAuthActions {
            gap: 6px;
            flex: 0 1 auto;
        }

        .navbarGuestAuthButton {
            min-width: 70px;
            height: 32px;
            padding: 0 10px;
            border-radius: 10px;
            font-size: 11px;
            font-weight: 800;
        }

        .navbarGuestAuthButtonRegister {
            min-width: 82px;
        }

        .navbarTopInner:has(.navbarGuestAuthActions) .navbarTopRightOuter {
            flex: 0 0 auto;
            width: auto;
            max-width: none;
        }

        .navbarTopRightOuter {
            min-width: 0;
            max-width: calc(100vw - 28px);
            gap: 2px;
            overflow: hidden;
        }

        .navbarTopAccountRail {
            min-width: 0;
            max-width: 100%;
        }

        .navbarTopAccountWalletMenu {
            min-width: 0;
            flex: 1 1 auto;
        }

        .navbarTopAccountWallet {
            min-width: 0;
            max-width: max(124px, min(190px, calc(100vw - 210px)));
            padding: 0 10px;
        }

        .navbarTopAccountCopy {
            min-width: 0;
            max-width: 100%;
            overflow: hidden;
        }

        .navbarTopAccountCopy strong,
        .navbarTopAccountCopy small {
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .navbarTopAccountActions,
        .navbarTopAccountUtilityCluster {
            min-width: 0;
            flex: 0 0 auto;
        }

        .navbarTopRightOuter .navbarTopAccountAction,
        .navbarTopRightOuter .navbarUtilityBtn {
            width: 34px;
            min-width: 34px;
            min-height: 36px;
            flex: 0 0 34px;
            box-sizing: border-box;
            overflow: hidden;
        }

        .navbarTopRightOuter [data-nav-tooltip]::after {
            content: none;
            display: none;
        }
    }

    .navbarTopRightOuter [data-nav-tooltip] {
        position: relative;
    }

    .navbarTopRightOuter [data-nav-tooltip]::after {
        content: attr(data-nav-tooltip);
        position: absolute;
        top: calc(100% + 10px);
        right: 50%;
        transform: translateX(50%) translateY(-4px);
        min-height: 28px;
        padding: 0 10px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: rgba(8, 15, 38, 0.96);
        border: 1px solid rgba(119, 146, 236, 0.14);
        box-shadow: 0 14px 28px rgba(4, 10, 26, 0.22);
        color: #eef4ff;
        font-size: 11px;
        font-weight: 700;
        white-space: nowrap;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.18s ease, transform 0.18s ease;
        z-index: 40;
    }

    .navbarTopAccountLogoutTrigger::after {
        right: 0;
        transform: translateY(-4px);
    }

    .navbarTopRightOuter [data-nav-tooltip]:hover::after,
    .navbarTopRightOuter [data-nav-tooltip]:focus-within::after {
        opacity: 1;
        transform: translateX(50%) translateY(0);
    }

    .navbarTopAccountLogoutTrigger:hover::after,
    .navbarTopAccountLogoutTrigger:focus-within::after {
        transform: translateY(0);
    }

    .navbarPromoCodeLink::before {
        display: none !important;
    }

    .navbarPromoCodeLink {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        margin-left: -5px;
        margin-top: 2px;
    }

    @media (max-width: 767px) {
        .navbarTopLeftOuter {
            gap: 8px;
        }

        .navbarPromoCodeLink,
        .navbarTimedPromotionLink {
            display: none !important;
        }

        .navbarGuestAuthButton {
            min-width: 76px;
            height: 31px;
            padding: 0 8px;
            border-radius: 9px;
            font-size: 10px;
            gap: 5px;
        }

        .navbarGuestAuthButtonRegister {
            min-width: 82px;
        }

        .navbarGuestAuthButtonRegister i {
            font-size: 10.5px;
        }

        .navbarGuestAuthButtonSpinner {
            width: 11px;
            height: 11px;
            flex-basis: 11px;
            border-width: 1.7px;
        }

        html {
            background: #0c121e;
        }

        body.gelirse-menu-variant-2 {
            background: #0c121e;
            color-scheme: dark;
        }

        body.gelirse-menu-variant-2:has(.homepageTopHeroBand.is-homepage-main) .navbarTopOuter.navbarTopOuterOverlay {
            background: transparent;
        }

        body.gelirse-menu-variant-2:has(.homepageTopHeroBand.is-homepage-main) .navbarTopLeftOuter {
            position: absolute;
            top: 7px;
            right: auto;
            left: 12px;
            z-index: 7;
            display: inline-flex !important;
            align-items: center;
            justify-content: flex-start;
            max-width: calc(100vw - 152px);
        }

        body.gelirse-menu-variant-2:has(.homepageTopHeroBand.is-homepage-main) .navbarTopRightOuter {
            top: 0;
            margin-right: 12px;
            overflow: visible;
        }

        body.gelirse-menu-variant-2:has(.homepageTopHeroBand.is-homepage-main) .navbarTopInner:has(.navbarGuestAuthActions) .navbarTopRightOuter {
            position: absolute;
            top: 0;
            right: 12px;
            width: auto;
            max-width: none;
            margin-right: 0;
        }

        body.gelirse-menu-variant-2:has(.homepageTopHeroBand.is-homepage-main) .navbarGuestAuthActions {
            display: none !important;
        }

        body.gelirse-menu-variant-2:not(:has(.homepageTopHeroBand.is-homepage-main)) .navbarTopInner:has(.navbarGuestAuthActions) .navbarTopRightOuter {
            transform: translateY(8px);
        }

        .navbarTopInner:has(.navbarGuestAuthActions) .navbarTopRightOuter > .navbarUtilityBtn,
        .navbarTopInner:has(.navbarGuestAuthActions) .navbarTopRightOuter .navbarTopAccountAction {
            width: 31px;
            min-width: 31px;
            min-height: 32px;
            flex-basis: 31px;
        }

        body:has(.earnRewardsPage) .navbarTopInner:has(.navbarGuestAuthActions) .navbarTopLeftOuter {
            margin-left: -14px;
        }

        body:has(.earnRewardsPage) .navbarTopInner:has(.navbarGuestAuthActions) .navbarTopLeftOuter,
        body:has(.earnRewardsPage) .navbarTopInner:has(.navbarGuestAuthActions) .navbarTopRightOuter {
            transform: translateY(12px);
        }

        body.gelirse-menu-variant-2:has(.earnRewardsPage) .navbarTopInner:has(.navbarGuestAuthActions) .navbarTopRightOuter {
            transform: translateY(12px);
        }

        body.gelirse-menu-variant-2:not(:has(.homepageTopHeroBand.is-homepage-main)):has(.earnRewardsPage) .navbarTopInner:has(.navbarGuestAuthActions) .navbarTopRightOuter {
            transform: translateY(12px);
        }

        body.gelirse-menu-variant-2:has(.homepageTopHeroBand.is-homepage-main) .navbarPromoCodeLink {
            display: none !important;
            min-height: 32px;
            padding: 0;
            margin-left: 0;
            margin-top: 0;
            border: 0;
            border-radius: 0;
            background: transparent;
            color: #fff4bd;
            box-shadow: none;
        }

        body.gelirse-menu-variant-2:has(.homepageTopHeroBand.is-homepage-main) .navbarPromoCodeLabel {
            max-width: 68px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .navbarTimedPromotionLink {
            max-width: 152px;
            padding: 0 8px;
            margin-left: 6px;
        }

        .navbarTimedPromotionLinkLabel strong {
            max-width: 82px;
        }

        .navbarTimedPromotionMiniCountdown {
            display: none;
        }

        .navbarTimedPromotionModal .modal-dialog {
            width: calc(100vw - 120px) !important;
            margin: 60px auto 0 !important;
            height: calc(100dvh - 60px) !important;
            min-height: calc(100% - 60px) !important;
        }

        .navbarTimedPromotionModalGrid {
            grid-template-columns: 1fr;
        }
    }

    .navbarPromoCodeIconMask {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 20px;
        height: 18px;
        overflow: hidden;
        flex: 0 0 auto;
    }

    .navbarPromoCodeIconMask i,
    .navbarTopInfoLeadIcon {
        color: #ffe27d;
        font-size: 13px;
        flex: 0 0 auto;
    }

    .navbarPromoCodeIconMask i {
        position: relative;
        z-index: 2;
        transition: opacity 0.06s linear, transform 0.16s ease;
    }

    .navbarPromoCodeRain {
        position: absolute;
        inset: -4px -1px -2px 0;
        opacity: 0;
        pointer-events: none;
        transform: translateX(1px);
        -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.24) 18%, rgba(0, 0, 0, 0.58) 34%, rgba(0, 0, 0, 0.88) 50%, #000 66%, #000 100%);
        mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.24) 18%, rgba(0, 0, 0, 0.58) 34%, rgba(0, 0, 0, 0.88) 50%, #000 66%, #000 100%);
    }

    .navbarPromoCodeRain span {
        position: absolute;
        top: -10px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 10px;
        height: 10px;
        border-radius: 999px;
        background:
            radial-gradient(circle at 34% 28%, rgba(255, 247, 210, 0.98) 0%, rgba(255, 229, 125, 0.98) 36%, rgba(232, 165, 36, 0.98) 100%);
        box-shadow:
            inset 0 0 0 1px rgba(117, 75, 7, 0.5),
            inset 0 0 0 2px rgba(255, 244, 194, 0.42),
            0 1px 4px rgba(9, 14, 28, 0.18);
        transform: translate3d(0, 0, 0);
        opacity: 0;
        will-change: transform, opacity;
    }

    .navbarPromoCodeRain span::before {
        content: "₿";
        font-size: 5.6px;
        line-height: 1;
        font-weight: 800;
        color: rgba(107, 66, 2, 1);
        text-shadow: 0 1px 0 rgba(255, 244, 207, 0.68);
        transform: translateY(-0.1px);
    }

    .navbarPromoCodeRain span:nth-child(1) {
        left: 1px;
        width: 9px;
        height: 9px;
        --promo-chip-delay: 0s;
        --promo-chip-duration: 1.45s;
    }

    .navbarPromoCodeRain span:nth-child(2) {
        left: 6px;
        width: 10px;
        height: 10px;
        --promo-chip-delay: -0.29s;
        --promo-chip-duration: 1.45s;
    }

    .navbarPromoCodeRain span:nth-child(3) {
        left: 12px;
        width: 8px;
        height: 8px;
        --promo-chip-delay: -0.58s;
        --promo-chip-duration: 1.45s;
    }

    .navbarPromoCodeRain span:nth-child(4) {
        left: 4px;
        width: 7px;
        height: 7px;
        --promo-chip-delay: -0.87s;
        --promo-chip-duration: 1.45s;
    }

    .navbarPromoCodeRain span:nth-child(5) {
        left: 13px;
        width: 8px;
        height: 8px;
        --promo-chip-delay: -1.16s;
        --promo-chip-duration: 1.45s;
    }

    .navbarLearnBookFlip {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 20px;
        height: 18px;
        opacity: 1;
        pointer-events: none;
        perspective: 150px;
        perspective-origin: 50% 50%;
        transform: translateY(0) scale(1);
        transform-style: preserve-3d;
        filter: none;
        transition: none;
    }

    .navbarLearnBookSvg {
        width: 19px;
        height: 18px;
        overflow: visible;
        fill: none;
        stroke: rgba(255, 226, 125, 0.9);
        stroke-width: 1.04;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .navbarLearnBookPage,
    .navbarLearnBookSpine {
        vector-effect: non-scaling-stroke;
    }

    .navbarLearnBookPageRight {
        opacity: 1;
        transform-box: fill-box;
        transform-origin: 0% 50%;
        will-change: auto;
    }

    .navbarLearnBookPageTurn {
        display: none;
        --learn-page-track: 0px;
        opacity: 0;
        fill: rgba(255, 226, 125, 0.06);
        stroke: rgba(255, 226, 125, 0.82);
        stroke-width: 0.9;
        stroke-linecap: round;
        stroke-linejoin: round;
        transform-box: fill-box;
        transform-origin: 0% 50%;
        will-change: auto;
    }

    .navbarLearnBookPageTurn1 {
        --learn-page-track: 0px;
        stroke-opacity: 0.82;
    }

    .navbarLearnBookPageTurn2 {
        --learn-page-track: -0.7px;
        stroke-opacity: 0.74;
    }

    .navbarLearnBookPageTurn3 {
        --learn-page-track: -1.4px;
        stroke-opacity: 0.66;
    }

    .navbarLearnBookPageTurn4 {
        --learn-page-track: -2.1px;
        stroke-opacity: 0.58;
    }

    .navbarLearnBookPageTurn5 {
        --learn-page-track: -2.8px;
        stroke-opacity: 0.5;
    }

    .navbarLearnBookFlip span {
        display: none;
    }

    .navbarLearnBookFlip span::after {
        content: none;
    }

    .navbarTopInfoTrigger {
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }

    .navbarTopInfoTrigger .navbarTopInfoLabel {
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }

    .navbarTopAccountRail {
        background: transparent;
        border: 0;
        box-shadow: none;
    }

    .navbarPromoCodeLink::after {
        display: none !important;
        content: none !important;
    }

    .navbarPromoCodeLink:hover .navbarPromoCodeIconMask i,
    .navbarPromoCodeLink:focus-visible .navbarPromoCodeIconMask i {
        opacity: 0;
        transform: scale(0.72);
    }

    .navbarPromoCodeLink:hover .navbarPromoCodeRain,
    .navbarPromoCodeLink:focus-visible .navbarPromoCodeRain {
        opacity: 1;
    }

    .navbarPromoCodeLink:hover .navbarPromoCodeRain span,
    .navbarPromoCodeLink:focus-visible .navbarPromoCodeRain span {
        animation: navbarPromoChipRain var(--promo-chip-duration, 1.18s) linear infinite both;
        animation-delay: var(--promo-chip-delay, 0s);
    }

    .navbarLearnCenterLink .navbarPromoCodeIconMask i {
        opacity: 0;
        transform: none;
    }

    .navbarLearnCenterLink,
    .navbarLearnCenterLink:hover,
    .navbarLearnCenterLink:focus-visible {
        opacity: 0.7 !important;
        filter: none !important;
        transition: none !important;
    }

    .navbarLearnCenterLink:hover .navbarPromoCodeIconMask i,
    .navbarLearnCenterLink:focus-visible .navbarPromoCodeIconMask i {
        opacity: 0;
        transform: none;
    }

    .navbarLearnCenterLink:hover .navbarLearnBookFlip,
    .navbarLearnCenterLink:focus-visible .navbarLearnBookFlip {
        opacity: 1;
        transform: none;
    }

    .navbarLearnCenterLink:hover .navbarLearnBookSvg,
    .navbarLearnCenterLink:focus-visible .navbarLearnBookSvg {
        stroke: rgba(255, 226, 125, 0.9);
    }

    .navbarLearnCenterLink:hover .navbarLearnBookPageRight,
    .navbarLearnCenterLink:focus-visible .navbarLearnBookPageRight {
        opacity: 1;
        animation: none;
        transform: none;
    }

    .navbarLearnCenterLink:hover .navbarLearnBookPageTurn,
    .navbarLearnCenterLink:focus-visible .navbarLearnBookPageTurn {
        display: block;
        animation: navbarLearnSheetTurn 0.68s cubic-bezier(0.16, 0.72, 0.18, 1) infinite both;
    }

    .navbarLearnCenterLink:hover .navbarLearnBookPageTurn2,
    .navbarLearnCenterLink:focus-visible .navbarLearnBookPageTurn2 {
        animation-delay: 0.12s;
    }

    .navbarLearnCenterLink:hover .navbarLearnBookPageTurn3,
    .navbarLearnCenterLink:focus-visible .navbarLearnBookPageTurn3 {
        animation-delay: 0.24s;
    }

    .navbarLearnCenterLink:hover .navbarLearnBookPageTurn4,
    .navbarLearnCenterLink:focus-visible .navbarLearnBookPageTurn4 {
        animation-delay: 0.36s;
    }

    .navbarLearnCenterLink:hover .navbarLearnBookPageTurn5,
    .navbarLearnCenterLink:focus-visible .navbarLearnBookPageTurn5 {
        animation-delay: 0.48s;
    }
    @keyframes navbarPromoChipRain {
        0% {
            transform: translate3d(0, -12px, 0);
            opacity: 0;
        }

        8% {
            opacity: 1;
        }

        100% {
            opacity: 1;
            transform: translate3d(0, 22px, 0);
        }
    }

    @keyframes navbarLearnBookPageFlutter {
        0% {
            transform: translateX(0) perspective(150px) rotateY(0deg) skewY(0deg);
        }

        34% {
            transform: translateX(-2.4px) perspective(150px) rotateY(-62deg) skewY(-2.2deg);
        }

        68% {
            transform: translateX(0.7px) perspective(150px) rotateY(18deg) skewY(0.8deg);
        }

        100% {
            transform: translateX(0) perspective(150px) rotateY(0deg) skewY(0deg);
        }
    }

    @keyframes navbarLearnRightPageFold {
        0%,
        100% {
            transform: translateX(0) perspective(150px) rotateY(0deg) skewY(0deg);
        }

        44% {
            transform: translateX(-4px) perspective(150px) rotateY(-112deg) skewY(-2deg);
        }

        72% {
            transform: translateX(-1px) perspective(150px) rotateY(-24deg) skewY(-0.4deg);
        }
    }

    @keyframes navbarLearnSheetTurn {
        0% {
            opacity: 0;
            transform: translateX(0) perspective(150px) rotateY(0deg);
        }

        12% {
            opacity: 0.9;
            transform: translateX(0) perspective(150px) rotateY(0deg);
        }

        46% {
            opacity: 0.86;
            transform: translateX(calc(var(--learn-page-track) - 1.4px)) perspective(150px) rotateY(-96deg);
        }

        78% {
            opacity: 0.46;
            transform: translateX(calc(var(--learn-page-track) - 2.4px)) perspective(150px) rotateY(-164deg);
        }

        100% {
            opacity: 0;
            transform: translateX(calc(var(--learn-page-track) - 2.6px)) perspective(150px) rotateY(-180deg);
        }
    }

    @keyframes navbarLearnPageEdgeSweep {
        0% {
            opacity: 0;
            transform: translateX(2.4px) scaleX(0.18) skewY(0deg);
        }

        16% {
            opacity: 0.9;
            transform: translateX(1.4px) scaleX(0.42) skewY(0deg);
        }

        46% {
            opacity: 0.86;
            transform: translateX(calc(var(--learn-page-track) - 0.8px)) scaleX(0.96) skewY(-2deg);
        }

        76% {
            opacity: 0.42;
            transform: translateX(calc(var(--learn-page-track) - 2px)) scaleX(0.58) skewY(-3deg);
        }

        100% {
            opacity: 0;
            transform: translateX(calc(var(--learn-page-track) - 3px)) scaleX(0.18) skewY(-3deg);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .navbarLearnCenterLink:hover .navbarLearnBookPageRight,
        .navbarLearnCenterLink:focus-visible .navbarLearnBookPageRight {
            animation: none;
            opacity: 1;
        }
    }

    .navbarTopInfoMenu {
        margin-left: -4px;
        margin-top: 2px;
    }

    .navbarTopAccountRail {
        background: transparent;
        border: 0;
        box-shadow: none;
    }

    .navbarOuter.navbarOuterCollapsed,
    .navbarOuter.navbarOuterCollapsed > .container,
    .navbarOuter.navbarOuterCollapsed .navbarCenterOuter {
        display: contents;
    }

    .manusOuter.has-hidden-menu-utility {
        margin: 13px 0 12px;
    }

    .manusOuter.has-hidden-menu-utility .menusInnerUtility {
        display: none;
    }

    .manusOuter.manusOuterOverlay {
        position: relative;
        z-index: 7;
        margin-top: -168px;
        margin-bottom: 14px;
    }

    .manusOuter.manusOuterOverlay > .container {
        display: flex;
        justify-content: center;
    }

    .manusOuter.manusOuterOverlay .menusInner {
        width: auto;
        max-width: min(980px, calc(100vw - 120px));
        margin: 0 auto;
        justify-content: center;
        background: linear-gradient(135deg, rgba(11, 20, 54, 0.82) 0%, rgba(18, 30, 74, 0.8) 100%);
        border: 1px solid rgba(120, 149, 255, 0.12);
        border-radius: 999px;
        box-shadow: 0 18px 40px rgba(6, 13, 34, 0.22);
        backdrop-filter: blur(14px);
        padding: 10px 18px;
    }

    .manusOuter.manusOuterOverlay .menuBoxSubmenu,
    .manusOuter.manusOuterOverlay .menuBoxSupportSubmenu {
        top: calc(100% + 10px);
        bottom: auto;
    }

    .manusOuter.manusOuterOverlay .menusInnerBoxDropdown {
        top: auto;
        bottom: calc(100% - 2px);
    }

    .manusOuter.manusOuterOverlay .menuBoxSubmenu::after,
    .manusOuter.manusOuterOverlay .menuBoxSupportSubmenu::after,
    .manusOuter.manusOuterOverlay .menusInnerBoxDropdown::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: -18px;
        height: 18px;
    }

    @media (min-width: 1025px) {
        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar {
            height: 0;
            margin-top: 0;
            margin-bottom: 0;
            pointer-events: none;
        }

        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar > .container {
            position: relative;
            display: block;
            min-height: 0;
        }

        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menusInner {
            position: absolute;
            top: -472px;
            left: 24px;
            z-index: 7;
            width: min(280px, calc(100vw - 48px));
            max-width: min(280px, calc(100vw - 48px));
            margin: 0;
            padding: 16px;
            display: flex;
            flex-direction: column;
            align-items: stretch;
            gap: 10px;
            pointer-events: auto;
            border-radius: 24px;
            border: 1px solid rgba(182, 198, 243, 0.12);
            background: linear-gradient(180deg, rgba(11, 18, 41, 0.72) 0%, rgba(8, 14, 31, 0.82) 100%);
            box-shadow: 0 18px 36px rgba(5, 11, 28, 0.16);
            backdrop-filter: blur(10px) saturate(108%);
            justify-content: flex-start;
        }

        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBox.menuBoxPrimary {
            position: relative;
        }

        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menusInner {
            overflow: visible;
        }

        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxPrimaryLink,
        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuPrimaryDirectLink {
            width: 100%;
            justify-content: space-between;
            min-height: 46px;
            padding: 0 14px 0 12px;
            border-radius: 16px;
            border-color: rgba(177, 195, 244, 0.12);
            background: rgba(255, 255, 255, 0.05);
            box-shadow: none;
            font-size: 13px;
            letter-spacing: 0;
            text-transform: none;
        }

        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxPrimaryLink {
            position: relative;
        }

        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuPrimaryDirectLink {
            justify-content: flex-start;
            gap: 10px;
        }

        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxPrimaryLink:hover,
        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuPrimaryDirectLink:hover,
        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxPrimary:hover .menuBoxPrimaryLink,
        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxPrimary:focus-within .menuBoxPrimaryLink {
            background: rgba(255, 255, 255, 0.082);
            border-color: rgba(206, 220, 255, 0.18);
            box-shadow: 0 10px 18px rgba(4, 10, 30, 0.12);
            transform: translateX(1px);
        }

        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxPrimary.is-active .menuBoxPrimaryLink,
        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuPrimaryDirectLink.is-active {
            border-color: rgba(255, 219, 143, 0.24);
            background: linear-gradient(180deg, rgba(71, 54, 20, 0.42) 0%, rgba(36, 29, 17, 0.54) 100%);
            color: #fff4ce;
            box-shadow:
                inset 0 1px 0 rgba(255, 239, 191, 0.08),
                0 10px 20px rgba(10, 14, 29, 0.16);
        }

        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxPrimaryLink i,
        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuPrimaryDirectLink i {
            width: 18px;
            color: #ffe27d;
            font-size: 13px;
        }

        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxPrimaryLink small {
            margin-left: auto;
            color: rgba(230, 236, 255, 0.66);
        }

        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxPrimary:hover .menuBoxPrimaryLink small i,
        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxPrimary:focus-within .menuBoxPrimaryLink small i {
            transform: rotate(180deg);
        }

        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxMegaSubmenu,
        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxPrimary.is-align-right .menuBoxMegaSubmenu {
            position: absolute;
            left: calc(100% + 12px);
            right: auto;
            top: 0;
            bottom: auto;
            width: min(320px, calc(100vw - 360px));
            max-width: min(320px, calc(100vw - 360px));
            min-width: 260px;
            margin-top: 0;
            padding: 12px;
            border: 1px solid rgba(182, 198, 243, 0.14);
            border-radius: 20px;
            background: linear-gradient(180deg, rgba(11, 18, 41, 0.94) 0%, rgba(8, 14, 31, 0.98) 100%);
            box-shadow: 0 18px 36px rgba(5, 11, 28, 0.2);
            backdrop-filter: blur(10px) saturate(108%);
            display: block;
            overflow: visible;
            opacity: 0;
            visibility: hidden;
            max-height: none;
            transform: translate3d(-10px, 0, 0);
            pointer-events: none;
            transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
            z-index: 12;
        }

        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxPrimary:hover .menuBoxMegaSubmenu,
        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxPrimary:focus-within .menuBoxMegaSubmenu {
            opacity: 1;
            visibility: visible;
            transform: translate3d(0, 0, 0);
            pointer-events: auto;
        }

        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxSubmenu::after {
            display: none;
        }

        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxMegaGrid {
            grid-template-columns: 1fr;
            gap: 6px;
            padding: 4px;
            border-radius: 18px;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.028) 0%, rgba(255, 255, 255, 0.014) 100%);
            border: 1px solid rgba(182, 198, 243, 0.08);
        }

        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxMegaCard {
            position: relative;
            min-height: 50px;
            padding: 12px 14px 12px 16px;
            border-radius: 16px;
            border: 0;
            background: linear-gradient(90deg, rgba(255, 255, 255, 0.048) 0%, rgba(255, 255, 255, 0.018) 72%, rgba(255, 255, 255, 0) 100%);
            box-shadow: none;
            transform: none;
            overflow: hidden;
        }

        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxMegaCard::before {
            content: "";
            position: absolute;
            left: 8px;
            top: 9px;
            bottom: 9px;
            width: 3px;
            border-radius: 999px;
            background: linear-gradient(180deg, rgba(255, 230, 125, 0.95) 0%, rgba(120, 149, 255, 0.72) 100%);
            opacity: 0;
            transform: scaleY(0.6);
            transition: opacity 0.2s ease, transform 0.2s ease;
        }

        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxMegaCard:hover,
        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxMegaCard.is-active {
            background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(116, 146, 240, 0.085) 100%);
            box-shadow: 0 12px 22px rgba(5, 10, 24, 0.14);
            transform: translateX(4px);
        }

        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxMegaCard:hover::before,
        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxMegaCard.is-active::before {
            opacity: 1;
            transform: scaleY(1);
        }

        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxMegaCardIcon {
            width: 34px;
            height: 34px;
            flex: 0 0 34px;
            min-width: 34px;
            border-radius: 999px;
            font-size: 12px;
            background: linear-gradient(135deg, rgba(255, 226, 125, 0.16) 0%, rgba(120, 149, 255, 0.12) 100%);
            color: #f6e6a5;
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.08),
                0 6px 14px rgba(4, 10, 30, 0.12);
        }

        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxMegaCardCopy strong {
            font-size: 13px;
            font-weight: 800;
            letter-spacing: 0.01em;
        }

        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxMegaArrow {
            font-size: 11px;
            color: rgba(223, 232, 255, 0.64);
            transition: transform 0.2s ease, color 0.2s ease;
        }

        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxMegaCard:hover .menuBoxMegaArrow,
        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menuBoxMegaCard.is-active .menuBoxMegaArrow {
            color: rgba(255, 239, 191, 0.9);
            transform: translateX(2px);
        }
    }

    @media (min-width: 1025px) and (max-width: 1100px) {
        .manusOuter.manusOuterOverlay.manusOuterOverlaySidebar .menusInner {
            top: -512px;
            left: 22px;
            width: min(270px, calc(100vw - 44px));
            max-width: min(270px, calc(100vw - 44px));
        }
    }

    @media (max-width: 1024px) {
        .manusOuter.manusOuterOverlay {
            margin-top: 0;
        }

        .manusOuter.manusOuterOverlay > .container {
            display: block;
        }

        .manusOuter.manusOuterOverlay .menusInner {
            width: 100%;
            max-width: none;
            background: linear-gradient(135deg, rgba(28, 39, 90, 0.92) 0%, rgba(20, 28, 64, 0.96) 100%);
            border: 1px solid rgba(114, 142, 255, 0.12);
            box-shadow: 0 24px 55px rgba(6, 13, 34, 0.24);
        }
    }

    @media (max-width: 767px) {
        input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]),
        textarea,
        select,
        .form-control,
        .form-select {
            font-size: 16px !important;
        }
    }

    .navbarTopAccountRail {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
    }

    .navbarTopWalletChrome {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: 4px;
        min-height: 46px;
        height: 46px;
        padding: 4px 4px 4px 8px;
        border-radius: 999px;
        background:
            radial-gradient(circle at 8% 20%, rgba(141, 159, 255, 0.18), transparent 32%),
            linear-gradient(135deg, rgba(45, 42, 105, 0.98) 0%, rgba(34, 43, 93, 0.98) 100%);
        border: 0;
        box-shadow: none;
        color: #f6f8ff;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification,
    .navbarTopAccountWalletSwitchPill {
        width: 36px;
        min-width: 36px;
        min-height: 36px;
        height: 36px;
        flex: 0 0 36px;
        border: 0;
        border-radius: 999px;
        background: transparent;
        color: rgba(222, 231, 255, 0.88);
        box-shadow: none;
    }

    .navbarTopWalletChrome .navbarTopAccountWalletMenu::after {
        display: none;
        content: none;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification::before {
        content: "";
        position: absolute;
        top: 100%;
        left: -14px;
        right: -14px;
        height: 18px;
        display: block;
        background: transparent;
        pointer-events: auto;
    }

    .navbarTopWalletChrome .navbarTopAccountWalletMenu::before {
        content: "";
        position: absolute;
        top: 100%;
        left: -18px;
        right: -18px;
        height: 18px;
        display: block;
        background: transparent;
        pointer-events: auto;
    }

    .navbarTopWalletChrome .navbarTopAccountNotificationTrigger,
    .navbarTopAccountWalletSwitchPill {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        min-width: 36px;
        height: 36px;
        min-height: 36px;
        padding: 0;
        border-radius: 999px;
        color: inherit;
        text-decoration: none;
        transition: color 0.18s ease, opacity 0.18s ease;
    }

    .navbarTopWalletChrome .navbarTopAccountNotificationTrigger i,
    .navbarTopAccountWalletSwitchPill i {
        margin: 0 !important;
        font-size: 19px;
        line-height: 1;
    }

    .navbarTopAccountWalletSwitchPill {
        background: rgba(255, 255, 255, 0.08);
    }

    .navbarTopWalletChrome .navbarTopAccountNotificationTrigger:hover,
    .navbarTopWalletChrome .navbarTopAccountNotificationTrigger:focus-visible,
    .navbarTopAccountWalletSwitchPill:hover,
    .navbarTopAccountWalletSwitchPill:focus-visible {
        color: #ffffff;
        opacity: 1;
    }

    .navbarTopWalletChrome .navbarTopAccountNotificationTrigger .menuBoxBadge {
        top: 1px;
        right: 0;
        min-width: 16px;
        height: 16px;
        padding: 0 4px;
        font-size: 9px;
        transform: translate(24%, -24%);
        background: #ffcc00;
        color: #1d2542;
        box-shadow: 0 8px 16px rgba(255, 204, 0, 0.24);
    }

    .navbarTopWalletChrome .navbarTopAccountNotificationTrigger::after {
        content: "Bildirimler";
        position: absolute;
        top: calc(100% + 12px);
        left: 50%;
        right: auto;
        z-index: 230;
        padding: 7px 10px;
        border-radius: 12px;
        background: rgba(16, 22, 42, 0.96);
        color: rgba(246, 248, 255, 0.96);
        font-size: 11px;
        font-weight: 800;
        line-height: 1;
        white-space: nowrap;
        opacity: 0;
        pointer-events: none;
        transform: translate3d(-50%, -3px, 0);
        transition: opacity 0.16s ease-out, transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
        box-shadow: 0 14px 30px rgba(2, 6, 21, 0.34);
        width: max-content;
        min-width: max-content;
        box-sizing: border-box;
    }

    .navbarTopWalletChrome .navbarTopAccountNotificationTrigger:hover::after,
    .navbarTopWalletChrome .navbarTopAccountNotificationTrigger:focus-visible::after {
        opacity: 1;
        transform: translate3d(-50%, 0, 0);
    }

    .navbarTopWalletChrome .navbarTopAccountNotification.is-open .navbarTopAccountNotificationTrigger::after {
        opacity: 0;
        transform: translate3d(-50%, -3px, 0);
    }

    .navbarTopWalletChrome .navbarGuestPromoTrigger::after {
        content: attr(data-wallet-tooltip);
    }

    .navbarTopWalletChrome .navbarTopAccountWalletMenu {
        min-width: 0;
        display: flex;
        align-items: center;
        flex: 0 1 auto;
    }

    .navbarTopWalletChrome .navbarTopAccountWallet {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-width: 116px;
        min-height: 38px;
        height: 38px;
        padding: 0 9px 0 8px;
        border: 0;
        border-radius: 19px;
        background: transparent;
        color: #f7f9ff;
        box-shadow: none;
        transition: color 0.18s ease;
    }

    .navbarTopWalletChrome .navbarTopAccountWallet:hover,
    .navbarTopWalletChrome .navbarTopAccountWallet:focus-visible {
        background: transparent;
        transform: none;
    }

    .navbarTopWalletChrome .navbarTopAccountTrigger::after {
        position: relative;
        top: 1px;
        flex: 0 0 auto;
        font-size: 10px;
        color: rgba(187, 199, 236, 0.82);
        transform: rotate(0deg);
    }

    .navbarTopWalletChrome .navbarTopAccountWalletMenu.is-open .navbarTopAccountTrigger::after {
        transform: rotate(180deg);
        color: #ffffff;
    }

    .navbarTopWalletAmount {
        display: grid;
        align-items: center;
        gap: 1px;
        min-width: 0;
        line-height: 1;
    }

    .navbarTopWalletAmountLabel {
        color: rgba(203, 214, 248, 0.92);
        font-size: 12px;
        font-weight: 800;
        line-height: 1;
    }

    .navbarTopWalletAmount strong {
        display: inline-flex;
        align-items: baseline;
        gap: 2px;
        color: #ffdc2f;
        font-size: 17px;
        line-height: 1;
        font-weight: 900;
        letter-spacing: 0;
        text-shadow: 0 8px 18px rgba(255, 214, 95, 0.14);
        white-space: nowrap;
    }

    .navbarTopWalletCurrencyMark {
        font-size: 15px;
        font-weight: 900;
    }

    .navbarTopWalletCurrencyCode {
        color: rgba(255, 225, 95, 0.92);
        font-size: 11px;
        font-weight: 900;
        line-height: 1;
    }

    .navbarTopDepositPill {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 96px;
        height: 38px;
        padding: 0 18px;
        border-radius: 999px;
        background: linear-gradient(180deg, #ffe536 0%, #ffcc00 100%);
        color: #172347 !important;
        font-family: "Manrope", var(--gelirse-font-family, system-ui, sans-serif);
        font-size: 14.5px;
        font-weight: 900;
        line-height: 1.05;
        text-decoration: none !important;
        box-shadow: none;
        transition: box-shadow 0.18s ease, filter 0.18s ease;
        white-space: nowrap;
    }

    .navbarTopDepositPill:hover,
    .navbarTopDepositPill:focus-visible {
        transform: none;
        filter: saturate(1.04);
        box-shadow: none;
    }

    .navbarTopGuestWalletChrome .navbarGuestWalletLoginTrigger,
    .navbarTopGuestWalletChrome .navbarTopGuestRegisterPill {
        border: 0;
        cursor: pointer;
    }

    .navbarTopGuestWalletChrome .navbarTopGuestRegisterPill {
        min-width: 96px;
    }

    .navbarTopWalletDropdown {
        top: calc(100% + 1px);
        right: 0;
        left: auto;
        width: min(410px, calc(100vw - var(--gelirse-rail-layout-offset, 56px) - 34px));
        padding: 12px;
        border-radius: 22px;
        background:
            radial-gradient(circle at 12% 12%, rgba(76, 107, 228, 0.16), transparent 28%),
            linear-gradient(180deg, rgba(30, 36, 55, 0.995) 0%, rgba(24, 30, 47, 0.995) 100%);
        border-color: rgba(168, 184, 236, 0.08);
        box-shadow: 0 24px 58px rgba(2, 6, 21, 0.38);
    }

    .navbarTopWalletMega {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        min-height: auto;
    }

    .navbarTopWalletMegaProfile {
        min-width: 0;
        display: grid;
        align-content: start;
        gap: 10px;
        padding: 0;
        border-right: 0;
    }

    .navbarTopWalletMegaProfile > strong {
        overflow: hidden;
        color: #ffffff;
        font-size: 15px;
        font-weight: 900;
        line-height: 1.1;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .navbarTopWalletMegaBalanceCard {
        display: grid;
        gap: 8px;
        padding: 12px 14px;
        border-radius: 17px;
        background:
            radial-gradient(circle at 84% 18%, rgba(255, 220, 47, 0.12), transparent 28%),
            linear-gradient(180deg, rgba(40, 48, 73, 0.94) 0%, rgba(31, 39, 62, 0.96) 100%);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }

    .navbarTopWalletMegaBalanceHead,
    .navbarTopWalletMegaBalanceValue,
    .navbarTopWalletMegaRows div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
    }

    .navbarTopWalletMegaBalanceHead {
        color: #d8e2ff;
        font-size: 12px;
        font-weight: 900;
        line-height: 1.1;
    }

    .navbarTopWalletMegaBalanceHead i {
        color: #ffdc2f;
        font-size: 15px;
    }

    .navbarTopWalletMegaBalanceValue {
        justify-content: flex-start;
        color: #ffdc2f;
        font-size: 15px;
        font-weight: 900;
        line-height: 1;
    }

    .navbarTopWalletMegaRows {
        display: grid;
        gap: 14px;
        margin: 0;
    }

    .navbarTopWalletMegaRows dt,
    .navbarTopWalletMegaRows dd {
        margin: 0;
        line-height: 1.1;
    }

    .navbarTopWalletMegaRows dt {
        color: #c4cee9;
        font-size: 18px;
        font-weight: 750;
    }

    .navbarTopWalletMegaRows dd {
        color: #ffdc2f;
        font-size: 18px;
        font-weight: 900;
        text-align: right;
        white-space: nowrap;
    }

    .navbarTopWalletMegaCtas {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
        gap: 8px;
    }

    .navbarTopWalletMegaDeposit,
    .navbarTopWalletMegaWithdraw {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        margin-top: 0;
        border-radius: 999px;
        background: linear-gradient(180deg, #ffe536 0%, #ffcc00 100%);
        color: #172347 !important;
        font-family: "Manrope", var(--gelirse-font-family, system-ui, sans-serif);
        font-size: 15px;
        font-weight: 900;
        line-height: 1;
        text-decoration: none !important;
    }

    .navbarTopWalletMegaDeposit {
        background: linear-gradient(180deg, #ffe536 0%, #ffcc00 100%);
        color: #172347 !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58);
        transition: filter 0.18s ease, box-shadow 0.18s ease;
    }

    .navbarTopWalletMegaWithdraw {
        border: 1px solid rgba(209, 219, 248, 0.12);
        background: rgba(255, 255, 255, 0.08);
        color: #eef4ff !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
        transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
    }

    .navbarTopWalletMegaDeposit:hover,
    .navbarTopWalletMegaDeposit:focus-visible,
    .navbarTopWalletMegaWithdraw:hover,
    .navbarTopWalletMegaWithdraw:focus-visible {
        filter: saturate(1.04);
        outline: none;
        transform: none;
    }

    .navbarTopWalletMegaWithdraw:hover,
    .navbarTopWalletMegaWithdraw:focus-visible {
        border-color: rgba(255, 220, 47, 0.28);
        background: rgba(255, 255, 255, 0.12);
        color: #ffffff !important;
    }

    .navbarTopWalletMegaActions {
        display: grid;
        gap: 7px;
        align-content: start;
        padding: 0;
    }

    .navbarTopWalletMegaAction,
    .navbarTopWalletMegaLogout {
        text-decoration: none !important;
    }

    .navbarTopWalletMegaAction {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        min-height: 40px;
        padding: 7px 10px;
        border-radius: 15px;
        background: rgba(118, 130, 162, 0.2);
        color: #ffffff !important;
        transition: background 0.16s ease, color 0.16s ease;
    }

    .navbarTopWalletMegaAction:hover,
    .navbarTopWalletMegaAction:focus-visible {
        background: rgba(137, 149, 181, 0.27);
        color: #ffffff !important;
        outline: none;
        transform: none;
    }

    .navbarTopWalletMegaActionIcon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border-radius: 999px;
        color: #dce6ff;
        background: rgba(255, 255, 255, 0.05);
        font-size: 16px;
    }

    .navbarTopWalletMegaAction > span:not(.navbarTopWalletMegaActionIcon) {
        grid-column: 2;
        color: #ffffff;
        font-size: 13.5px;
        font-weight: 900;
        line-height: 1.05;
    }

    .navbarTopWalletMegaAction small {
        display: none;
    }

    .navbarTopWalletMegaAction > i {
        grid-column: 3;
        grid-row: 1;
        color: rgba(209, 219, 248, 0.58);
        font-size: 13px;
    }

    .navbarTopWalletMegaAction span,
    .navbarTopWalletMegaAction small {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .navbarTopWalletMegaLogout {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        margin-top: 2px;
        border-radius: 15px;
        background: rgba(118, 130, 162, 0.2);
        color: #ffffff !important;
        font-size: 14px;
        font-weight: 900;
        line-height: 1;
        transition: background 0.16s ease;
    }

    .navbarTopWalletMegaLogout:hover,
    .navbarTopWalletMegaLogout:focus-visible {
        background: rgba(137, 149, 181, 0.27);
        outline: none;
        transform: none;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification.is-open .menuNotificationDropdown,
    .navbarTopWalletChrome .navbarTopAccountNotification.is-open:focus-within .menuNotificationDropdown {
        display: block;
    }

    @media (hover: none), (pointer: coarse) {
        .navbarTopAccountWalletMenu:hover .navbarTopAccountDropdown,
        .navbarTopAccountWalletMenu:focus-within .navbarTopAccountDropdown,
        .navbarTopWalletChrome .navbarTopAccountWalletMenu:hover .navbarTopAccountDropdown,
        .navbarTopWalletChrome .navbarTopAccountWalletMenu:focus-within .navbarTopAccountDropdown,
        .navbarTopAccountNotification:hover .menuNotificationDropdown,
        .navbarTopAccountNotification:focus-within .menuNotificationDropdown,
        .navbarTopWalletChrome .navbarTopAccountNotification:hover .menuNotificationDropdown,
        .navbarTopWalletChrome .navbarTopAccountNotification:focus-within .menuNotificationDropdown {
            display: none;
        }

        .navbarTopAccountWalletMenu.is-open .navbarTopAccountDropdown,
        .navbarTopWalletChrome .navbarTopAccountWalletMenu.is-open .navbarTopAccountDropdown,
        .navbarTopAccountNotification.is-open .menuNotificationDropdown,
        .navbarTopWalletChrome .navbarTopAccountNotification.is-open .menuNotificationDropdown,
        .navbarTopWalletChrome .navbarTopAccountNotification.is-open:focus-within .menuNotificationDropdown {
            display: block;
        }

        .navbarTopAccountWalletMenu:hover .navbarTopAccountTrigger::after,
        .navbarTopAccountWalletMenu:focus-within .navbarTopAccountTrigger::after {
            color: rgba(245, 248, 255, 0.76);
            transform: rotate(180deg);
        }

        .navbarTopWalletChrome .navbarTopAccountWalletMenu:hover .navbarTopAccountTrigger::after,
        .navbarTopWalletChrome .navbarTopAccountWalletMenu:focus-within .navbarTopAccountTrigger::after {
            color: rgba(219, 228, 255, 0.78);
            transform: rotate(0deg);
        }

        .navbarTopAccountWalletMenu.is-open .navbarTopAccountTrigger::after {
            color: #ffffff;
            transform: rotate(0deg);
        }

        .navbarTopWalletChrome .navbarTopAccountWalletMenu.is-open .navbarTopAccountTrigger::after {
            color: #ffffff;
            transform: rotate(180deg);
        }
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationDropdown {
        position: absolute;
        top: calc(100% + 1px);
        right: 50%;
        left: auto;
        width: min(356px, calc(100vw - 44px));
        min-height: 0;
        max-height: calc(100vh - 96px);
        overflow: auto;
        padding: 10px;
        border-radius: 20px;
        z-index: 220;
        transform: translateX(50%);
        background:
            radial-gradient(circle at 12% 12%, rgba(76, 107, 228, 0.16), transparent 28%),
            linear-gradient(180deg, rgba(30, 36, 55, 0.995) 0%, rgba(24, 30, 47, 0.995) 100%);
        border: 1px solid rgba(165, 181, 235, 0.1);
        box-shadow: 0 24px 58px rgba(2, 6, 21, 0.42);
    }

    @media (hover: hover) and (pointer: fine) and (min-width: 768px) {
        .navbarTopWalletChrome .navbarTopAccountWalletMenu::before,
        .navbarTopWalletChrome .navbarTopAccountNotification::before {
            content: none;
            pointer-events: none;
        }

        .navbarTopWalletChrome .navbarTopAccountWallet,
        .navbarTopWalletChrome .navbarTopAccountNotificationTrigger {
            position: relative;
        }

        .navbarTopWalletChrome .navbarTopAccountWallet::before,
        .navbarTopWalletChrome .navbarTopAccountNotificationTrigger::before {
            content: "";
            position: absolute;
            top: 100%;
            left: -14px;
            right: -14px;
            height: 18px;
            background: transparent;
            pointer-events: auto;
        }
    }

    @media (hover: hover) and (pointer: fine) {
        .navbarTopWalletChrome .navbarTopAccountWalletMenu,
        .navbarTopWalletChrome .navbarTopAccountNotification {
            position: static;
        }

        .navbarTopWalletChrome .navbarTopAccountWalletMenu .navbarTopWalletDropdown,
        .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationDropdown {
            right: 0;
            left: auto;
        }

        .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationDropdown {
            width: min(356px, calc(100vw - 28px));
            max-height: calc(100vh - 96px);
            min-height: 360px;
            transform: none;
            resize: none;
        }
    }

    .menuNotificationResizeHandle {
        display: none;
        touch-action: none;
        user-select: none;
    }

    @media (hover: hover) and (pointer: fine) {
        .menuNotificationResizeHandle {
            position: absolute;
            right: 7px;
            bottom: 7px;
            z-index: 4;
            width: 30px;
            height: 30px;
            display: grid;
            place-items: center;
            cursor: ns-resize;
            border: 1px solid rgba(190, 205, 255, 0.2);
            border-radius: 10px 5px 10px 10px;
            background: rgba(92, 111, 174, 0.18);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.05),
                0 5px 14px rgba(3, 8, 26, 0.18);
            color: rgba(231, 237, 255, 0.72);
            opacity: 0.76;
            transition: opacity 0.16s ease, background 0.16s ease, color 0.16s ease, border-color 0.16s ease;
        }

        .menuNotificationResizeHandle::before {
            content: "↕";
            font-family: Arial, sans-serif;
            font-size: 17px;
            font-weight: 700;
            line-height: 1;
            transform: translateY(-1px);
        }

        .menuNotificationResizeHandle::after {
            content: "";
            position: absolute;
            right: 3px;
            bottom: 3px;
            width: 7px;
            height: 7px;
            border-right: 1px solid currentColor;
            border-bottom: 1px solid currentColor;
            border-radius: 0 0 3px 0;
            opacity: 0.48;
        }

        .menuNotificationResizeHandle:hover,
        .navbarTopAccountNotification.is-resizing .menuNotificationResizeHandle {
            border-color: rgba(205, 217, 255, 0.34);
            background: rgba(109, 132, 211, 0.28);
            color: rgba(247, 249, 255, 0.96);
            opacity: 1;
        }
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationSummary {
        position: relative;
        min-height: 0;
        display: grid;
        gap: 10px;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationSummaryTitle {
        justify-content: flex-start;
        padding: 2px 2px 0;
        margin-bottom: 0;
        text-align: left;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationSummaryTitle h6 {
        color: #ffffff;
        font-size: 18px;
        line-height: 1;
        font-weight: 900;
        letter-spacing: 0;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationListState h6,
    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationQuickLinks {
        display: none;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationMeta {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        padding: 0 2px;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationMetaBadge {
        min-height: 24px;
        padding: 0 8px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.065);
        border: 1px solid rgba(255, 255, 255, 0.08);
        color: rgba(221, 229, 249, 0.86);
        font-size: 10px;
        font-weight: 800;
        line-height: 22px;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationListShell {
        min-height: 0;
        padding: 0;
        display: grid;
        align-items: center;
        background: transparent;
        border: 0;
        box-shadow: none;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationListState {
        justify-content: center;
        text-align: center;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationMessageList {
        display: grid;
        gap: 7px;
    }

    .menuNotificationListEntry {
        min-width: 0;
        transition: opacity 0.18s ease, transform 0.18s ease, max-height 0.18s ease, margin 0.18s ease;
    }

    .menuNotificationListEntry.is-notification-hidden {
        display: none;
    }

    .menuNotificationListEntry.is-removing {
        max-height: 0;
        margin: 0;
        opacity: 0;
        overflow: hidden;
        transform: translateX(-24px);
    }

    .menuNotificationSwipeFrame {
        position: relative;
        min-width: 0;
        overflow: hidden;
        border-radius: 15px;
        touch-action: pan-y;
    }

    .menuNotificationSwipeFrame.is-swiping .menuNotificationMessageItem {
        pointer-events: none;
    }

    .menuNotificationDeleteAction {
        position: absolute;
        inset: 0 0 0 auto;
        width: 76px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 0;
        border-radius: 0 15px 15px 0;
        background: linear-gradient(180deg, #ff5252 0%, #d92d3f 100%);
        color: #ffffff;
        font-size: 18px;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.16s ease;
    }

    .menuNotificationSwipeFrame.is-swipe-open .menuNotificationDeleteAction,
    .menuNotificationSwipeFrame.is-deleting .menuNotificationDeleteAction {
        opacity: 1;
        pointer-events: auto;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationMessageItem {
        position: relative;
        display: grid;
        grid-template-columns: 32px minmax(0, 1fr) auto;
        align-items: start;
        gap: 9px;
        min-height: 54px;
        padding: 9px 10px;
        border-radius: 15px;
        background: rgba(118, 130, 162, 0.18);
        border: 1px solid rgba(255, 255, 255, 0.065);
        color: #ffffff;
        text-decoration: none;
        transition: background 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
        z-index: 1;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationMessageItem:hover {
        background: rgba(137, 149, 181, 0.25);
        border-color: rgba(255, 220, 47, 0.16);
        transform: none;
    }

    .menuNotificationMessageIcon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.06);
        color: #dce6ff;
        font-size: 15px;
    }

    .menuNotificationMessageItem.is-admin .menuNotificationMessageIcon {
        color: #ffdc2f;
        background: rgba(255, 220, 47, 0.1);
    }

    .menuNotificationMessageItem.is-message .menuNotificationMessageIcon {
        color: #8fd6ff;
        background: rgba(88, 190, 255, 0.1);
    }

    .menuNotificationMessageItem.is-follow_request .menuNotificationMessageIcon,
    .menuNotificationMessageItem.is-follow .menuNotificationMessageIcon {
        color: #a7ffcd;
        background: rgba(69, 214, 137, 0.1);
    }

    .menuNotificationMessageCopy {
        min-width: 0;
        display: grid;
        gap: 4px;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationMessageItemHeader {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        min-width: 0;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationMessageItemHeader strong {
        overflow: hidden;
        color: rgba(230, 237, 255, 0.74);
        font-size: 10px;
        font-weight: 900;
        line-height: 1;
        text-transform: uppercase;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationMessageItemHeader span {
        flex: 0 0 auto;
        color: rgba(203, 212, 237, 0.56);
        font-size: 10px;
        font-weight: 750;
        line-height: 1;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationMessageItem p {
        overflow: hidden;
        margin: 0;
        color: rgba(245, 248, 255, 0.94);
        font-size: 12.5px;
        font-weight: 800;
        line-height: 1.28;
        text-overflow: ellipsis;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationMessageItem p + p {
        color: rgba(204, 214, 242, 0.72);
        font-size: 11px;
        font-weight: 650;
    }

    .menuNotificationMessageBadge {
        align-self: center;
        min-width: 18px;
        height: 18px;
        padding: 0 5px;
        border-radius: 999px;
        background: #ffcc00;
        color: #1d2542;
        font-size: 10px;
        font-weight: 900;
        line-height: 18px;
        text-align: center;
    }

    .menuNotificationListFooter {
        display: grid;
    }

    .menuNotificationShowAll {
        min-height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 13px;
        background: rgba(255, 255, 255, 0.07);
        color: rgba(238, 244, 255, 0.92);
        font-size: 12px;
        font-weight: 900;
        line-height: 1;
        cursor: pointer;
        transition: background 0.16s ease, border-color 0.16s ease;
    }

    .menuNotificationShowAll:hover,
    .menuNotificationShowAll:focus-visible {
        border-color: rgba(255, 220, 47, 0.22);
        background: rgba(255, 255, 255, 0.1);
        outline: none;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationActionRow {
        margin-top: 2px;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationActionLink {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        color: #ffdc2f;
        font-size: 10.5px;
        font-weight: 900;
        line-height: 1;
        text-decoration: none;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationActionLink i {
        font-size: 9px;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationMessageEmpty {
        padding: 28px 0;
        border: 0;
        background: transparent;
        box-shadow: none;
        color: #c8d3ef;
        font-size: 14px;
        font-weight: 800;
        text-align: center;
    }

    #walletCenterModal .modal-dialog {
        position: relative;
        z-index: 1;
        max-width: min(436px, calc(100vw - 24px));
        margin: 0 auto;
        transform: translate3d(0, 12px, 0) scale(0.992);
        opacity: 0;
        filter: none;
        transition: transform 0.16s ease, opacity 0.16s ease;
        will-change: transform, opacity;
        backface-visibility: hidden;
    }

    #walletCenterModal::before {
        content: "";
        position: fixed;
        inset: 0;
        z-index: 0;
        background: rgba(2, 8, 23, 0.66);
        pointer-events: none;
    }

    #walletCenterModal .modal-dialog.modal-dialog-centered {
        min-height: 100dvh;
        display: flex;
        padding: 16px 0;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 14px;
    }

    #walletCenterModal.show .modal-dialog {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 1;
    }

    #walletCenterModal .modal-content {
        position: relative;
        width: 100%;
        height: min(720px, calc(100dvh - 32px));
        max-height: min(720px, calc(100dvh - 32px));
        display: flex;
        flex-direction: column;
        color: #111827;
        border: 0;
        border-radius: 22px;
        background: linear-gradient(180deg, rgba(249, 251, 254, 0.99) 0%, rgba(239, 244, 251, 0.99) 100%);
        box-shadow: 0 18px 42px rgba(8, 19, 42, 0.18);
        overflow: hidden;
        contain: layout paint;
        backface-visibility: hidden;
    }

    #walletCenterModal .modal-content::before {
        content: none;
    }

    #walletCenterModal .modal-header,
    #walletCenterModal .modal-body {
        background: transparent;
    }

    #walletCenterModal .walletCenterModalHeader {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        flex: 0 0 auto;
        min-height: 0;
        padding: 16px 20px 8px;
        border-bottom: 0;
        background: linear-gradient(180deg, rgba(249, 251, 254, 0.99) 0%, rgba(244, 247, 252, 0.99) 100%);
    }

    .walletCenterHeaderMain {
        min-width: 0;
        display: grid;
        gap: 0;
    }

    .walletCenterHeaderMain span,
    .walletCenterEyebrow {
        color: #72839f;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 0.08em;
        line-height: 1;
        text-transform: uppercase;
    }

    #walletCenterModal .modal-title {
        margin: 0;
        color: #223b67;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: -0.02em;
    }

    .walletCenterHeaderMain small {
        color: #657894;
        font-size: 12px;
        font-weight: 650;
        line-height: 1.3;
    }

    #walletCenterModal .loginModalClose {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        width: 32px;
        height: 32px;
        border: 0;
        border-radius: 10px;
        background: rgba(39, 57, 96, 0.07);
        color: rgba(48, 67, 106, 0.68);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.86) inset;
        cursor: pointer;
        transition: background 0.14s ease, color 0.14s ease, transform 0.14s ease;
    }

    #walletCenterModal .loginModalClose:hover,
    #walletCenterModal .loginModalClose:focus-visible {
        background: rgba(39, 57, 96, 0.13);
        color: #1e376a;
        transform: none;
    }

    #walletCenterModal .walletCenterModalBody {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: minmax(0, 1fr);
        gap: 10px;
        flex: 1 1 auto;
        min-height: 0;
        padding: 14px 20px 8px;
        overflow: hidden;
        overscroll-behavior: contain;
        background: linear-gradient(180deg, rgba(247, 249, 253, 0.99) 0%, rgba(242, 246, 251, 0.99) 100%);
    }

    #walletCenterModal .walletCenterTabs {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        gap: 6px;
        width: 100%;
        max-width: 100%;
        padding: 4px;
        border: 1px solid rgba(128, 147, 184, 0.12);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.72);
    }

    #walletCenterModal .walletCenterTabButton {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 1 1 0;
        min-height: 34px;
        padding: 0 10px;
        border: 0;
        border-radius: 11px;
        background: transparent;
        color: #61728c;
        font-size: 11.5px;
        font-weight: 900;
        line-height: 1;
        white-space: nowrap;
        transition: background 0.14s ease, color 0.14s ease;
    }

    #walletCenterModal .walletCenterTabButton.is-active {
        background: #223b67;
        color: #ffffff;
    }

    #walletCenterModal .walletCenterTabButton:focus-visible {
        outline: 2px solid rgba(37, 99, 235, 0.28);
        outline-offset: 2px;
    }

    #walletCenterModal .walletCenterTabPanel {
        display: grid;
        gap: 14px;
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    #walletCenterModal .walletCenterTabPanel[hidden] {
        display: none !important;
    }

    .walletCenterHeroCard,
    .walletCenterSection,
    .walletCenterPreferenceCard {
        border: 1px solid rgba(128, 147, 184, 0.1);
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.88);
        box-shadow:
            0 12px 28px rgba(28, 42, 73, 0.05),
            inset 0 1px 0 rgba(255, 255, 255, 0.72);
    }

    .walletCenterHeroCard {
        display: grid;
        gap: 12px;
        padding: 12px;
        background:
            radial-gradient(circle at 8% 12%, rgba(34, 59, 103, 0.08), transparent 26%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(247, 250, 255, 0.95) 100%);
    }

    .walletCenterHeroTop {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr);
        align-items: center;
        gap: 10px;
    }

    .walletCenterHeroIcon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border-radius: 13px;
        background: #223b67;
        color: #ffcc00;
        font-size: 18px;
        box-shadow: 0 12px 24px rgba(34, 59, 103, 0.16);
    }

    .walletCenterHeroCopy {
        min-width: 0;
        display: grid;
        gap: 4px;
    }

    .walletCenterHeroCopy strong {
        color: #20375f;
        font-size: 22px;
        font-weight: 900;
        line-height: 1;
        letter-spacing: 0;
    }

    .walletCenterHeroCopy p,
    .walletCenterSectionHeader p,
    .walletCenterPreferenceCard p {
        margin: 0;
        color: #5e708c;
        font-size: 12.5px;
        font-weight: 650;
        line-height: 1.45;
    }

    .walletCenterActiveBadge,
    #walletCenterModal .cryptoWalletAssetBadge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 28px;
        padding: 0 10px;
        border-radius: 999px;
        background: rgba(37, 99, 235, 0.08);
        color: #1f4ea8;
        font-size: 10.5px;
        font-weight: 900;
        letter-spacing: 0.04em;
        line-height: 1;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .walletCenterHeroTop .walletCenterActiveBadge {
        grid-column: 1 / -1;
        justify-self: start;
    }

    #walletCenterModal .activeWalletSummary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 12px 14px;
        border-radius: 15px;
        background: rgba(238, 244, 255, 0.88);
        border: 1px solid rgba(128, 147, 184, 0.08);
    }

    #walletCenterModal .activeWalletSummary span {
        display: block;
        color: #72839f;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 0.08em;
        line-height: 1;
        text-transform: uppercase;
    }

    #walletCenterModal .activeWalletSummary strong {
        display: block;
        margin-top: 5px;
        color: #223b67;
        font-size: 15px;
        font-weight: 900;
        line-height: 1.05;
    }

    #walletCenterModal .activeWalletSummary p {
        margin: 4px 0 0;
        color: #536782;
        font-size: 12px;
        font-weight: 750;
        line-height: 1.2;
    }

    .walletCenterActionRow {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .walletCenterPrimaryAction,
    .walletCenterSecondaryAction {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        min-height: 54px;
        padding: 9px 13px;
        border-radius: 16px;
        border: 1px solid transparent;
        font-size: 13px;
        font-weight: 900;
        line-height: 1;
        text-decoration: none !important;
        white-space: normal;
        transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
    }

    .walletCenterPrimaryAction i,
    .walletCenterSecondaryAction i {
        flex: 0 0 auto;
        width: 28px;
        height: 28px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 11px;
        background: rgba(255, 255, 255, 0.36);
        font-size: 14px;
    }

    .walletCenterActionCopy {
        min-width: 0;
        display: grid;
        gap: 3px;
        text-align: left;
    }

    .walletCenterActionCopy strong,
    .walletCenterActionCopy small {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .walletCenterActionCopy strong {
        font-size: 13px;
        font-weight: 900;
        line-height: 1;
    }

    .walletCenterActionCopy small {
        color: inherit;
        font-size: 10.5px;
        font-weight: 750;
        line-height: 1;
        opacity: 0.72;
    }

    .walletCenterPrimaryAction {
        background: linear-gradient(180deg, #ffe536 0%, #ffcc00 100%);
        color: #172347 !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62);
    }

    .walletCenterSecondaryAction {
        background: rgba(255, 255, 255, 0.82);
        color: #223b67 !important;
        border-color: rgba(128, 147, 184, 0.12);
    }

    .walletCenterPrimaryAction:hover,
    .walletCenterPrimaryAction:focus-visible,
    .walletCenterSecondaryAction:hover,
    .walletCenterSecondaryAction:focus-visible {
        outline: none;
        transform: none;
    }

    .walletCenterSecondaryAction:hover,
    .walletCenterSecondaryAction:focus-visible {
        border-color: rgba(34, 59, 103, 0.2);
        background: #ffffff;
    }

    .walletCenterSection {
        display: grid;
        gap: 10px;
        padding: 12px;
    }

    .walletCenterSectionHeader {
        display: grid;
        align-items: flex-start;
        gap: 10px;
    }

    .walletCenterSectionHeader strong,
    .walletCenterPreferenceCard strong {
        color: #223b67;
        font-size: 14px;
        font-weight: 900;
        line-height: 1.15;
    }

    .walletCenterAddMenu {
        position: relative;
        justify-self: start;
    }

    .walletCenterAddToggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-height: 34px;
        padding: 0 12px;
        border: 1px solid rgba(128, 147, 184, 0.12);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.82);
        color: #223b67;
        font-size: 12px;
        font-weight: 900;
    }

    .walletCenterAddDropdown {
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        z-index: 15;
        width: min(280px, calc(100vw - 48px));
        display: none;
        padding: 8px;
        border-radius: 16px;
        border: 1px solid rgba(128, 147, 184, 0.12);
        background: #ffffff;
        box-shadow: 0 14px 32px rgba(15, 23, 42, 0.12);
    }

    .walletCenterAddMenu.is-open .walletCenterAddDropdown {
        display: grid;
        gap: 7px;
    }

    .walletCenterAddOptionBtn {
        display: grid;
        gap: 4px;
        width: 100%;
        padding: 11px;
        border: 0;
        border-radius: 12px;
        background: rgba(242, 246, 252, 0.9);
        text-align: left;
    }

    .walletCenterAddOptionBtn strong {
        color: #223b67;
        font-size: 12.5px;
        font-weight: 900;
    }

    .walletCenterAddOptionBtn span,
    .walletCenterAddOptionEmpty {
        color: #60738f;
        font-size: 11.5px;
        font-weight: 650;
        line-height: 1.4;
    }

    .walletCenterAddOptionEmpty {
        padding: 8px 4px;
    }

    #walletCenterModal .walletSwitchAlert {
        display: none;
        padding: 10px 12px;
        border-radius: 13px;
        font-size: 12px;
        font-weight: 800;
    }

    #walletCenterModal .walletSwitchAlert.is-visible {
        display: block;
    }

    #walletCenterModal .walletSwitchAlert.is-error {
        background: #fff5f5;
        color: #9f1239;
        border: 1px solid rgba(190, 24, 93, 0.12);
    }

    #walletCenterModal .walletSwitchAlert.is-success {
        background: #f0fdf4;
        color: #166534;
        border: 1px solid rgba(22, 101, 52, 0.12);
    }

    #walletCenterModal .walletSelectorList {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    #walletCenterModal .walletSelectorButton {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 38px;
        padding: 0 12px;
        border-radius: 999px;
        border: 1px solid rgba(128, 147, 184, 0.12);
        background: #ffffff;
        color: #223b67;
        font-size: 12.5px;
        font-weight: 900;
    }

    #walletCenterModal .walletSelectorButton.is-active {
        background: #223b67;
        color: #ffffff;
        border-color: #223b67;
    }

    #walletCenterModal .walletSelectorButton small {
        color: inherit;
        font-size: 10px;
        font-weight: 900;
        opacity: 0.78;
    }

    #walletCenterModal .cryptoWalletList {
        display: grid;
        gap: 10px;
    }

    #walletCenterModal .cryptoWalletRow {
        display: grid;
        grid-template-columns: 1fr;
        align-items: stretch;
        gap: 10px;
        padding: 12px;
        border-radius: 16px;
        border: 1px solid rgba(128, 147, 184, 0.1);
        background: rgba(247, 250, 255, 0.82);
    }

    #walletCenterModal .cryptoWalletIdentity {
        min-width: 0;
        display: grid;
        gap: 5px;
    }

    #walletCenterModal .cryptoWalletIdentityTop {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 7px;
    }

    #walletCenterModal .cryptoWalletIdentityTop strong {
        color: #223b67;
        font-size: 14px;
        font-weight: 900;
        line-height: 1.1;
    }

    #walletCenterModal .cryptoWalletNativeBalance {
        color: #2f4364;
        font-size: 12.5px;
        font-weight: 850;
        line-height: 1.25;
    }

    #walletCenterModal .cryptoWalletHelper,
    #walletCenterModal .cryptoWalletApprox {
        color: #61728c;
        font-size: 11.5px;
        font-weight: 650;
        line-height: 1.35;
    }

    #walletCenterModal .cryptoWalletApprox.is-hidden {
        display: none;
    }

    #walletCenterModal .cryptoWalletActions {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 7px;
    }

    #walletCenterModal .cryptoWalletActionButton {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 34px;
        padding: 0 10px;
        border-radius: 12px;
        border: 1px solid rgba(128, 147, 184, 0.12);
        background: #ffffff;
        color: #223b67;
        font-size: 11.5px;
        font-weight: 900;
    }

    #walletCenterModal .cryptoWalletActionButton:disabled,
    #walletCenterModal .walletSelectorButton:disabled {
        cursor: default;
        opacity: 0.72;
    }

    #walletCenterModal .cryptoWalletEmptyState {
        display: grid;
        justify-items: center;
        gap: 7px;
        padding: 22px 16px;
        border-radius: 16px;
        border: 1px dashed rgba(128, 147, 184, 0.22);
        background: rgba(247, 250, 255, 0.72);
        text-align: center;
    }

    #walletCenterModal .cryptoWalletEmptyIcon {
        width: 38px;
        height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 15px;
        background: rgba(34, 59, 103, 0.08);
        color: #223b67;
        font-size: 17px;
    }

    #walletCenterModal .cryptoWalletEmptyState strong {
        color: #223b67;
        font-size: 14px;
        font-weight: 900;
    }

    #walletCenterModal .cryptoWalletEmptyState span {
        color: #61728c;
        font-size: 12px;
        font-weight: 650;
    }

    #walletCenterModal .walletAccountFamilySection {
        gap: 13px;
    }

    #walletCenterModal .walletAccountFamilyNotice {
        display: flex;
        align-items: flex-start;
        gap: 9px;
        padding: 11px 12px;
        border: 1px solid rgba(34, 59, 103, 0.1);
        border-radius: 15px;
        background: rgba(238, 244, 255, 0.84);
        color: #536782;
        font-size: 12px;
        font-weight: 750;
        line-height: 1.4;
    }

    #walletCenterModal .walletAccountFamilyNotice i {
        flex: 0 0 auto;
        margin-top: 1px;
        color: #223b67;
    }

    #walletCenterModal .walletAccountFamilySummary {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    #walletCenterModal .walletAccountFamilySummary > div,
    #walletCenterModal .walletAccountFamilyCard {
        border: 1px solid rgba(128, 147, 184, 0.1);
        border-radius: 16px;
        background: rgba(247, 250, 255, 0.86);
    }

    #walletCenterModal .walletAccountFamilySummary > div {
        display: grid;
        gap: 5px;
        padding: 12px;
    }

    #walletCenterModal .walletAccountFamilySummary span,
    #walletCenterModal .walletAccountFamilyMeta span,
    #walletCenterModal .walletAccountFamilyTop > div:first-child span {
        color: #72839f;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 0.07em;
        line-height: 1;
        text-transform: uppercase;
    }

    #walletCenterModal .walletAccountFamilySummary strong,
    #walletCenterModal .walletAccountFamilyMeta strong {
        color: #223b67;
        font-size: 13px;
        font-weight: 900;
        line-height: 1.1;
    }

    #walletCenterModal .walletAccountFamilyList {
        display: grid;
        gap: 9px;
    }

    #walletCenterModal .walletAccountFamilyCard {
        display: grid;
        gap: 12px;
        padding: 13px;
    }

    #walletCenterModal .walletAccountFamilyCard.is-current {
        border-color: rgba(255, 204, 0, 0.5);
        background:
            radial-gradient(circle at 96% 12%, rgba(255, 204, 0, 0.16), transparent 24%),
            rgba(255, 252, 239, 0.94);
    }

    #walletCenterModal .walletAccountFamilyTop {
        display: grid;
        align-items: flex-start;
        gap: 10px;
    }

    #walletCenterModal .walletAccountFamilyTop > div:first-child {
        min-width: 0;
        display: grid;
        gap: 5px;
    }

    #walletCenterModal .walletAccountFamilyTop > div:first-child strong {
        overflow: hidden;
        color: #182b4f;
        font-size: 15px;
        font-weight: 900;
        line-height: 1.1;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #walletCenterModal .walletAccountFamilyBadges {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 6px;
        max-width: 100%;
    }

    #walletCenterModal .walletAccountFamilyBadge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 24px;
        padding: 0 8px;
        border-radius: 999px;
        background: rgba(34, 59, 103, 0.08);
        color: #223b67;
        font-size: 10px;
        font-weight: 900;
        line-height: 1;
        white-space: nowrap;
    }

    #walletCenterModal .walletAccountFamilyBadge.is-current {
        background: #223b67;
        color: #ffffff;
    }

    #walletCenterModal .walletAccountFamilyMeta {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    #walletCenterModal .walletAccountFamilyMeta > div {
        display: grid;
        gap: 5px;
        min-width: 0;
    }

    .walletCenterPreferenceCard {
        display: grid;
        align-items: center;
        gap: 10px;
        padding: 12px;
    }

    .walletCenterPreferenceToggle {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #223b67;
        font-size: 12px;
        font-weight: 900;
        white-space: nowrap;
    }

    @media (max-width: 575px) {
        #walletCenterModal .modal-dialog.modal-dialog-centered {
            min-height: 100dvh;
            padding: 10px 0;
        }

        #walletCenterModal .modal-content {
            height: calc(100dvh - 20px);
            max-height: calc(100dvh - 20px);
            border-radius: 20px;
        }

        #walletCenterModal .walletCenterModalHeader {
            padding: 14px 16px 8px;
        }

        #walletCenterModal .walletCenterModalBody {
            padding: 12px 16px 8px;
        }

        #walletCenterModal .walletCenterTabs {
            overflow-x: auto;
            justify-content: flex-start;
            -webkit-overflow-scrolling: touch;
        }

        #walletCenterModal .walletCenterTabButton {
            flex: 0 0 auto;
            min-width: 104px;
        }

        .walletCenterActionRow,
        #walletCenterModal .walletAccountFamilySummary,
        #walletCenterModal .walletAccountFamilyMeta {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 899px) {
        .navbarTopWalletChrome {
            max-width: min(100%, calc(100vw - 152px));
            gap: 3px;
            padding-left: 5px;
        }

        .navbarTopWalletChrome .navbarTopAccountNotification,
        .navbarTopWalletChrome .navbarTopAccountNotificationTrigger,
        .navbarTopAccountWalletSwitchPill {
            width: 34px;
            min-width: 34px;
            height: 34px;
            min-height: 34px;
            flex-basis: 34px;
        }

        .navbarTopWalletChrome .navbarTopAccountWallet {
            min-width: 90px;
            max-width: 120px;
            height: 36px;
            min-height: 36px;
            padding: 0 6px;
        }

        .navbarTopWalletAmountLabel {
            font-size: 11px;
        }

        .navbarTopWalletAmount strong {
            font-size: 15px;
        }

        .navbarTopDepositPill {
            min-width: 78px;
            height: 36px;
            padding: 0 12px;
            font-size: 12px;
        }

        .navbarTopInner:has(.navbarTopWalletChrome) .navbarTopRightOuter {
            overflow: visible;
            transform: none !important;
        }

        .navbarTopWalletDropdown {
            position: fixed;
            top: auto;
            right: max(0px, env(safe-area-inset-right, 0px));
            bottom: var(--gelirse-mobile-app-nav-offset, calc(78px + env(safe-area-inset-bottom, 0px)));
            left: max(0px, env(safe-area-inset-left, 0px));
            width: auto;
            max-height: min(82dvh, calc(100dvh - 96px - env(safe-area-inset-top, 0px)));
            overflow: auto;
            overscroll-behavior: contain;
            -webkit-overflow-scrolling: touch;
            padding: 24px 14px calc(16px + env(safe-area-inset-bottom, 0px));
            border-radius: 26px 26px 0 0;
            z-index: 235;
        }

        .navbarTopWalletDropdown::before {
            content: "";
            position: absolute;
            top: 8px;
            left: 50%;
            width: 42px;
            height: 4px;
            border-radius: 999px;
            background: rgba(219, 228, 255, 0.28);
            transform: translateX(-50%);
        }

        .navbarTopWalletMega {
            grid-template-columns: 1fr;
            gap: 14px;
            min-height: auto;
        }

        .navbarTopWalletMegaProfile,
        .navbarTopWalletMegaActions {
            padding: 0;
        }

        .navbarTopWalletMegaProfile {
            gap: 14px;
            border-right: 0;
        }

        .navbarTopWalletMegaProfile > strong {
            font-size: 18px;
        }

        .navbarTopWalletMegaBalanceCard {
            padding: 16px;
            border-radius: 18px;
        }

        .navbarTopWalletMegaRows dt,
        .navbarTopWalletMegaRows dd {
            font-size: 15px;
        }

        .navbarTopWalletMegaDeposit,
        .navbarTopWalletMegaWithdraw,
        .navbarTopWalletMegaLogout {
            min-height: 48px;
            font-size: 15px;
        }

        .navbarTopWalletMegaActions {
            gap: 8px;
        }

        .navbarTopWalletMegaAction {
            min-height: 54px;
            grid-template-columns: 40px minmax(0, 1fr) auto;
            padding: 9px 12px;
            border-radius: 14px;
        }

        .navbarTopWalletMegaActionIcon {
            width: 36px;
            height: 36px;
            font-size: 19px;
        }

        .navbarTopWalletMegaAction > span:not(.navbarTopWalletMegaActionIcon) {
            font-size: 15px;
        }

        .navbarTopWalletMegaAction small {
            display: none;
        }

        .navbarTopWalletMegaLogout {
            margin-top: 6px;
        }
    }

    @media (max-width: 599px) {
        .navbarTopInner:has(.navbarTopWalletChrome) {
            min-height: 50px;
            flex-direction: column;
            align-items: stretch;
            justify-content: flex-start;
            gap: 0;
            padding-left: 4px !important;
            padding-right: 4px !important;
        }

        body.gelirse-menu-variant-2:has(.homepageTopHeroBand.is-homepage-main) .navbarTopInner:has(.navbarTopWalletChrome) .navbarTopLeftOuter {
            position: static !important;
            inset: auto !important;
            z-index: auto;
        }

        .navbarTopInner:has(.navbarTopWalletChrome) .navbarTopLeftOuter {
            display: none !important;
            order: 2;
            width: 100%;
            height: 0;
            min-height: 0;
            min-width: 0;
            margin: 0;
            padding: 0;
            justify-content: space-between;
            gap: 0;
            overflow: hidden;
        }

        .navbarTopInner:has(.navbarTopWalletChrome) .navbarPromoCodeLink {
            flex: 0 1 auto;
            min-width: 0;
            margin-left: 0;
        }

        .navbarTopInner:has(.navbarTopWalletChrome) .navbarTimedPromotionLink {
            flex: 1 1 auto;
            min-width: 0;
            max-width: 138px;
        }

        .navbarTopInner:has(.navbarTopWalletChrome) .navbarTimedPromotionLinkLabel {
            min-width: 0;
        }

        .navbarTopInner:has(.navbarTopWalletChrome) .navbarTimedPromotionLinkLabel strong {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .navbarTopRightOuter {
            flex: 1 1 auto;
            min-width: 0;
            max-width: calc(100vw - 116px);
            margin-right: 8px;
        }

        .navbarTopInner:has(.navbarTopWalletChrome) .navbarTopRightOuter {
            order: 1;
            width: 100%;
            max-width: none;
            margin-right: 0;
            justify-content: flex-end;
        }

        .navbarTopAccountRail {
            flex: 1 1 auto;
            min-width: 0;
            justify-content: flex-end;
        }

        .navbarTopInner:has(.navbarTopWalletChrome) .navbarTopAccountRail {
            width: 100%;
            justify-content: flex-start;
        }

        body:has(.accountsPage) .navbarTopInner:has(.navbarTopWalletChrome) .navbarTopAccountActions {
            display: none;
        }

        .navbarTopWalletChrome {
            width: 100%;
            max-width: 304px;
            height: 50px;
            min-height: 50px;
            gap: 3px;
            padding: 4px;
            border-radius: 999px;
            background:
                radial-gradient(circle at 13% 24%, rgba(255, 255, 255, 0.13), transparent 28%),
                radial-gradient(circle at 67% 12%, rgba(255, 220, 47, 0.13), transparent 26%),
                linear-gradient(135deg, rgba(48, 42, 111, 0.99) 0%, rgba(30, 39, 92, 0.995) 100%);
            border: 0;
            box-shadow: none;
        }

        .navbarTopInner:has(.navbarTopWalletChrome) .navbarTopWalletChrome {
            flex: 1 1 auto;
            align-self: stretch;
            width: calc(100% + 8px) !important;
            min-width: calc(100% + 8px) !important;
            max-width: calc(100% + 8px) !important;
            margin-left: -4px;
            margin-right: -4px;
        }

        .navbarTopWalletChrome .navbarTopAccountNotification,
        .navbarTopWalletChrome .navbarTopAccountNotificationTrigger,
        .navbarTopAccountWalletSwitchPill {
            width: 40px;
            min-width: 40px;
            height: 40px;
            min-height: 40px;
            flex-basis: 40px;
        }

        .navbarTopWalletChrome .navbarTopAccountNotificationTrigger {
            background: transparent;
            overflow: visible;
        }

        .navbarTopWalletChrome .navbarTopAccountNotificationTrigger i {
            font-size: 20px;
        }

        .navbarTopWalletChrome .navbarTopAccountNotificationTrigger .menuBoxBadge {
            z-index: 2;
        }

        .navbarTopWalletChrome .navbarTopAccountNotificationTrigger::after {
            display: none;
        }

        .navbarTopWalletChrome .navbarTopAccountWalletMenu {
            flex: 1 1 auto;
            min-width: 0;
        }

        .navbarTopWalletChrome .navbarTopAccountWallet {
            flex: 1 1 auto;
            min-width: 0;
            max-width: none;
            height: 40px;
            min-height: 40px;
            justify-content: flex-start;
            gap: 5px;
            padding: 0 7px 0 9px;
            border-radius: 999px;
            background: transparent;
        }

        .navbarTopWalletChrome .navbarTopAccountWallet:active,
        .navbarTopDepositPill:active,
        .navbarTopWalletChrome .navbarTopAccountNotificationTrigger:active {
            transform: scale(0.985);
        }

        .navbarTopWalletAmount {
            gap: 2px;
        }

        .navbarTopWalletAmountLabel {
            color: rgba(215, 224, 255, 0.9);
            font-size: 10px;
            font-weight: 900;
            text-transform: uppercase;
        }

        .navbarTopWalletAmount strong {
            max-width: clamp(72px, 24vw, 104px);
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: clamp(14px, 4.1vw, 16px);
        }

        .navbarTopWalletChrome .navbarTopAccountTrigger::after {
            margin-left: auto;
            color: rgba(219, 228, 255, 0.78);
        }

        .navbarTopAccountWalletMenu:hover .navbarTopAccountDropdown,
        .navbarTopAccountWalletMenu:focus-within .navbarTopAccountDropdown,
        .navbarTopWalletChrome .navbarTopAccountWalletMenu:hover .navbarTopAccountDropdown,
        .navbarTopWalletChrome .navbarTopAccountWalletMenu:focus-within .navbarTopAccountDropdown,
        .navbarTopAccountNotification:hover .menuNotificationDropdown,
        .navbarTopAccountNotification:focus-within .menuNotificationDropdown,
        .navbarTopWalletChrome .navbarTopAccountNotification:hover .menuNotificationDropdown,
        .navbarTopWalletChrome .navbarTopAccountNotification:focus-within .menuNotificationDropdown {
            display: none;
        }

        .navbarTopAccountWalletMenu.is-open .navbarTopAccountDropdown,
        .navbarTopAccountWalletMenu.is-open:focus-within .navbarTopAccountDropdown,
        .navbarTopWalletChrome .navbarTopAccountWalletMenu.is-open .navbarTopAccountDropdown,
        .navbarTopWalletChrome .navbarTopAccountWalletMenu.is-open:focus-within .navbarTopAccountDropdown,
        .navbarTopAccountNotification.is-open .menuNotificationDropdown,
        .navbarTopAccountNotification.is-open:focus-within .menuNotificationDropdown,
        .navbarTopWalletChrome .navbarTopAccountNotification.is-open .menuNotificationDropdown,
        .navbarTopWalletChrome .navbarTopAccountNotification.is-open:focus-within .menuNotificationDropdown {
            display: block;
        }

        .navbarTopAccountWalletMenu:hover .navbarTopAccountTrigger::after,
        .navbarTopAccountWalletMenu:focus-within .navbarTopAccountTrigger::after,
        .navbarTopWalletChrome .navbarTopAccountWalletMenu:hover .navbarTopAccountTrigger::after,
        .navbarTopWalletChrome .navbarTopAccountWalletMenu:focus-within .navbarTopAccountTrigger::after {
            color: rgba(219, 228, 255, 0.78);
            transform: rotate(0deg);
        }

        .navbarTopAccountWalletMenu.is-open .navbarTopAccountTrigger::after,
        .navbarTopWalletChrome .navbarTopAccountWalletMenu.is-open .navbarTopAccountTrigger::after {
            color: #ffffff;
            transform: rotate(180deg);
        }

        .navbarTopDepositPill {
            flex: 0 0 auto;
            min-width: 82px;
            height: 40px;
            padding: 0 12px;
            border-radius: 999px;
            font-size: 12px;
            box-shadow:
                0 10px 22px rgba(255, 204, 0, 0.28),
                inset 0 1px 0 rgba(255, 255, 255, 0.66);
        }

        .navbarTopWalletDropdown {
            position: fixed;
            top: auto;
            right: max(0px, env(safe-area-inset-right, 0px));
            bottom: var(--gelirse-mobile-app-nav-offset, calc(78px + env(safe-area-inset-bottom, 0px)));
            left: max(0px, env(safe-area-inset-left, 0px));
            width: auto;
            max-height: min(82dvh, calc(100dvh - 96px - env(safe-area-inset-top, 0px)));
            overflow: auto;
            overscroll-behavior: contain;
            -webkit-overflow-scrolling: touch;
            padding: 24px 14px calc(16px + env(safe-area-inset-bottom, 0px));
            border-radius: 26px 26px 0 0;
            z-index: 235;
        }

        .navbarTopWalletDropdown::before,
        .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationDropdown::before {
            content: "";
            position: absolute;
            top: 8px;
            left: 50%;
            width: 42px;
            height: 4px;
            border-radius: 999px;
            background: rgba(219, 228, 255, 0.28);
            transform: translateX(-50%);
        }

        .navbarTopWalletMega {
            grid-template-columns: 1fr;
            gap: 14px;
            min-height: auto;
        }

        .navbarTopWalletMegaProfile,
        .navbarTopWalletMegaActions {
            padding: 0;
        }

        .navbarTopWalletMegaProfile {
            gap: 14px;
            border-right: 0;
        }

        .navbarTopWalletMegaProfile > strong {
            font-size: 18px;
        }

        .navbarTopWalletMegaBalanceCard {
            padding: 16px;
            border-radius: 18px;
        }

        .navbarTopWalletMegaRows dt,
        .navbarTopWalletMegaRows dd {
            font-size: 15px;
        }

        .navbarTopWalletMegaDeposit,
        .navbarTopWalletMegaWithdraw,
        .navbarTopWalletMegaLogout {
            min-height: 48px;
            font-size: 15px;
        }

        .navbarTopWalletMegaActions {
            gap: 8px;
        }

        .navbarTopWalletMegaAction {
            min-height: 54px;
            grid-template-columns: 40px minmax(0, 1fr) auto;
            padding: 9px 12px;
            border-radius: 14px;
        }

        .navbarTopWalletMegaActionIcon {
            width: 36px;
            height: 36px;
            font-size: 19px;
        }

        .navbarTopWalletMegaAction > span:not(.navbarTopWalletMegaActionIcon) {
            font-size: 15px;
        }

        .navbarTopWalletMegaAction small {
            display: none;
        }

        .navbarTopWalletMegaLogout {
            margin-top: 6px;
        }

        .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationDropdown {
            position: fixed;
            top: auto;
            right: max(0px, env(safe-area-inset-right, 0px));
            bottom: 0;
            left: max(0px, env(safe-area-inset-left, 0px));
            width: auto;
            min-height: min(620px, 78dvh);
            max-height: min(92dvh, calc(100dvh - 44px - env(safe-area-inset-top, 0px)));
            overflow: auto;
            overscroll-behavior: contain;
            -webkit-overflow-scrolling: touch;
            padding: 24px 14px calc(16px + env(safe-area-inset-bottom, 0px));
            border-radius: 26px 26px 0 0;
            z-index: 1040;
            transform: none;
        }

        .navbarTopWalletChrome .navbarTopAccountNotification.is-open {
            position: relative;
            z-index: 1040;
        }

        .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationResizeHandle {
            position: absolute;
            top: 8px;
            right: auto;
            bottom: auto;
            left: 50%;
            z-index: 5;
            width: 72px;
            height: 24px;
            display: block;
            border: 0;
            border-radius: 999px;
            background:
                linear-gradient(180deg, transparent 0 38%, rgba(219, 228, 255, 0.28) 39% 54%, transparent 55%);
            cursor: ns-resize;
            opacity: 0.52;
            transform: translateX(-50%);
        }

        .navbarTopWalletChrome .navbarTopAccountNotificationTrigger:hover::after,
        .navbarTopWalletChrome .navbarTopAccountNotificationTrigger:focus-visible::after {
            opacity: 0;
            transform: translate3d(-50%, -3px, 0);
        }

        .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationSummary {
            min-height: 0;
            gap: 12px;
        }

        .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationSummaryTitle {
            position: sticky;
            top: -24px;
            z-index: 2;
            padding: 8px 2px 2px;
            background: linear-gradient(180deg, rgba(31, 38, 55, 0.995) 0%, rgba(31, 38, 55, 0.86) 100%);
            backdrop-filter: blur(10px);
        }

        .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationSummaryTitle h6 {
            font-size: 20px;
        }

        .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationMessageItem {
            min-height: 62px;
            padding: 11px;
            border-radius: 17px;
        }

        #walletCenterModal {
            padding: 0 !important;
        }

        #walletCenterModal .modal-dialog,
        #walletCenterModal .modal-dialog.modal-dialog-centered {
            width: 100vw !important;
            max-width: 100vw !important;
            min-height: 100dvh !important;
            height: 100dvh !important;
            margin: 0 !important;
            padding: 24px 0 0 !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: flex-end !important;
            align-items: stretch !important;
            box-sizing: border-box;
            gap: 0 !important;
            transform: none;
            opacity: 1;
        }

        #walletCenterModal .modal-content {
            position: relative;
            height: calc(100dvh - 24px) !important;
            min-height: calc(100dvh - 24px) !important;
            max-height: calc(100dvh - 24px) !important;
            border-radius: 24px 24px 0 0 !important;
            border-bottom: 0;
            margin-top: auto;
            margin-bottom: 0 !important;
        }

        #walletCenterModal .modal-content::after {
            content: none;
        }

        #walletCenterModal .walletCenterModalHeader {
            position: sticky;
            top: 0;
            z-index: 4;
            padding: 16px 20px 8px;
        }

        #walletCenterModal .walletCenterModalBody {
            flex: 1 1 auto;
            padding: 14px 20px calc(18px + env(safe-area-inset-bottom, 0px));
            overflow: hidden;
        }

        #walletCenterModal .walletCenterTabs {
            width: 100%;
        }

        #walletCenterModal .walletCenterTabButton {
            flex: 1 1 0;
            min-width: 0;
            padding: 0 9px;
        }

        .walletCenterHeroTop {
            grid-template-columns: 38px minmax(0, 1fr);
        }

        .walletCenterHeroIcon {
            width: 38px;
            height: 38px;
            border-radius: 14px;
        }

        .walletCenterActiveBadge {
            grid-column: 1 / -1;
            justify-self: start;
        }

        .walletCenterHeroCopy strong {
            font-size: 23px;
        }

        #walletCenterModal .activeWalletSummary,
        .walletCenterSectionHeader,
        .walletCenterPreferenceCard {
            display: grid;
            grid-template-columns: 1fr;
            justify-items: stretch;
        }

        .walletCenterActionRow {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .walletCenterPrimaryAction,
        .walletCenterSecondaryAction {
            min-height: 52px;
            padding: 8px 10px;
        }

        .walletCenterActionCopy small {
            display: none;
        }

        .walletCenterActionRow .walletCenterSecondaryAction:nth-child(3) {
            grid-column: 1 / -1;
        }

        .walletCenterAddMenu,
        .walletCenterAddToggle {
            width: 100%;
        }

        .walletCenterAddDropdown {
            position: static;
            width: 100%;
            margin-top: 8px;
            box-shadow: none;
        }

        #walletCenterModal .walletSelectorList {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        #walletCenterModal .walletSelectorButton {
            justify-content: space-between;
            min-height: 44px;
        }

        #walletCenterModal .cryptoWalletRow {
            grid-template-columns: 1fr;
            align-items: stretch;
        }

        #walletCenterModal .cryptoWalletActions {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            justify-content: stretch;
        }

        #walletCenterModal .cryptoWalletActionButton {
            min-height: 38px;
        }

        #walletCenterModal .walletAccountFamilySummary,
        #walletCenterModal .walletAccountFamilyMeta {
            grid-template-columns: 1fr;
        }

        #walletCenterModal .walletAccountFamilyTop {
            display: grid;
            grid-template-columns: 1fr;
        }

        #walletCenterModal .walletAccountFamilyBadges {
            justify-content: flex-start;
            max-width: none;
        }
    }

    .externalGamesPromoOnlyToastActions {
        display: flex;
        justify-content: center;
        margin-top: 12px;
    }

    .externalGamesPromoOnlyToastCta {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 34px;
        padding: 0 14px;
        border-radius: 999px;
        background: rgba(255, 207, 13, 0.16);
        color: #fff7c7;
        font-weight: 700;
        text-decoration: none;
    }

    .externalGamesPromoOnlyToastCta:hover,
    .externalGamesPromoOnlyToastCta:focus-visible {
        color: #ffffff;
        text-decoration: none;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification.is-open .menuNotificationDropdown,
    .navbarTopWalletChrome .navbarTopAccountNotification.is-open:focus-within .menuNotificationDropdown {
        display: flex;
        flex-direction: column;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationSummary {
        flex: 1 1 auto;
        min-height: 0;
        display: grid;
        grid-template-rows: auto auto minmax(0, 1fr);
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationListShell,
    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationListTarget {
        min-height: 0;
        height: 100%;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationListShell {
        align-items: stretch;
        grid-template-rows: minmax(0, 1fr);
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationListState {
        display: none;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationMessageList {
        box-sizing: border-box;
        align-content: start;
        min-height: 0;
        height: 100%;
        max-height: none;
        overflow: auto;
        padding-bottom: 28px;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationLoadingState {
        min-height: 100%;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .navbarTopWalletChrome .navbarTopAccountNotification .menuNotificationMessageList:has(> .menuNotificationLoadingState) {
        align-content: stretch;
        padding-bottom: 0;
    }

    @media (max-width: 374px) {
        .navbarGuestAuthActions {
            gap: 4px;
        }

        .navbarGuestAuthButton {
            min-width: 66px;
            height: 30px;
            padding: 0 7px;
            border-radius: 9px;
            font-size: 9.5px;
        }

        .navbarGuestAuthButtonRegister {
            min-width: 74px;
        }

        .navbarTopRightOuter {
            max-width: calc(100vw - 96px);
            margin-right: 6px;
        }

        .navbarTopWalletChrome {
            height: 48px;
            min-height: 48px;
            gap: 2px;
            padding-inline: 3px;
        }

        .navbarTopWalletChrome .navbarTopAccountNotification,
        .navbarTopWalletChrome .navbarTopAccountNotificationTrigger,
        .navbarTopAccountWalletSwitchPill {
            width: 38px;
            min-width: 38px;
            height: 38px;
            min-height: 38px;
            flex-basis: 38px;
        }

        .navbarTopWalletChrome .navbarTopAccountWallet {
            height: 38px;
            min-height: 38px;
            gap: 4px;
            padding-inline: 7px 5px;
        }

        .navbarTopWalletAmountLabel {
            display: none;
        }

        .navbarTopWalletAmount strong {
            max-width: 66px;
            font-size: 14px;
        }

        .navbarTopDepositPill {
            min-width: 74px;
            height: 38px;
            padding: 0 9px;
            font-size: 11px;
        }
    }

/* Public modal close controls share one stable visual and interaction contract. */
.cmsModalClose {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background-color: #eef1f7 !important;
    color: #53627c !important;
    font-size: 15px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transform: none !important;
    appearance: none;
    transition: background-color 140ms ease, color 140ms ease, box-shadow 140ms ease !important;
}

.cmsModalClose > i,
.cmsModalClose > span {
    color: inherit !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

.cmsModalClose:hover,
.cmsModalClose:focus-visible {
    background-color: #e4e9f2 !important;
    color: #223b67 !important;
    transform: none !important;
}

.cmsModalClose:focus-visible {
    outline: 2px solid rgba(49, 81, 166, 0.45) !important;
    outline-offset: 2px;
}