.login-modal.is-hidden,
#login-modal[hidden],
.register-modal.is-hidden,
#register-modal[hidden],
.otp-modal.is-hidden,
#otp-modal[hidden],
.country-modal.is-hidden,
#country-modal[hidden] {
    display: none !important;
}

.login-modal,
.register-modal,
.otp-modal,
.country-modal {
    contain: none;
    position: fixed;
    inset: 0;
    z-index: calc(var(--z-index-modal-layout, 1000) + 20);
}

.otp-modal {
    z-index: calc(var(--z-index-modal-layout, 1000) + 30);
}

.country-modal {
    z-index: calc(var(--z-index-modal-layout, 1000) + 40);
}

.login-modal .desktop-modal_holder-CaHFb,
.register-modal .desktop-modal_holder-CaHFb,
.country-modal .desktop-modal_holder-CaHFb {
    z-index: 2;
}

.login-modal .modal-header_buttons-QaBAw,
.register-modal .modal-header_buttons-QaBAw,
.country-modal .modal-header_buttons-QaBAw {
    pointer-events: auto;
}

/* Country modal: header stays put; only the country list scrolls.
   Avoids 1win sticky overlay header swap (inert + floating title). */
#country-modal .desktop-modal_card-CaHFb.desktop-modal_scrollable-CaHFb {
    overflow: hidden;
}

#country-modal .modal-header_root-QaBAw {
    display: block;
    position: relative;
    flex: none;
    background: var(--modal-color-bg, #fff);
    z-index: 2;
}

#country-modal .modal-header_overlayHeaderHolder-QaBAw {
    display: none !important;
}

#country-modal .modal-header_buttonsHolder-QaBAw {
    position: absolute;
    inset: 0 0 auto;
    height: 0;
    z-index: 3;
}

#country-modal .desktop-modal_card-CaHFb > .country-select-modal_content-NvUtn {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

#country-modal .country-select-modal_list-NvUtn {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.flag_img-vPcYJ {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.phone-input_buttonContent-n13qz .icon-box_root-ejR1s,
#country-modal .icon-box_root-ejR1s {
    overflow: hidden;
    border-radius: 50%;
    flex: none;
}

.phone-input_buttonContent-n13qz {
    align-items: center;
}

.phone-input_buttonContent-n13qz .icon-box_root-ejR1s {
    width: 16px;
    height: 16px;
    padding: 0;
}

#country-modal .icon-box_root-ejR1s {
    width: 24px;
    height: 24px;
    padding: 0;
}

.phone-mask_root.control_root-5SZBQ {
    display: flex;
    align-items: center;
    gap: 8px;
}

.phone-mask_dial {
    color: var(--color-content-base-secondary);
    flex: none;
    font: inherit;
    line-height: 1.2;
}

.phone-mask_field {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 20px;
}

.phone-mask_field .mask-input_input-GDetI,
.phone-mask_field input {
    position: absolute;
    inset: 0;
    width: 100%;
}

.phone-mask_field .control_placeholder-5SZBQ {
    position: absolute;
    inset: 0;
    opacity: 1;
}

.phone-mask_field input:focus ~ .control_placeholder-5SZBQ,
.phone-mask_field input:active ~ .control_placeholder-5SZBQ {
    opacity: 1;
}

.phone-mask_hasValue .phone-mask_field .control_placeholder-5SZBQ,
.phone-mask_field .control_placeholder-5SZBQ[hidden] {
    display: none;
}

.login-modal .checkbox_input-qop45,
.register-modal .checkbox_input-qop45 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}

.base-field_root-ttxw4.is-invalid .field-wrapper_control-xSBJ6,
.base-field_root-ttxw4.is-invalid .base-field_content-ttxw4 {
    box-shadow: inset 0 0 0 1px var(--color-solid-sentiment-negative-default, #e5484d);
    border-radius: var(--input-rounding, 12px);
}

.login-modal button[disabled],
.register-modal button[disabled] {
    opacity: var(--opacity-item-disabled, 0.48);
    pointer-events: none;
}

.phone-input_buttonContent-n13qz .icon-base_root-F1flk {
    width: 16px;
    height: 16px;
    padding: 0;
    flex: none;
}

.currency-dropdown_wrap {
    position: relative;
    width: 100%;
}

.currency-dropdown_wrap .currency-dropdown_button-6mL7o {
    width: 100%;
    margin-bottom: 0 !important;
}

.currency-dropdown_button-6mL7o .icon-box_root-ejR1s {
    width: 24px;
    height: 24px;
    overflow: hidden;
    border-radius: 50%;
    flex: none;
}

.currency-dropdown_button-6mL7o .icon-box_root-ejR1s img,
.currency-dropdown_flag-6mL7o {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.currency-dropdown_menu {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    z-index: 40;
    margin: 0;
    padding: var(--spacing-4, 4px);
    border-radius: var(--list-rounding, 12px);
    border: 1px solid var(--color-border-base-alfa-divider, rgba(17, 24, 39, 0.08));
    background: var(--modal-color-bg, var(--color-background-base-elevated, #fff));
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14);
    max-height: 280px;
    overflow: auto;
    color: var(--color-content-base-primary, #111827);
}

.currency-dropdown_menu[hidden] {
    display: none !important;
}

.currency-dropdown_menu .list-item_root-2fgOf {
    width: 100%;
    border: 0;
    text-align: left;
    font: inherit;
    color: inherit;
    justify-content: space-between;
}

.currency-dropdown_menu .list-item_sideContent-2fgOf {
    color: var(--color-content-base-tertiary, #9ca3af);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.currency-dropdown_menu .list-item_root-2fgOf[aria-selected="true"] {
    background-color: var(--list-item-color-bg-hover, var(--input-color-bg-hover, rgba(17, 24, 39, 0.05)));
}

.currency-dropdown_wrap.is-open .currency-dropdown_icon-6mL7o {
    transform: rotate(180deg);
}

.currency-dropdown_icon-6mL7o {
    transition: transform 0.18s ease;
}

[data-birthday-field].is-invalid .control_root-5SZBQ,
[data-birthday-field].is-invalid .base-field_content-ttxw4 {
    box-shadow: inset 0 0 0 1px rgba(255, 90, 90, 0.7);
}

[data-birthday-field].is-invalid .base-field_label-ttxw4 {
    color: #ff8a8a;
}

[data-login-phone-field].is-hidden,
[data-login-email-field].is-hidden,
[data-login-phone-field][hidden],
[data-login-email-field][hidden] {
    display: none !important;
}

@media (max-width: 1023.98px) {
    .login-modal .desktop-modal_root-CaHFb,
    .register-modal .desktop-modal_root-CaHFb,
    .country-modal .desktop-modal_root-CaHFb {
        align-items: stretch;
        justify-content: flex-end;
        flex-direction: column;
    }

    .login-modal .desktop-modal_holder-CaHFb,
    .register-modal .desktop-modal_holder-CaHFb,
    .country-modal .desktop-modal_holder-CaHFb {
        position: relative;
        inset: auto;
        width: 100%;
        max-width: 100%;
        max-height: calc(100% - max(env(safe-area-inset-top, 0px), var(--modal-margin-mobile)));
        transform: none;
        overflow: hidden;
    }

    .login-modal,
    .register-modal,
    .country-modal {
        --font-body-regular-font-size: 16px;
        --font-body-semibold-font-size: 16px;
        --font-body-regular-line-height: 22px;
    }

    .login-modal input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    .register-modal input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    .country-modal input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    .login-modal textarea,
    .register-modal textarea,
    .login-modal select,
    .register-modal select,
    .login-modal .control_root-5SZBQ,
    .register-modal .control_root-5SZBQ,
    .country-modal .control_root-5SZBQ {
        font-size: 16px !important;
        line-height: 22px;
    }

    .login-modal .desktop-modal_card-CaHFb,
    .register-modal .desktop-modal_card-CaHFb,
    .country-modal .desktop-modal_card-CaHFb,
    .login-modal .desktop-modal_card-CaHFb.desktop-modal_size-small-CaHFb,
    .register-modal .desktop-modal_card-CaHFb.desktop-modal_size-small-CaHFb,
    .country-modal .desktop-modal_card-CaHFb.desktop-modal_size-small-CaHFb,
    .login-modal .desktop-modal_card-CaHFb.desktop-modal_size-large-CaHFb,
    .register-modal .desktop-modal_card-CaHFb.desktop-modal_size-large-CaHFb,
    .country-modal .desktop-modal_card-CaHFb.desktop-modal_size-large-CaHFb {
        width: 100%;
        max-width: 100%;
        min-height: 0;
        max-height: 100%;
        border-radius: var(--modal-rounding) var(--modal-rounding) 0 0;
        padding-bottom: env(safe-area-inset-bottom, 0px);
        box-sizing: border-box;
    }

    .login-modal .desktop-modal_card-CaHFb.desktop-modal_detent-auto-CaHFb,
    .register-modal .desktop-modal_card-CaHFb.desktop-modal_detent-auto-CaHFb {
        height: auto;
    }

    .country-modal .desktop-modal_holder-CaHFb {
        height: calc(100% - max(env(safe-area-inset-top, 0px), var(--modal-margin-mobile)));
    }

    .country-modal .desktop-modal_card-CaHFb.desktop-modal_detent-expanded-CaHFb {
        height: 100%;
    }

    .login-modal .modal-header_root-QaBAw,
    .register-modal .modal-header_root-QaBAw {
        display: block;
        position: relative;
        flex: none;
        background: var(--modal-color-bg, #fff);
        z-index: 2;
    }

    .login-modal .modal-header_overlayHeaderHolder-QaBAw,
    .register-modal .modal-header_overlayHeaderHolder-QaBAw {
        display: none !important;
    }

    .login-modal .modal-header_buttonsHolder-QaBAw,
    .register-modal .modal-header_buttonsHolder-QaBAw {
        position: absolute;
        inset: 0 0 auto;
        height: 0;
        z-index: 3;
    }

    .login-modal .auth_content-4i6g6,
    .register-modal .auth_content-4i6g6 {
        min-width: 0;
        max-width: 100%;
        overflow-x: hidden;
    }
}

.badge-deprecated_root-HzNE8 {
    border-radius: var(--rounding-component-badge);
    -webkit-user-select: none;
    user-select: none;
    min-width: 0;
    font-family: var(--font-caption-font-family);
    font-size: var(--font-caption-s-semibold-font-size);
    font-weight: var(--font-caption-s-semibold-font-weight);
    letter-spacing: var(--font-caption-s-semibold-letter-spacing);
    line-height: var(--font-caption-s-semibold-line-height);
    align-items: center;
    display: inline-flex
}

.badge-deprecated_text-HzNE8 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.badge-deprecated_icon-HzNE8 {
    color: var(--badge-notification-color-fg);
    margin-inline-end: var(--spacing-4)
}

.badge-deprecated_size-s-HzNE8 {
    padding: var(--spacing-2) var(--spacing-8)
}

.badge-deprecated_size-s-HzNE8.badge-deprecated_withIcon-HzNE8 {
    padding-inline-start: var(--spacing-2)
}

.badge-deprecated_size-m-HzNE8 {
    padding: var(--spacing-4) var(--spacing-8)
}

.badge-deprecated_size-m-HzNE8.badge-deprecated_withIcon-HzNE8 {
    padding-inline-start: var(--spacing-4)
}

.badge-deprecated_variant-default-HzNE8 {
    background-color: var(--badge-default-color-bg);
    color: var(--color-content-base-primary)
}

.badge-deprecated_variant-default-HzNE8.badge-deprecated_icon-HzNE8 {
    color: var(--color-content-base-primary)
}

.badge-deprecated_variant-accent-HzNE8 {
    background-color: var(--color-solid-sentiment-informative-default);
    color: var(--badge-accent-color-fg)
}

.badge-deprecated_variant-accent-HzNE8.badge-deprecated_icon-HzNE8 {
    color: var(--badge-accent-color-fg)
}

.badge-deprecated_variant-staticPrimary-HzNE8 {
    background-color: var(--color-background-base-static-white);
    color: var(--color-content-base-static-black)
}

.badge-deprecated_variant-staticPrimary-HzNE8 .badge-deprecated_icon-HzNE8 {
    color: var(--color-solid-sentiment-positive-default)
}

.badge-deprecated_variant-staticSecondary-HzNE8 {
    background-color: var(--color-background-base-alfa-static-white-20);
    color: var(--badge-notification-color-fg)
}

.badge-deprecated_variant-notification-HzNE8 {
    background-color: var(--badge-notification-color-bg);
    color: var(--badge-notification-color-fg)
}

.badge-deprecated_variant-positive-HzNE8 {
    background-color: var(--color-solid-sentiment-positive-default);
    color: var(--badge-notification-color-fg)
}

.tab_iconBox-1fXsP {
    flex-shrink: 0
}

.tab_maskedIcon-1fXsP {
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.tab_fadeEnterActive-1fXsP,
.tab_fadeLeaveActive-1fXsP {
    transition-duration: var(--sidebar-animation-duration);
    transition-property: opacity;
    transition-timing-function: var(--sidebar-animation-bezier-ease)
}

.tab_fadeEnterFrom-1fXsP,
.tab_fadeLeaveTo-1fXsP {
    opacity: 0
}

.tab_title-1fXsP {
    transition-duration: var(--sidebar-animation-duration);
    transition-property: max-width, opacity;
    transition-timing-function: var(--sidebar-animation-bezier-ease);
    overflow: hidden
}

.tab_root-1fXsP:focus-visible {
    outline: none
}

@supports not (width:1lh) {
    .tab_root-1fXsP:focus-visible {
        box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
    }
}

@supports (width:1lh) {
    .tab_root-1fXsP:focus-visible {
        outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
        outline-offset: var(--spacing-2)
    }
}

@supports not selector(:focus-visible) {
    .tab_root-1fXsP:focus {
        outline: none
    }

    @supports not (width:1lh) {
        .tab_root-1fXsP:focus {
            box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
        }
    }

    @supports (width:1lh) {
        .tab_root-1fXsP:focus {
            outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
            outline-offset: var(--spacing-2)
        }
    }
}

.tab_root-1fXsP {
    font-family: var(--font-body-font-family);
    font-size: var(--font-body-semibold-font-size);
    font-weight: var(--font-body-semibold-font-weight);
    letter-spacing: var(--font-body-semibold-letter-spacing);
    line-height: var(--font-body-semibold-line-height);
    border-radius: var(--tab-rounding-square-tab);
    background: var(--tab-color-bg-default);
    color: var(--tab-color-fg-default);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-8);
    padding-block: var(--tab-base-spacing-top) var(--tab-base-spacing-bottom);
    padding-inline: var(--tab-base-spacing-left) var(--tab-base-spacing-right);
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    will-change: transform;
    display: flex
}

.tab_root-1fXsP:after {
    border-style: solid;
    border-width: 1px;
    border-color: var(--tab-color-bg-border);
    border-radius: inherit;
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0
}

@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
    .tab_root-1fXsP:after {
        background: var(--tab-color-bg-border-grad, var(--tab-color-bg-border));
        -webkit-mask-composite: xor;
        border: none;
        padding: 1px;
        -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        -webkit-mask-position: 0 0, 0 0;
        mask-position: 0 0, 0 0;
        -webkit-mask-size: auto, auto;
        mask-size: auto, auto;
        -webkit-mask-repeat: repeat, repeat;
        mask-repeat: repeat, repeat;
        -webkit-mask-clip: content-box, border-box;
        mask-clip: content-box, border-box;
        -webkit-mask-origin: content-box, border-box;
        mask-origin: content-box, border-box;
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        -webkit-mask-source-type: auto, auto;
        mask-mode: match-source, match-source
    }
}

.tab_root-1fXsP.tab_color-accent-1fXsP {
    color: var(--tab-color-fg-accent-default)
}

.tab_root-1fXsP.tab_color-accent-1fXsP .tab_maskedIcon-1fXsP {
    background-color: var(--tab-color-icon-accent-default)
}

.tab_root-1fXsP.tab_color-neutral-1fXsP {
    color: var(--tab-base-color-fg-neutral-default)
}

.tab_root-1fXsP.tab_color-neutral-1fXsP .tab_maskedIcon-1fXsP {
    background-color: var(--tab-color-icon-neutral-default)
}

.tab_root-1fXsP:not(.tab_disabled-1fXsP) {
    cursor: pointer
}

.tab_root-1fXsP:not(.tab_disabled-1fXsP):active {
    opacity: var(--opacity-item-active)
}

.tab_root-1fXsP:not(.tab_disabled-1fXsP):hover,
.tab_root-1fXsP:not(.tab_disabled-1fXsP):active {
    background: var(--tab-color-bg-hover)
}

.tab_root-1fXsP.tab_selected-1fXsP.tab_color-accent-1fXsP:not(.tab_disabled-1fXsP) {
    background: var(--tab-color-bg-selected-grad, var(--tab-color-bg-selected));
    color: var(--tab-color-fg-accent-selected)
}

.tab_root-1fXsP.tab_selected-1fXsP.tab_color-accent-1fXsP:not(.tab_disabled-1fXsP) .tab_maskedIcon-1fXsP {
    background-color: var(--tab-color-icon-accent-selected)
}

.tab_root-1fXsP.tab_selected-1fXsP.tab_color-neutral-1fXsP:not(.tab_disabled-1fXsP) {
    background: var(--tab-color-bg-hover);
    color: var(--tab-base-color-fg-neutral-selected)
}

.tab_root-1fXsP.tab_selected-1fXsP.tab_color-neutral-1fXsP:not(.tab_disabled-1fXsP) .tab_maskedIcon-1fXsP {
    background-color: var(--tab-color-icon-neutral-selected)
}

.tab_root-1fXsP.tab_selected-1fXsP:not(.tab_disabled-1fXsP):after {
    border: 1px solid var(--tab-color-stroke-selected)
}

@supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
    .tab_root-1fXsP.tab_selected-1fXsP:not(.tab_disabled-1fXsP):after {
        background: var(--tab-color-stroke-selected-grad, var(--tab-color-stroke-selected));
        border: none
    }
}

.tab_root-1fXsP.tab_size-l-1fXsP {
    height: var(--size-control-l)
}

.tab_root-1fXsP.tab_size-m-1fXsP {
    height: var(--size-control-m)
}

.tab_root-1fXsP.tab_rounded-1fXsP {
    border-radius: var(--rounding-max)
}

.tab_root-1fXsP.tab_ghost-1fXsP {
    background-color: #0000
}

.tab_root-1fXsP.tab_fullWidth-1fXsP {
    width: 100%
}



---------------------------------------------------------- Register Modal ---------------------------------------------------------- .country-select-modal_content-NvUtn {
    flex-direction: column;
    flex-grow: 1;
    display: flex
}

.country-select-modal_search-NvUtn {
    padding: 0 var(--spacing-16) var(--spacing-8)
}

@media screen and (min-width:1024px) {
    .country-select-modal_search-NvUtn {
        padding: 0 var(--spacing-20) var(--spacing-8)
    }
}

.country-select-modal_noResult-NvUtn {
    justify-content: center;
    height: 100%;
    display: flex
}

.country-select-modal_list-NvUtn {
    --country-select-modal-content-padding-top: 0;
    --country-select-modal-content-padding-inline-mobile: var(--modal-list-padding-horizontal-mobile);
    --country-select-modal-content-padding-inline-desktop: var(--modal-list-padding-horizontal-desktop)
}

.country-select-modal_list-NvUtn.country-select-modal_increasedPadding-NvUtn {
    --country-select-modal-content-padding-top: var(--spacing-8);
    --country-select-modal-content-padding-inline-mobile: var(--modal-padding-modal-mobile);
    --country-select-modal-content-padding-inline-desktop: var(--modal-padding-modal-desktop)
}

.password-toggle {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--color-content-base-tertiary);
    cursor: pointer;
    flex: none;
    pointer-events: auto;
}

.password-toggle:hover,
.password-toggle:focus-visible,
.password-toggle[aria-pressed="true"] {
    color: var(--color-content-base-primary);
}

.password-toggle:focus-visible {
    outline: 2px solid var(--color-solid-brand-primary-alfa-68, #5ce65c);
    outline-offset: 1px;
}

.password-toggle svg {
    display: block;
    width: 16px;
    height: 16px;
}

.password-toggle__hide {
    display: none;
}

.password-toggle[aria-pressed="true"] .password-toggle__show {
    display: none;
}

.password-toggle[aria-pressed="true"] .password-toggle__hide {
    display: block;
}

@media (max-width: 1023.98px) {
    .password-toggle {
        width: 32px;
        height: 32px;
    }
}

.country-select-modal_list-NvUtn {
    padding: var(--country-select-modal-content-padding-top) var(--country-select-modal-content-padding-inline-mobile) var(--modal-padding-modal-mobile)
}

@media screen and (min-width:1024px) {
    .country-select-modal_list-NvUtn {
        padding: var(--country-select-modal-content-padding-top) var(--country-select-modal-content-padding-inline-desktop) var(--modal-padding-modal-desktop)
    }
}

.otp-modal__hint {
    margin: 0 0 14px;
    color: var(--color-content-base-secondary, #8b90a0);
    font-size: 13px;
    line-height: 1.4;
}

.otp-modal__error {
    margin: 0 0 12px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #3b1218;
    color: #ffb4b4;
    font-size: 13px;
    line-height: 1.35;
}

.otp-modal__digits {
    display: flex !important;
    gap: 8px;
    justify-content: space-between;
    width: 100%;
}

.otp-modal__digits input {
    width: 42px;
    height: 48px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: var(--color-bg-base-secondary, #f4f5f7);
    color: var(--color-content-base-primary, #111);
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
    animation: otpDigitIn 0.42s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.otp-modal__digits input:nth-child(1) { animation-delay: 0.04s; }
.otp-modal__digits input:nth-child(2) { animation-delay: 0.08s; }
.otp-modal__digits input:nth-child(3) { animation-delay: 0.12s; }
.otp-modal__digits input:nth-child(4) { animation-delay: 0.16s; }
.otp-modal__digits input:nth-child(5) { animation-delay: 0.2s; }
.otp-modal__digits input:nth-child(6) { animation-delay: 0.24s; }

@keyframes otpDigitIn {
    from {
        opacity: 0;
        transform: translateY(8px) scale(0.9);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.otp-modal__digits input:focus {
    outline: none;
    border-color: transparent;
    box-shadow: 0 0 0 2px var(--color-accent, #d6ff3f);
    transform: translateY(-1px) scale(1.04);
}

.otp-modal__digits input.is-filled {
    background: rgba(214, 255, 63, 0.16);
    border-color: rgba(214, 255, 63, 0.55);
}

.otp-modal__digits input.is-shake {
    animation: otpShake 0.42s ease;
}

@keyframes otpShake {
    0%, 100% { transform: translateX(0); }
    20% { transform: translateX(-5px); }
    40% { transform: translateX(5px); }
    60% { transform: translateX(-4px); }
    80% { transform: translateX(4px); }
}

.otp-modal__badge {
    margin-left: 6px;
    font-size: 12px;
    display: inline-block;
    transition: transform 0.25s ease;
}

.otp-modal__badge.is-ok {
    animation: otpBadgePop 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes otpBadgePop {
    0% { transform: scale(0.6); }
    60% { transform: scale(1.25); }
    100% { transform: scale(1); }
}

.otp-modal [data-otp-tab] {
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.otp-modal [data-testid="otp-submit"] {
    transition: transform 0.18s ease, filter 0.18s ease;
}

.otp-modal [data-testid="otp-submit"]:hover {
    transform: translateY(-1px);
    filter: brightness(1.03);
}

.otp-modal [data-testid="otp-submit"]:active {
    transform: translateY(0) scale(0.98);
}

.otp-modal__resend {
    display: block;
    width: 100%;
    margin-top: 12px;
    text-align: center;
}

.otp-modal__debug {
    margin: 0 0 12px;
    padding: 8px 10px;
    border-radius: 8px;
    background: rgba(214, 255, 63, 0.18);
    color: var(--color-content-base-primary, #111);
    font-size: 12px;
}