:root {
    --xagor-auth-accent: #df70cd;
    --xagor-auth-accent-soft: rgb(var(--xagor-auth-accent-rgb) / 0.18);
    --xagor-auth-accent-line: rgb(var(--xagor-auth-accent-rgb) / 0.58);
    --xagor-auth-cyan: #76e6ff;
    --xagor-auth-panel: #15151b;
    --xagor-auth-panel-deep: #0b0b10;
    --xagor-auth-text: #ffffff;
    --xagor-auth-muted: #aaa9b3;
    --xagor-auth-accent-rgb: 223 112 205;
    --xagor-auth-secondary-rgb: 118 230 255;
    --xagor-auth-overlay-alpha: 0.94;
    --xagor-auth-backdrop-blur: 18px;
    --xagor-auth-panel-alpha: 0.97;
    --xagor-auth-panel-width: 470px;
    --xagor-auth-panel-radius: 30px;
    --xagor-auth-scan-opacity: 0.22;
    --xagor-auth-logo-width: 128px;
    --xagor-auth-close-duration: 420ms;
    --xagor-auth-glitch-duration: 220ms;
    --xagor-auth-glitch-intensity: 0.38;
    --xagor-auth-glitch-shift: 5px;
    --xagor-auth-crt-intensity: 0.28;
    --xagor-auth-crt-speed: 8s;
    --xagor-auth-crt-wave: 0.18;
    --xagor-auth-crt-grain: 2px;
}

html.xagor-digits-popup-open,
body.xagor-digits-popup-open {
    overflow: hidden !important;
    overscroll-behavior: none !important;
    scrollbar-width: none !important;
}

html.xagor-digits-popup-open::-webkit-scrollbar,
body.xagor-digits-popup-open::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* Keep normal logged-in AccountPro behavior intact. */
body:not(.logged-in) .user-account-widget > a.xagor-digits-trigger {
    cursor: pointer;
}

.digits_login_form .digits_popup_wrapper.xagor-digits-cyber {
    position: fixed !important;
    z-index: 2147482000 !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    overscroll-behavior: contain !important;
    box-sizing: border-box !important;
    padding: 18px !important;
    isolation: isolate !important;
    contain: paint !important;
    background:
        radial-gradient(circle at 18% 16%, rgb(var(--xagor-auth-accent-rgb) / 0.22), transparent 34%),
        radial-gradient(circle at 82% 80%, rgb(var(--xagor-auth-secondary-rgb) / 0.10), transparent 28%),
        linear-gradient(135deg, rgb(6 6 10 / var(--xagor-auth-overlay-alpha)), rgb(13 10 17 / var(--xagor-auth-overlay-alpha))) !important;
    /* Never blur/filter the real page below the popup. Backdrop-filter can split
       Elementor backgrounds into visible compositor tiles during open/close. */
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.digits_login_form .xagor-digits-cyber::before,
.digits_login_form .xagor-digits-cyber::after {
    content: "";
    position: fixed;
    pointer-events: none;
    z-index: 1;
}

.digits_login_form .xagor-digits-cyber::before {
    inset: 0;
    opacity: var(--xagor-auth-scan-opacity);
    background-image: repeating-linear-gradient(
        to bottom,
        transparent 0,
        transparent 3px,
        rgba(255, 255, 255, 0.035) 4px
    );
    animation: xagor-auth-scan 10s linear infinite;
}

.digits_login_form .xagor-digits-cyber::after {
    width: 42vw;
    height: 42vw;
    min-width: 340px;
    min-height: 340px;
    left: -20vw;
    bottom: -22vw;
    border-radius: 50%;
    background: var(--xagor-auth-accent);
    opacity: 0.08;
    filter: blur(90px);
}

.digits_login_form .xagor-digits-cyber .digits-form_page {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    height: calc(100dvh - 36px) !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 36px) !important;
    overflow: hidden !important;
    padding: 22px 0 !important;
    background: transparent !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_container {
    --dprimary: var(--xagor-auth-accent) !important;
    --dtitle: var(--xagor-auth-text) !important;
    --dfield_bg: rgba(255, 255, 255, 0.045) !important;
    --daccent: var(--xagor-auth-accent) !important;
    --dform_bg: transparent !important;
    --dbutton_text: #191919 !important;

    position: relative !important;
    isolation: isolate;
    width: min(var(--xagor-auth-panel-width), calc(100vw - 38px)) !important;
    max-width: var(--xagor-auth-panel-width) !important;
    padding: 26px 28px 24px !important;
    max-height: calc(100dvh - 80px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-width: none !important;
    color: var(--xagor-auth-text) !important;
    border: 1px solid var(--xagor-auth-accent-line) !important;
    border-radius: 12px var(--xagor-auth-panel-radius) var(--xagor-auth-panel-radius) var(--xagor-auth-panel-radius) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.055), transparent 42%),
        linear-gradient(180deg, rgb(25 25 31 / var(--xagor-auth-panel-alpha)), rgb(10 10 15 / var(--xagor-auth-panel-alpha))) !important;
    box-shadow:
        0 34px 90px rgba(0, 0, 0, 0.62),
        0 0 0 1px rgba(255, 255, 255, 0.025) inset,
        0 0 42px rgb(var(--xagor-auth-accent-rgb) / 0.13) !important;
    animation: xagor-auth-enter 0.42s cubic-bezier(0.2, 0.85, 0.25, 1) both;
}

.digits_login_form .xagor-digits-cyber .digits-form_container::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 22px;
    right: 22px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--xagor-auth-accent), var(--xagor-auth-cyan), transparent);
    box-shadow: 0 0 16px rgb(var(--xagor-auth-accent-rgb) / 0.74);
}

.digits_login_form .xagor-digits-cyber .digits-form_container::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    opacity: 0.28;
    background:
        linear-gradient(90deg, transparent 49.7%, rgb(var(--xagor-auth-accent-rgb) / 0.04) 50%, transparent 50.3%),
        repeating-linear-gradient(125deg, transparent, transparent 18px, rgb(var(--xagor-auth-accent-rgb) / 0.026) 19px);
}

.digits_login_form .xagor-digits-cyber .digits-form_wrapper,
.digits_login_form .xagor-digits-cyber .digits_form_index_section,
.digits_login_form .xagor-digits-cyber .digits-form_login,
.digits_login_form .xagor-digits-cyber .digits-form_forgot_password {
    width: 100% !important;
}

.digits_login_form .xagor-digits-cyber .xagor-auth-systembar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 22px;
    padding-bottom: 14px;
    direction: ltr;
    border-bottom: 1px solid rgba(255, 255, 255, 0.075);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
}

.digits_login_form .xagor-digits-cyber .xagor-auth-systembar__brand {
    color: var(--xagor-auth-accent);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.14em;
    white-space: nowrap;
}

.digits_login_form .xagor-digits-cyber .xagor-auth-systembar__status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(255, 255, 255, 0.58);
    font-family: inherit !important;
    font-size: 9px;
    letter-spacing: 0.06em;
    white-space: nowrap;
}

.digits_login_form .xagor-digits-cyber .xagor-auth-systembar__pulse {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--xagor-auth-cyan);
    box-shadow: 0 0 0 0 rgb(var(--xagor-auth-secondary-rgb) / 0.52);
    animation: xagor-auth-pulse 1.8s ease-out infinite;
}

.digits_login_form .xagor-digits-cyber .xagor-auth-helper {
    margin: -9px 0 24px !important;
    color: var(--xagor-auth-muted) !important;
    font-size: 13px !important;
    font-weight: 450 !important;
    line-height: 1.9 !important;
    text-align: right !important;
    direction: rtl !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_heading {
    margin: 0 0 16px !important;
    color: var(--xagor-auth-text) !important;
    font-family: "YekanBakh", "Yekan", sans-serif !important;
    font-size: clamp(24px, 5vw, 30px) !important;
    font-weight: 850 !important;
    line-height: 1.35 !important;
    text-align: right !important;
    direction: rtl !important;
    text-shadow: 0 0 22px rgb(var(--xagor-auth-accent-rgb) / 0.16);
}

.digits_login_form .xagor-digits-cyber .digits-form_heading_text::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 9px;
    border-radius: 2px;
    background: var(--xagor-auth-accent);
    box-shadow: 0 0 12px rgb(var(--xagor-auth-accent-rgb) / 0.8);
    vertical-align: 0.12em;
}

.digits_login_form .xagor-digits-cyber .digits-form_tab_wrapper,
.digits_login_form .xagor-digits-cyber .digits-form_body,
.digits_login_form .xagor-digits-cyber .digits-form_body_wrapper {
    width: 100% !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_tab-bar {
    justify-content: flex-start !important;
    direction: rtl !important;
    gap: 18px !important;
    margin-bottom: 14px !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_tab-bar .digits-form_tab-item {
    padding-bottom: 7px !important;
    color: rgba(255, 255, 255, 0.56) !important;
    border-bottom: 2px solid transparent !important;
    font-family: "YekanBakh", "Yekan", sans-serif !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    opacity: 1 !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_tab-bar .digits-tab_active {
    color: var(--xagor-auth-accent) !important;
    border-bottom-color: var(--xagor-auth-accent) !important;
    text-shadow: 0 0 12px rgb(var(--xagor-auth-accent-rgb) / 0.38);
}

.digits_login_form .xagor-digits-cyber .digits-slider_line {
    background: var(--xagor-auth-accent) !important;
    box-shadow: 0 0 10px rgb(var(--xagor-auth-accent-rgb) / 0.7);
}

.digits_login_form .xagor-digits-cyber .digits-form_input_row {
    min-height: 58px !important;
    margin: 0 0 13px !important;
    padding: 2px 15px !important;
    overflow: hidden !important;
    color: var(--xagor-auth-text) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 8px 20px 20px 20px !important;
    background: rgba(255, 255, 255, 0.042) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.17) inset !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_input_row:not(.digits-form_rememberme):hover {
    border-color: rgb(var(--xagor-auth-accent-rgb) / 0.34) !important;
    background: rgb(var(--xagor-auth-accent-rgb) / 0.055) !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_input_row:not(.digits-form_rememberme).digits-row_active,
.digits_login_form .xagor-digits-cyber .digits-form_input_row:not(.digits-form_rememberme):focus-within {
    border-color: var(--xagor-auth-accent) !important;
    background: rgb(var(--xagor-auth-accent-rgb) / 0.07) !important;
    box-shadow:
        0 0 0 3px rgb(var(--xagor-auth-accent-rgb) / 0.09),
        0 0 25px rgb(var(--xagor-auth-accent-rgb) / 0.09) !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_input,
.digits_login_form .xagor-digits-cyber .digits-form_input input,
.digits_login_form .xagor-digits-cyber .digits-form_input select,
.digits_login_form .xagor-digits-cyber .digits-form_input textarea {
    color: var(--xagor-auth-text) !important;
    font-family: "YekanBakh", "Yekan", sans-serif !important;
    font-size: 15px !important;
    text-align: right !important;
    direction: rtl !important;
}

.digits_login_form .xagor-digits-cyber input[type="tel"],
.digits_login_form .xagor-digits-cyber .mobile_field,
.digits_login_form .xagor-digits-cyber .countrycode,
.digits_login_form .xagor-digits-cyber .digits_otp_field,
.digits_login_form .xagor-digits-cyber input[name*="otp"] {
    direction: ltr !important;
    text-align: left !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_input input,
.digits_login_form .xagor-digits-cyber .digits-form_input select,
.digits_login_form .xagor-digits-cyber .digits-form_input textarea {
    min-height: 52px !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_input input::placeholder,
.digits_login_form .xagor-digits-cyber .digits-form_input textarea::placeholder {
    color: rgba(255, 255, 255, 0.42) !important;
    opacity: 1 !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_countrycode {
    margin-left: 10px !important;
    border-left: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_button,
.digits_login_form .xagor-digits-cyber .digits-form_button[type="submit"] {
    position: relative !important;
    min-height: 54px !important;
    margin-top: 8px !important;
    overflow: hidden !important;
    color: #191919 !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 16px 8px 16px 16px !important;
    background:
        repeating-linear-gradient(125deg, transparent, transparent 14px, rgba(106, 35, 94, 0.34) 15px),
        linear-gradient(100deg, var(--xagor-auth-accent), #ef9ce1) !important;
    box-shadow:
        0 16px 35px rgb(var(--xagor-auth-accent-rgb) / 0.22),
        0 0 0 1px rgba(255, 255, 255, 0.08) inset !important;
    transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_button::before {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-125%);
    background: linear-gradient(100deg, transparent 20%, rgba(255, 255, 255, 0.38), transparent 78%);
    transition: transform 0.65s ease;
}

.digits_login_form .xagor-digits-cyber .digits-form_button:hover,
.digits_login_form .xagor-digits-cyber .digits-form_button:focus-visible {
    transform: translateY(-2px) !important;
    filter: brightness(1.06) saturate(1.06) !important;
    box-shadow:
        0 20px 42px rgb(var(--xagor-auth-accent-rgb) / 0.31),
        0 0 24px rgb(var(--xagor-auth-accent-rgb) / 0.20) !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_button:hover::before,
.digits_login_form .xagor-digits-cyber .digits-form_button:focus-visible::before {
    transform: translateX(125%);
}

.digits_login_form .xagor-digits-cyber .digits-form_button-text,
.digits_login_form .xagor-digits-cyber .digits-form_button_ic {
    position: relative;
    z-index: 1;
}

.digits_login_form .xagor-digits-cyber .digits-form_button-text {
    font-family: "YekanBakh", "Yekan", sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_rememberme {
    min-height: auto !important;
    margin: 4px 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_rememberme .dig_input_wrapper {
    color: rgba(255, 255, 255, 0.66) !important;
    font-family: "YekanBakh", "Yekan", sans-serif !important;
    font-size: 12px !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_input_row .digits-field-type_tac .dig_input_wrapper::before {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_input_row .digits-field-type_tac .selected .dig_input_wrapper::after {
    background-color: var(--xagor-auth-accent) !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_link,
.digits_login_form .xagor-digits-cyber .digits-form_footer,
.digits_login_form .xagor-digits-cyber .digits-form_footer_content,
.digits_login_form .xagor-digits-cyber .backtoLoginContainer,
.digits_login_form .xagor-digits-cyber .signdesc,
.digits_login_form .xagor-digits-cyber .forgotpassworda {
    color: rgba(255, 255, 255, 0.62) !important;
    font-family: "YekanBakh", "Yekan", sans-serif !important;
}

.digits_login_form .xagor-digits-cyber a,
.digits_login_form .xagor-digits-cyber .show_register,
.digits_login_form .xagor-digits-cyber .show_login,
.digits_login_form .xagor-digits-cyber .digits_reset_pass {
    color: var(--xagor-auth-accent) !important;
}

.digits_login_form .xagor-digits-cyber .dig_verify_mobile_otp_container input,
.digits_login_form .xagor-digits-cyber .digits_otp_field,
.digits_login_form .xagor-digits-cyber input[name*="otp"] {
    color: var(--xagor-auth-text) !important;
    border-color: rgb(var(--xagor-auth-accent-rgb) / 0.34) !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

.digits_login_form .xagor-digits-cyber .digits_site_footer_box {
    position: relative !important;
    z-index: 2 !important;
    margin-top: 16px !important;
    opacity: 0.7;
}

.digits_login_form .xagor-digits-cyber .digits_site_logo img {
    width: auto !important;
    max-width: 115px !important;
    max-height: 32px !important;
    object-fit: contain !important;
    filter: grayscale(1) brightness(1.8) !important;
    opacity: 0.58 !important;
}

.digits_login_form .xagor-digits-cyber .digits-cancel,
.digits_login_form .xagor-digits-cyber .dig_login_cancel {
    position: absolute !important;
    z-index: 30 !important;
    top: 18px !important;
    right: 18px !important;
    width: 38px !important;
    height: 38px !important;
    border: 1px solid rgb(var(--xagor-auth-accent-rgb) / 0.32) !important;
    border-radius: 9px 16px 16px 16px !important;
    background-color: rgba(10, 10, 15, 0.76) !important;
    background-image:
        linear-gradient(45deg, transparent 47%, var(--xagor-auth-accent) 48%, var(--xagor-auth-accent) 52%, transparent 53%),
        linear-gradient(-45deg, transparent 47%, var(--xagor-auth-accent) 48%, var(--xagor-auth-accent) 52%, transparent 53%) !important;
    background-position: center !important;
    background-size: 14px 14px !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.30) !important;
    transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease !important;
}

.digits_login_form .xagor-digits-cyber .digits-cancel:hover,
.digits_login_form .xagor-digits-cyber .dig_login_cancel:hover {
    transform: rotate(4deg) scale(1.04) !important;
    border-color: var(--xagor-auth-accent) !important;
    background-color: rgb(var(--xagor-auth-accent-rgb) / 0.12) !important;
}

.digits_login_form .xagor-digits-cyber .dig_error_message,
.digits_login_form .xagor-digits-cyber .dig_success_message,
.digits_login_form .xagor-digits-cyber .dig_popmessage {
    font-family: "YekanBakh", "Yekan", sans-serif !important;
    border-radius: 8px 18px 18px 18px !important;
}

@media (max-width: 767px) {
    .digits_login_form .digits_popup_wrapper.xagor-digits-cyber {
        padding: 8px !important;
        align-items: flex-end;
    }

    .digits_login_form .xagor-digits-cyber .digits-form_page {
        height: calc(100dvh - 16px) !important;
        min-height: 0 !important;
        max-height: calc(100dvh - 16px) !important;
        justify-content: flex-end !important;
        padding: 46px 0 0 !important;
    }

    .digits_login_form .xagor-digits-cyber .digits-form_container {
        width: 100% !important;
        max-width: 100% !important;
        max-height: calc(100dvh - 24px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        scrollbar-width: none !important;
        padding: 22px 18px 18px !important;
        border-radius: 10px 28px 28px 28px !important;
        box-shadow:
            0 24px 60px rgba(0, 0, 0, 0.68),
            0 0 35px rgb(var(--xagor-auth-accent-rgb) / 0.12) !important;
    }

    .digits_login_form .xagor-digits-cyber .xagor-auth-systembar {
        margin-bottom: 18px;
        padding-left: 44px;
    }

    .digits_login_form .xagor-digits-cyber .xagor-auth-systembar__brand {
        font-size: 8px;
        letter-spacing: 0.09em;
    }

    .digits_login_form .xagor-digits-cyber .xagor-auth-systembar__status {
        font-size: 8px;
    }

    .digits_login_form .xagor-digits-cyber .xagor-auth-helper {
        margin-bottom: 19px !important;
        font-size: 12px !important;
    }

    .digits_login_form .xagor-digits-cyber .digits-form_heading {
        font-size: 24px !important;
    }

    .digits_login_form .xagor-digits-cyber .digits-form_input_row {
        min-height: 56px !important;
    }

    .digits_login_form .xagor-digits-cyber .digits-cancel,
    .digits_login_form .xagor-digits-cyber .dig_login_cancel {
        top: 14px !important;
        right: 14px !important;
        width: 36px !important;
        height: 36px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .digits_login_form .xagor-digits-cyber.xagor-respect-reduced-motion *,
    .digits_login_form .xagor-digits-cyber.xagor-respect-reduced-motion::before,
    .digits_login_form .xagor-digits-cyber.xagor-respect-reduced-motion::after {
        animation: none !important;
        transition-duration: 0.01ms !important;
    }
}

@keyframes xagor-auth-enter {
    from {
        opacity: 0;
        transform: translateY(18px) scale(0.975);
        filter: blur(5px);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
}

@keyframes xagor-auth-pulse {
    0% { box-shadow: 0 0 0 0 rgb(var(--xagor-auth-secondary-rgb) / 0.48); }
    70% { box-shadow: 0 0 0 8px rgb(var(--xagor-auth-secondary-rgb) / 0); }
    100% { box-shadow: 0 0 0 0 rgb(var(--xagor-auth-secondary-rgb) / 0); }
}

@keyframes xagor-auth-scan {
    from { transform: translateY(-12px); }
    to { transform: translateY(12px); }
}

/* Version 1.1 controls and hard fixes. */
.digits_login_form .xagor-digits-cyber .digits-form_container::-webkit-scrollbar,
.digits_login_form .xagor-digits-cyber .digits-form_page::-webkit-scrollbar,
.digits_login_form .digits_popup_wrapper.xagor-digits-cyber::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

.digits_login_form .xagor-digits-cyber.xagor-no-scanlines::before,
.digits_login_form .xagor-digits-cyber.xagor-no-glow::after,
.digits_login_form .xagor-digits-cyber.xagor-no-glow .digits-form_container::before {
    display: none !important;
}

.digits_login_form .xagor-digits-cyber.xagor-no-systembar .xagor-auth-systembar,
.digits_login_form .xagor-digits-cyber.xagor-no-status .xagor-auth-systembar__status,
.digits_login_form .xagor-digits-cyber.xagor-no-helper .xagor-auth-helper,
.digits_login_form .xagor-digits-cyber.xagor-no-logo .xagor-auth-logo {
    display: none !important;
}

.digits_login_form .xagor-digits-cyber .xagor-auth-logo {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 20px 0 0;
    padding: 18px 48px 2px;
    border-top: 1px solid rgba(255, 255, 255, 0.065);
}

.digits_login_form .xagor-digits-cyber .xagor-auth-logo img {
    display: block;
    width: auto !important;
    max-width: min(var(--xagor-auth-logo-width), 80%) !important;
    max-height: 58px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 0 16px rgb(var(--xagor-auth-accent-rgb) / 0.18));
}

/* The remember-me row must stay compact and must never inherit the full input hover. */
.digits_login_form .xagor-digits-cyber .digits-form_rememberme,
.digits_login_form .xagor-digits-cyber .digits-form_rememberme:hover,
.digits_login_form .xagor-digits-cyber .digits-form_rememberme:focus-within,
.digits_login_form .xagor-digits-cyber .digits-form_rememberme.digits-row_active {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: max-content !important;
    min-height: 24px !important;
    margin: 4px 0 12px auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_rememberme .digits-form_input,
.digits_login_form .xagor-digits-cyber .digits-form_rememberme .dig_opt_mult_con,
.digits_login_form .xagor-digits-cyber .digits-form_rememberme .dig_opt_mult,
.digits_login_form .xagor-digits-cyber .digits-form_rememberme label,
.digits_login_form .xagor-digits-cyber .digits-form_rememberme .dig_input_wrapper {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: max-content !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_rememberme .dig_input_wrapper > div {
    width: auto !important;
    padding: 0 32px 0 0 !important;
    color: rgba(255,255,255,.66) !important;
    white-space: nowrap !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_rememberme .dig_input_wrapper::before,
.digits_login_form .xagor-digits-cyber .digits-form_rememberme .dig_input_wrapper::after {
    right: 0 !important;
    left: auto !important;
}

/* Configurable continuation arrow. The icon remains after the Persian label. */
.digits_login_form .xagor-digits-cyber .digits-form_button,
.digits_login_form .xagor-digits-cyber .digits-form_button[type="submit"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row !important;
    direction: rtl !important;
    gap: 9px !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_button_ic {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 22px !important;
    height: 20px !important;
    margin: 0 !important;
    color: #191919 !important;
    background: none !important;
    mask: none !important;
    -webkit-mask: none !important;
    transform: translateX(0) !important;
    transition: transform .22s ease !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_button_ic > * {
    display: none !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_button_ic::before {
    content: attr(data-xagor-arrow) !important;
    display: block !important;
    color: currentColor !important;
    font-family: Arial, "Segoe UI Symbol", sans-serif !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    white-space: nowrap !important;
    transform: none !important;
}

.digits_login_form .xagor-digits-cyber.xagor-arrow-left .digits-form_submit-btn:hover .digits-form_button_ic,
.digits_login_form .xagor-digits-cyber.xagor-arrow-left .digits-form_submit-btn:focus-visible .digits-form_button_ic,
.digits_login_form .xagor-digits-cyber.xagor-arrow-left .digits-form_button:hover .digits-form_button_ic,
.digits_login_form .xagor-digits-cyber.xagor-arrow-left .digits-form_button:focus-visible .digits-form_button_ic {
    transform: translateX(-4px) !important;
}

.digits_login_form .xagor-digits-cyber.xagor-arrow-right .digits-form_submit-btn:hover .digits-form_button_ic,
.digits_login_form .xagor-digits-cyber.xagor-arrow-right .digits-form_submit-btn:focus-visible .digits-form_button_ic,
.digits_login_form .xagor-digits-cyber.xagor-arrow-right .digits-form_button:hover .digits-form_button_ic,
.digits_login_form .xagor-digits-cyber.xagor-arrow-right .digits-form_button:focus-visible .digits-form_button_ic {
    transform: translateX(4px) !important;
}

.digits_login_form .xagor-digits-cyber.xagor-arrow-none .digits-form_button_ic {
    display: none !important;
}

.digits_login_form .xagor-digits-cyber.xagor-no-button-stripes .digits-form_button,
.digits_login_form .xagor-digits-cyber.xagor-no-button-stripes .digits-form_button[type="submit"] {
    background-image: linear-gradient(100deg, var(--xagor-auth-accent), var(--xagor-auth-accent)) !important;
}

@media (max-width: 767px) {
    .digits_login_form .digits_popup_wrapper.xagor-digits-cyber {
        width: 100% !important;
        max-width: 100% !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        overflow: hidden !important;
    }

    .digits_login_form .xagor-digits-cyber .xagor-auth-logo {
        margin-top: 16px;
        padding: 15px 42px 0;
    }

    .digits_login_form .xagor-digits-cyber .xagor-auth-logo img {
        max-height: 46px !important;
    }
}

.digits_login_form .xagor-digits-cyber.xagor-has-custom-logo .digits_site_logo {
    display: none !important;
}



/* Version 1.5 — isolated CRT backdrop. This layer draws its own signal noise;
   it never transforms, blurs or filters the site's sections underneath. */
.digits_login_form .xagor-digits-cyber .xagor-auth-backdrop-crt {
    position: fixed;
    z-index: 1;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    opacity: var(--xagor-auth-crt-intensity);
    isolation: isolate;
    mix-blend-mode: screen;
    will-change: opacity;
}

.digits_login_form .xagor-digits-cyber .xagor-auth-backdrop-crt::before,
.digits_login_form .xagor-digits-cyber .xagor-auth-backdrop-crt::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

/* Television snow: several tiny independent-looking grain patterns. */
.digits_login_form .xagor-digits-cyber .xagor-auth-backdrop-crt::before {
    inset: -18%;
    opacity: .72;
    background-image:
        repeating-radial-gradient(circle at 17% 31%, rgba(255,255,255,.28) 0 1px, transparent 1px 3px),
        repeating-radial-gradient(circle at 74% 62%, rgb(var(--xagor-auth-secondary-rgb) / .18) 0 1px, transparent 1px 4px),
        repeating-radial-gradient(circle at 45% 83%, rgb(var(--xagor-auth-accent-rgb) / .16) 0 1px, transparent 1px 5px);
    background-size:
        calc(var(--xagor-auth-crt-grain) * 3) calc(var(--xagor-auth-crt-grain) * 3),
        calc(var(--xagor-auth-crt-grain) * 5) calc(var(--xagor-auth-crt-grain) * 4),
        calc(var(--xagor-auth-crt-grain) * 7) calc(var(--xagor-auth-crt-grain) * 6);
    animation: xagor-auth-crt-snow 170ms steps(2, end) infinite;
}

/* Bright rolling band and subtle analog horizontal wave. */
.digits_login_form .xagor-digits-cyber .xagor-auth-backdrop-crt::after {
    left: -8%;
    right: -8%;
    top: -48%;
    height: 54%;
    opacity: var(--xagor-auth-crt-wave);
    background:
        linear-gradient(to bottom,
            transparent 0 16%,
            rgb(var(--xagor-auth-secondary-rgb) / .035) 28%,
            rgba(255,255,255,.11) 48%,
            rgb(var(--xagor-auth-accent-rgb) / .055) 62%,
            transparent 84%),
        repeating-linear-gradient(to bottom,
            transparent 0 4px,
            rgba(255,255,255,.028) 5px,
            transparent 6px 10px);
    filter: blur(7px);
    transform: skewY(-.35deg);
    animation: xagor-auth-crt-wave var(--xagor-auth-crt-speed) linear infinite;
}

.digits_login_form .xagor-digits-cyber.xagor-crt-snow .xagor-auth-backdrop-crt::after {
    display: none;
}

.digits_login_form .xagor-digits-cyber.xagor-crt-wave .xagor-auth-backdrop-crt::before {
    opacity: .08;
    animation-duration: 420ms;
}

.digits_login_form .xagor-digits-cyber.xagor-crt-scan_roll .xagor-auth-backdrop-crt::before {
    inset: 0;
    opacity: .7;
    background-image: repeating-linear-gradient(
        to bottom,
        transparent 0 3px,
        rgba(255,255,255,.055) 4px,
        transparent 5px 8px
    );
    background-size: 100% 16px;
    animation: xagor-auth-crt-scan-roll var(--xagor-auth-crt-speed) linear infinite;
}

.digits_login_form .xagor-digits-cyber.xagor-crt-scan_roll .xagor-auth-backdrop-crt::after {
    opacity: var(--xagor-auth-crt-wave);
}

.digits_login_form .xagor-digits-cyber.xagor-crt-soft .xagor-auth-backdrop-crt {
    opacity: var(--xagor-auth-crt-intensity);
}

.digits_login_form .xagor-digits-cyber.xagor-crt-soft .xagor-auth-backdrop-crt::before {
    opacity: .22;
    animation-duration: 520ms;
}

.digits_login_form .xagor-digits-cyber.xagor-crt-soft .xagor-auth-backdrop-crt::after {
    filter: blur(18px);
    opacity: var(--xagor-auth-crt-wave);
}

.digits_login_form .xagor-digits-cyber.xagor-no-backdrop-crt .xagor-auth-backdrop-crt {
    display: none !important;
}

@keyframes xagor-auth-crt-snow {
    0%   { transform: translate3d(-1.5%, -1%, 0); background-position: 0 0, 7px 11px, -9px 4px; }
    25%  { transform: translate3d(1%, .5%, 0); background-position: 13px -7px, -4px 6px, 8px -12px; }
    50%  { transform: translate3d(-.5%, 1.2%, 0); background-position: -8px 12px, 12px -5px, -3px 9px; }
    75%  { transform: translate3d(1.4%, -.7%, 0); background-position: 4px -13px, -11px 8px, 14px 2px; }
    100% { transform: translate3d(-1.5%, -1%, 0); background-position: 0 0, 7px 11px, -9px 4px; }
}

@keyframes xagor-auth-crt-wave {
    0%   { transform: translate3d(0, -5%, 0) skewY(-.35deg) scaleY(.86); }
    46%  { transform: translate3d(1.2%, 132vh, 0) skewY(.25deg) scaleY(1.08); }
    50%  { transform: translate3d(-1%, 138vh, 0) skewY(-.5deg) scaleY(.72); opacity: .35; }
    100% { transform: translate3d(0, 276vh, 0) skewY(.2deg) scaleY(.95); }
}

@keyframes xagor-auth-crt-scan-roll {
    from { background-position: 0 0; }
    to   { background-position: 0 160px; }
}

/* Version 1.4 — configurable glitch bursts and animated closing. */
.digits_login_form .xagor-digits-cyber .xagor-auth-panel-glitch {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    will-change: transform, opacity, clip-path, filter, background-position;
}


.digits_login_form .xagor-digits-cyber .xagor-auth-panel-glitch {
    z-index: 25;
    border: 1px solid rgb(var(--xagor-auth-secondary-rgb) / 0.32);
    border-radius: inherit;
    background:
        repeating-linear-gradient(to bottom, transparent 0 18px, rgb(var(--xagor-auth-accent-rgb) / 0.12) 19px 21px, transparent 22px 34px),
        linear-gradient(90deg, transparent, rgb(var(--xagor-auth-secondary-rgb) / 0.12), transparent);
    background-size: 100% 100%, 200% 100%;
    box-shadow:
        calc(var(--xagor-auth-glitch-shift) * -1) 0 0 rgb(var(--xagor-auth-secondary-rgb) / 0.26),
        var(--xagor-auth-glitch-shift) 0 0 rgb(var(--xagor-auth-accent-rgb) / 0.27);
    mix-blend-mode: screen;
}

.digits_login_form .xagor-digits-cyber.xagor-glitch-active:not(.xagor-no-form-glitch) .xagor-auth-panel-glitch {
    visibility: visible;
}

/* Hybrid: short natural jitter, RGB edge separation and a signal slice. */
.digits_login_form .xagor-digits-cyber.xagor-glitch-active.xagor-glitch-hybrid:not(.xagor-no-form-glitch) .digits-form_container {
    animation: xagor-auth-glitch-hybrid var(--xagor-auth-glitch-duration) steps(2, end) both !important;
}
.digits_login_form .xagor-digits-cyber.xagor-glitch-active.xagor-glitch-hybrid:not(.xagor-no-form-glitch) .xagor-auth-panel-glitch {
    animation: xagor-auth-panel-noise var(--xagor-auth-glitch-duration) steps(3, end) both !important;
}

/* RGB: stronger chromatic separation, without moving the form far from the pointer. */
.digits_login_form .xagor-digits-cyber.xagor-glitch-active.xagor-glitch-rgb:not(.xagor-no-form-glitch) .digits-form_container {
    animation: xagor-auth-glitch-rgb var(--xagor-auth-glitch-duration) steps(2, end) both !important;
}
.digits_login_form .xagor-digits-cyber.xagor-glitch-active.xagor-glitch-rgb:not(.xagor-no-form-glitch) .xagor-auth-panel-glitch {
    animation: xagor-auth-rgb-overlay var(--xagor-auth-glitch-duration) steps(2, end) both !important;
}

/* Horizontal slices. */
.digits_login_form .xagor-digits-cyber.xagor-glitch-active.xagor-glitch-slices:not(.xagor-no-form-glitch) .digits-form_container {
    animation: xagor-auth-glitch-slices var(--xagor-auth-glitch-duration) steps(2, end) both !important;
}
.digits_login_form .xagor-digits-cyber.xagor-glitch-active.xagor-glitch-slices:not(.xagor-no-form-glitch) .xagor-auth-panel-glitch {
    animation: xagor-auth-slice-overlay var(--xagor-auth-glitch-duration) steps(4, end) both !important;
}

/* Digital blocks. */
.digits_login_form .xagor-digits-cyber.xagor-glitch-active.xagor-glitch-blocks:not(.xagor-no-form-glitch) .digits-form_container {
    animation: xagor-auth-glitch-blocks var(--xagor-auth-glitch-duration) steps(3, end) both !important;
}
.digits_login_form .xagor-digits-cyber.xagor-glitch-active.xagor-glitch-blocks:not(.xagor-no-form-glitch) .xagor-auth-panel-glitch {
    background:
        linear-gradient(90deg, transparent 0 8%, rgb(var(--xagor-auth-accent-rgb) / .22) 8% 22%, transparent 22% 53%, rgb(var(--xagor-auth-secondary-rgb) / .18) 53% 69%, transparent 69%),
        linear-gradient(90deg, transparent 0 34%, rgba(255,255,255,.08) 34% 47%, transparent 47%);
    background-size: 100% 28%, 100% 19%;
    animation: xagor-auth-block-overlay var(--xagor-auth-glitch-duration) steps(4, end) both !important;
}

/* Analog signal tear. */
.digits_login_form .xagor-digits-cyber.xagor-glitch-active.xagor-glitch-signal:not(.xagor-no-form-glitch) .digits-form_container {
    animation: xagor-auth-glitch-signal var(--xagor-auth-glitch-duration) steps(2, end) both !important;
}
.digits_login_form .xagor-digits-cyber.xagor-glitch-active.xagor-glitch-signal:not(.xagor-no-form-glitch) .xagor-auth-panel-glitch {
    animation: xagor-auth-signal-overlay var(--xagor-auth-glitch-duration) linear both !important;
}

/* The native Digits close action is delayed until these animations finish. */
.digits_login_form .digits_popup_wrapper.xagor-digits-cyber.xagor-is-closing {
    pointer-events: none !important;
    animation: xagor-auth-backdrop-exit var(--xagor-auth-close-duration) cubic-bezier(.4, 0, .2, 1) both !important;
}

.digits_login_form .xagor-digits-cyber.xagor-is-closing .digits-cancel,
.digits_login_form .xagor-digits-cyber.xagor-is-closing .dig_login_cancel {
    animation: xagor-auth-close-button-exit calc(var(--xagor-auth-close-duration) * .55) ease both !important;
}

.digits_login_form .xagor-digits-cyber.xagor-is-closing.xagor-close-fade .digits-form_container {
    animation: xagor-auth-panel-exit-fade var(--xagor-auth-close-duration) ease both !important;
}
.digits_login_form .xagor-digits-cyber.xagor-is-closing.xagor-close-zoom .digits-form_container {
    animation: xagor-auth-panel-exit-zoom var(--xagor-auth-close-duration) cubic-bezier(.4, 0, .3, 1) both !important;
}
.digits_login_form .xagor-digits-cyber.xagor-is-closing.xagor-close-slide_down .digits-form_container {
    animation: xagor-auth-panel-exit-down var(--xagor-auth-close-duration) cubic-bezier(.4, 0, .25, 1) both !important;
}
.digits_login_form .xagor-digits-cyber.xagor-is-closing.xagor-close-glitch_fade .digits-form_container {
    animation: xagor-auth-panel-exit-glitch var(--xagor-auth-close-duration) steps(7, end) both !important;
}
.digits_login_form .xagor-digits-cyber.xagor-is-closing.xagor-close-glitch_fade .xagor-auth-panel-glitch {
    visibility: visible;
    animation: xagor-auth-close-glitch-layer var(--xagor-auth-close-duration) steps(6, end) both !important;
}

@keyframes xagor-auth-glitch-hybrid {
    0%,100% { transform: translate3d(0,0,0); clip-path: inset(0); filter: none; }
    14% { transform: translate3d(calc(var(--xagor-auth-glitch-shift) * -1),1px,0) skewX(-.35deg); filter: drop-shadow(var(--xagor-auth-glitch-shift) 0 rgb(var(--xagor-auth-accent-rgb) / .38)); }
    30% { transform: translate3d(var(--xagor-auth-glitch-shift),-1px,0); clip-path: inset(8% 0 58% 0); }
    47% { transform: translate3d(calc(var(--xagor-auth-glitch-shift) * -.55),0,0); clip-path: inset(0); filter: drop-shadow(calc(var(--xagor-auth-glitch-shift) * -1) 0 rgb(var(--xagor-auth-secondary-rgb) / .35)); }
    68% { transform: translate3d(calc(var(--xagor-auth-glitch-shift) * .45),1px,0) skewX(.25deg); }
}
@keyframes xagor-auth-glitch-rgb {
    0%,100% { transform: translateX(0); filter: none; }
    18% { transform: translateX(calc(var(--xagor-auth-glitch-shift) * -.42)); filter: drop-shadow(calc(var(--xagor-auth-glitch-shift) * -1) 0 rgb(var(--xagor-auth-secondary-rgb) / .48)) drop-shadow(var(--xagor-auth-glitch-shift) 0 rgb(var(--xagor-auth-accent-rgb) / .48)); }
    42% { transform: translateX(calc(var(--xagor-auth-glitch-shift) * .55)); filter: drop-shadow(var(--xagor-auth-glitch-shift) 0 rgb(var(--xagor-auth-secondary-rgb) / .42)) drop-shadow(calc(var(--xagor-auth-glitch-shift) * -1) 0 rgb(var(--xagor-auth-accent-rgb) / .42)); }
    72% { transform: translateX(calc(var(--xagor-auth-glitch-shift) * -.18)); filter: saturate(1.18) contrast(1.06); }
}
@keyframes xagor-auth-glitch-slices {
    0%,100% { transform: translateX(0); clip-path: inset(0); }
    16% { transform: translateX(var(--xagor-auth-glitch-shift)); clip-path: inset(5% 0 71% 0); }
    34% { transform: translateX(calc(var(--xagor-auth-glitch-shift) * -1)); clip-path: inset(38% 0 38% 0); }
    52% { transform: translateX(calc(var(--xagor-auth-glitch-shift) * .7)); clip-path: inset(72% 0 8% 0); }
    70% { transform: translateX(calc(var(--xagor-auth-glitch-shift) * -.3)); clip-path: inset(0); }
}
@keyframes xagor-auth-glitch-blocks {
    0%,100% { transform: translate(0); filter: none; }
    18% { transform: translate(calc(var(--xagor-auth-glitch-shift) * -.6),1px); filter: contrast(1.07); }
    36% { transform: translate(calc(var(--xagor-auth-glitch-shift) * .7),-1px); }
    58% { transform: translate(0,1px); filter: brightness(1.08) saturate(1.12); }
    76% { transform: translate(calc(var(--xagor-auth-glitch-shift) * -.25),0); }
}
@keyframes xagor-auth-glitch-signal {
    0%,100% { transform: translateX(0) skewX(0); filter: none; }
    12% { transform: translateX(calc(var(--xagor-auth-glitch-shift) * -1.1)) skewX(-.7deg); }
    28% { transform: translateX(calc(var(--xagor-auth-glitch-shift) * .8)) skewX(.5deg); filter: contrast(1.12); }
    44% { transform: translateX(calc(var(--xagor-auth-glitch-shift) * -0.45)) skewX(-.25deg); }
    62% { transform: translateX(calc(var(--xagor-auth-glitch-shift) * .28)); filter: brightness(1.08); }
}

@keyframes xagor-auth-panel-noise { 0%,100%{opacity:0;transform:translateX(0)} 18%{opacity:calc(.22 + var(--xagor-auth-glitch-intensity) * .45);transform:translateX(var(--xagor-auth-glitch-shift))} 44%{opacity:.08;transform:translateX(calc(var(--xagor-auth-glitch-shift) * -1))} 68%{opacity:.28;background-position:0 0,100% 0} }
@keyframes xagor-auth-rgb-overlay { 0%,100%{opacity:0} 20%{opacity:calc(.22 + var(--xagor-auth-glitch-intensity) * .55);transform:translateX(var(--xagor-auth-glitch-shift))} 48%{opacity:.18;transform:translateX(calc(var(--xagor-auth-glitch-shift) * -1))} 72%{opacity:.08} }
@keyframes xagor-auth-slice-overlay { 0%,100%{opacity:0;clip-path:inset(0)} 12%{opacity:.38;clip-path:inset(7% 0 68% 0);transform:translateX(var(--xagor-auth-glitch-shift))} 36%{clip-path:inset(42% 0 34% 0);transform:translateX(calc(var(--xagor-auth-glitch-shift) * -1))} 62%{opacity:.28;clip-path:inset(76% 0 6% 0);transform:translateX(calc(var(--xagor-auth-glitch-shift) * .55))} }
@keyframes xagor-auth-block-overlay { 0%,100%{opacity:0;background-position:0 0,0 0} 15%{opacity:.4;background-position:var(--xagor-auth-glitch-shift) 8%,calc(var(--xagor-auth-glitch-shift) * -1) 54%} 45%{opacity:.24;background-position:calc(var(--xagor-auth-glitch-shift) * -1) 76%,var(--xagor-auth-glitch-shift) 23%} 72%{opacity:.1;background-position:0 36%,0 84%} }
@keyframes xagor-auth-signal-overlay { 0%,100%{opacity:0;transform:translateX(0)} 14%{opacity:.38;transform:translateX(calc(var(--xagor-auth-glitch-shift) * -1));background-position:0 0,0 0} 32%{opacity:.16;transform:translateX(var(--xagor-auth-glitch-shift));background-position:0 12px,80% 0} 54%{opacity:.3;transform:translateX(calc(var(--xagor-auth-glitch-shift) * -.45));background-position:0 -8px,160% 0} 76%{opacity:.08;transform:translateX(0)} }

@keyframes xagor-auth-backdrop-exit { 0%{opacity:1} 70%{opacity:.35} 100%{opacity:0} }
@keyframes xagor-auth-panel-exit-fade { 0%{opacity:1;transform:translateY(0);filter:blur(0)} 100%{opacity:0;transform:translateY(8px);filter:blur(4px)} }
@keyframes xagor-auth-panel-exit-zoom { 0%{opacity:1;transform:scale(1);filter:blur(0)} 100%{opacity:0;transform:scale(.90);filter:blur(7px)} }
@keyframes xagor-auth-panel-exit-down { 0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)} 100%{opacity:0;transform:translateY(48px) scale(.975);filter:blur(5px)} }
@keyframes xagor-auth-panel-exit-glitch {
    0%{opacity:1;transform:translateX(0);clip-path:inset(0);filter:none}
    10%{transform:translateX(calc(var(--xagor-auth-glitch-shift) * -1));filter:drop-shadow(var(--xagor-auth-glitch-shift) 0 rgb(var(--xagor-auth-accent-rgb) / .5))}
    22%{transform:translateX(var(--xagor-auth-glitch-shift));clip-path:inset(7% 0 70% 0)}
    36%{transform:translateX(calc(var(--xagor-auth-glitch-shift) * -1.4));clip-path:inset(35% 0 38% 0);opacity:.86}
    52%{transform:translateX(calc(var(--xagor-auth-glitch-shift) * .8));clip-path:inset(72% 0 7% 0);opacity:.68}
    68%{transform:translateX(calc(var(--xagor-auth-glitch-shift) * -.4));clip-path:inset(0);filter:blur(1px);opacity:.48}
    82%{transform:scale(.96);filter:blur(4px);opacity:.22}
    100%{transform:scale(.92);filter:blur(9px);opacity:0}
}
@keyframes xagor-auth-close-glitch-layer { 0%{opacity:0} 12%{opacity:.38;transform:translateX(var(--xagor-auth-glitch-shift))} 28%{opacity:.12;transform:translateX(calc(var(--xagor-auth-glitch-shift) * -1))} 48%{opacity:.3;background-position:0 10px,120% 0} 72%{opacity:.12;transform:translateX(calc(var(--xagor-auth-glitch-shift) * .4))} 100%{opacity:0;transform:translateX(0)} }
@keyframes xagor-auth-close-button-exit { to{opacity:0;transform:rotate(45deg) scale(.45)} }

@media (prefers-reduced-motion: reduce) {
    .digits_login_form .xagor-digits-cyber.xagor-respect-reduced-motion .xagor-auth-backdrop-crt::before,
    .digits_login_form .xagor-digits-cyber.xagor-respect-reduced-motion .xagor-auth-backdrop-crt::after {
        animation: none !important;
    }
    .digits_login_form .xagor-digits-cyber.xagor-respect-reduced-motion .xagor-auth-backdrop-crt {
        opacity: var(--xagor-auth-crt-intensity);
    }
}

/* ========================================================================== 
   OTP step repair, Digits notices and the RTL back arrow — v1.6.0
   ========================================================================== */

/* Digits puts the OTP input, resend helper and destination text inside one
   generic input row. The first-step fixed height makes those elements overlap.
   The OTP step gets its own vertical layout instead of inheriting that row. */
.digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_secure_login_auth_wrapper > .digits-form_input_row {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 13px !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_secure_login_auth_wrapper > .digits-form_input_row:hover,
.digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_secure_login_auth_wrapper > .digits-form_input_row:focus-within,
.digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_secure_login_auth_wrapper > .digits-form_input_row.digits-row_active {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_secure_login_auth_wrapper .digits-form_input_info {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    overflow: visible !important;
}

.digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_secure_login_auth_wrapper .digits_otp_input-field,
.digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_secure_login_auth_wrapper .otp_input,
.digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_secure_login_auth_wrapper input[name*="otp"] {
    display: block !important;
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 58px !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    overflow: hidden !important;
    color: var(--xagor-auth-text) !important;
    border: 1px solid rgb(var(--xagor-auth-accent-rgb) / 0.46) !important;
    border-radius: 8px 20px 20px 20px !important;
    outline: 0 !important;
    background: rgba(255, 255, 255, 0.055) !important;
    box-shadow:
        0 0 0 3px rgb(var(--xagor-auth-accent-rgb) / 0.07),
        0 15px 32px rgba(0, 0, 0, 0.20) inset !important;
    font-family: "YekanBakh", "Yekan", sans-serif !important;
    font-size: 17px !important;
    font-weight: 750 !important;
    line-height: 58px !important;
    letter-spacing: 0.15em !important;
    direction: ltr !important;
    text-align: center !important;
    box-sizing: border-box !important;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease !important;
}

.digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_secure_login_auth_wrapper .digits_otp_input-field:focus,
.digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_secure_login_auth_wrapper .otp_input:focus,
.digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_secure_login_auth_wrapper input[name*="otp"]:focus {
    border-color: var(--xagor-auth-accent) !important;
    background: rgb(var(--xagor-auth-accent-rgb) / 0.085) !important;
    box-shadow:
        0 0 0 4px rgb(var(--xagor-auth-accent-rgb) / 0.10),
        0 0 28px rgb(var(--xagor-auth-accent-rgb) / 0.12),
        0 15px 32px rgba(0, 0, 0, 0.20) inset !important;
}

.digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_secure_login_auth_wrapper .digits_otp_input-field::placeholder,
.digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_secure_login_auth_wrapper .otp_input::placeholder,
.digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_secure_login_auth_wrapper input[name*="otp"]::placeholder {
    color: rgba(255, 255, 255, 0.42) !important;
    letter-spacing: 0 !important;
    opacity: 1 !important;
}

/* The same resend timer is printed again in the normal footer below the
   button. Hiding only the nested copy keeps the OTP field uncluttered. */
.digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_secure_login_auth_wrapper .digits-form_footer_content {
    display: none !important;
}

.digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_secure_login_auth_wrapper .digits_otp_info {
    position: static !important;
    inset: auto !important;
    order: 2 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 9px !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    color: rgba(255, 255, 255, 0.62) !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 8px 16px 16px 16px !important;
    background: rgba(255, 255, 255, 0.028) !important;
    box-sizing: border-box !important;
}

.digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_otp_info_ic {
    flex: 0 0 8px !important;
    width: 8px !important;
    height: 8px !important;
    margin-top: 6px !important;
    border-radius: 2px !important;
    background: var(--xagor-auth-cyan) !important;
    box-shadow: 0 0 11px rgb(var(--xagor-auth-secondary-rgb) / 0.75) !important;
}

.digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_otp_info_desc,
.digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_otp_info_desc_text {
    width: auto !important;
    min-width: 0 !important;
    color: inherit !important;
    font-family: "YekanBakh", "Yekan", sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    line-height: 1.8 !important;
    text-align: right !important;
    direction: rtl !important;
}

.digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_otp_dest {
    display: inline-block !important;
    margin-right: 5px !important;
    color: var(--xagor-auth-accent) !important;
    font-family: Arial, sans-serif !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
}

/* Digits' RTL skin draws the step-back icon toward the right. The action stays
   in the same place, but its visible arrow now points left as requested. */
.digits_login_form .xagor-digits-cyber .digits_back_icon.digits_form_back {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.48) !important;
    border: 0 !important;
    outline: 0 !important;
    background: none !important;
    background-image: none !important;
    mask: none !important;
    -webkit-mask: none !important;
    box-shadow: none !important;
    transform: none !important;
    cursor: pointer !important;
    transition: color .2s ease, transform .2s ease, text-shadow .2s ease !important;
}

.digits_login_form .xagor-digits-cyber .digits_back_icon.digits_form_back::before {
    content: "←" !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    color: currentColor !important;
    border: 0 !important;
    background: none !important;
    font-family: Arial, "Segoe UI Symbol", sans-serif !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    direction: ltr !important;
    transform: none !important;
}

.digits_login_form .xagor-digits-cyber .digits_back_icon.digits_form_back::after {
    content: none !important;
    display: none !important;
}

.digits_login_form .xagor-digits-cyber .digits_back_icon.digits_form_back:hover,
.digits_login_form .xagor-digits-cyber .digits_back_icon.digits_form_back:focus-visible {
    color: var(--xagor-auth-accent) !important;
    transform: translateX(-4px) !important;
    text-shadow: 0 0 16px rgb(var(--xagor-auth-accent-rgb) / 0.58) !important;
}

/* Unified success/error messages mirrored from Digits. */
.digits_login_form .xagor-digits-cyber .xagor-auth-notice-stack {
    position: relative !important;
    z-index: 18 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.digits_login_form .xagor-digits-cyber .xagor-auth-notice-stack--top {
    margin: -8px 0 16px !important;
}

.digits_login_form .xagor-digits-cyber .xagor-auth-notice-stack--bottom {
    margin: 14px 0 4px !important;
}

.digits_login_form .xagor-digits-cyber .xagor-auth-notice {
    --xagor-notice-rgb: var(--xagor-auth-secondary-rgb);
    position: relative !important;
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) 24px !important;
    align-items: center !important;
    gap: 9px !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 9px 11px !important;
    overflow: hidden !important;
    color: rgba(255, 255, 255, 0.90) !important;
    border: 1px solid rgb(var(--xagor-notice-rgb) / 0.36) !important;
    border-radius: 8px 17px 17px 17px !important;
    background:
        linear-gradient(100deg, rgb(var(--xagor-notice-rgb) / 0.10), rgba(10, 10, 16, 0.86) 48%, rgba(10, 10, 16, 0.94)) !important;
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.24),
        0 0 22px rgb(var(--xagor-notice-rgb) / 0.08),
        inset 3px 0 0 rgb(var(--xagor-notice-rgb) / 0.78) !important;
    opacity: 0 !important;
    transform: translateY(-7px) scale(.985) !important;
    clip-path: inset(0 100% 0 0) !important;
    box-sizing: border-box !important;
}

.digits_login_form .xagor-digits-cyber .xagor-auth-notice--success {
    --xagor-notice-rgb: 71 226 154;
}

.digits_login_form .xagor-digits-cyber .xagor-auth-notice--error {
    --xagor-notice-rgb: 255 91 130;
}

.digits_login_form .xagor-digits-cyber .xagor-auth-notice.is-visible {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    clip-path: inset(0 0 0 0) !important;
    animation: xagor-auth-notice-glitch-in 460ms steps(2, end) both !important;
}

.digits_login_form .xagor-digits-cyber.xagor-no-notice-glitch .xagor-auth-notice.is-visible {
    animation: xagor-auth-notice-fade-in 240ms ease both !important;
}

@media (prefers-reduced-motion: reduce) {
    .digits_login_form .xagor-digits-cyber.xagor-respect-reduced-motion .xagor-auth-notice.is-visible {
        animation: xagor-auth-notice-fade-in 240ms ease both !important;
    }
}

.digits_login_form .xagor-digits-cyber .xagor-auth-notice.is-leaving {
    pointer-events: none !important;
    animation: xagor-auth-notice-out 240ms ease both !important;
}

.digits_login_form .xagor-digits-cyber .xagor-auth-notice::before,
.digits_login_form .xagor-digits-cyber .xagor-auth-notice::after {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 1px !important;
    pointer-events: none !important;
    opacity: .65 !important;
}

.digits_login_form .xagor-digits-cyber .xagor-auth-notice::before {
    top: 32% !important;
    background: rgb(var(--xagor-notice-rgb) / .42) !important;
}

.digits_login_form .xagor-digits-cyber .xagor-auth-notice::after {
    bottom: 24% !important;
    background: rgb(var(--xagor-auth-accent-rgb) / .30) !important;
}

.digits_login_form .xagor-digits-cyber .xagor-auth-notice__icon,
.digits_login_form .xagor-digits-cyber .xagor-auth-notice__text,
.digits_login_form .xagor-digits-cyber .xagor-auth-notice__close {
    position: relative !important;
    z-index: 1 !important;
}

.digits_login_form .xagor-digits-cyber .xagor-auth-notice__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    color: rgb(var(--xagor-notice-rgb)) !important;
    border: 1px solid rgb(var(--xagor-notice-rgb) / .40) !important;
    border-radius: 7px 12px 12px 12px !important;
    background: rgb(var(--xagor-notice-rgb) / .10) !important;
    box-shadow: 0 0 14px rgb(var(--xagor-notice-rgb) / .14) !important;
    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}

.digits_login_form .xagor-digits-cyber .xagor-auth-notice__text {
    min-width: 0 !important;
    color: inherit !important;
    font-family: "YekanBakh", "Yekan", sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.75 !important;
    text-align: right !important;
    direction: rtl !important;
    overflow-wrap: anywhere !important;
}

.digits_login_form .xagor-digits-cyber .xagor-auth-notice__close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, .46) !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: Arial, sans-serif !important;
    font-size: 19px !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

.digits_login_form .xagor-digits-cyber .xagor-auth-notice__close:hover,
.digits_login_form .xagor-digits-cyber .xagor-auth-notice__close:focus-visible {
    color: #fff !important;
    background: rgba(255, 255, 255, .07) !important;
}

/* The original Digits message remains in the DOM for its own state machine,
   but becomes visually hidden after it has been mirrored into the cyber UI. */
.digits_login_form .xagor-digits-cyber .xagor-digits-notice-source,
.digits_login_form > .xagor-digits-notice-source {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Fallback styling for Digits builds that keep their native message in place. */
.digits_login_form .xagor-digits-cyber :is(.dig_error_message, .dig_success_message, .dig_popmessage, .dig_popmessage_contents, .dig_critical_msg, .digits-form_error, .digits-form_success, .digits-form_message) {
    width: 100% !important;
    margin: 10px 0 !important;
    padding: 10px 12px !important;
    color: rgba(255, 255, 255, .90) !important;
    border: 1px solid rgb(var(--xagor-auth-accent-rgb) / .34) !important;
    border-radius: 8px 17px 17px 17px !important;
    background: rgba(11, 11, 17, .90) !important;
    box-shadow: 0 12px 26px rgba(0, 0, 0, .22) !important;
    font-family: "YekanBakh", "Yekan", sans-serif !important;
    font-size: 12px !important;
    line-height: 1.75 !important;
    text-align: right !important;
    direction: rtl !important;
}

@keyframes xagor-auth-notice-glitch-in {
    0%   { opacity: 0; transform: translate3d(9px, -7px, 0) skewX(-4deg); clip-path: inset(0 100% 0 0); filter: hue-rotate(24deg); }
    22%  { opacity: .82; transform: translate3d(-6px, 0, 0) skewX(3deg); clip-path: inset(28% 0 42% 0); }
    38%  { opacity: .48; transform: translate3d(5px, 0, 0); clip-path: inset(62% 0 8% 0); filter: hue-rotate(-20deg); }
    56%  { opacity: 1; transform: translate3d(-2px, 0, 0); clip-path: inset(0 0 0 0); }
    76%  { transform: translate3d(2px, 0, 0); filter: none; }
    100% { opacity: 1; transform: translate3d(0, 0, 0); clip-path: inset(0 0 0 0); filter: none; }
}

@keyframes xagor-auth-notice-fade-in {
    from { opacity: 0; transform: translateY(-6px) scale(.99); clip-path: inset(0 0 0 0); }
    to   { opacity: 1; transform: translateY(0) scale(1); clip-path: inset(0 0 0 0); }
}

@keyframes xagor-auth-notice-out {
    from { opacity: 1; transform: translateY(0) scale(1); clip-path: inset(0 0 0 0); }
    to   { opacity: 0; transform: translateY(-5px) scale(.985); clip-path: inset(0 0 0 100%); }
}

@media (max-width: 767px) {
    .digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_secure_login_auth_wrapper .digits_otp_input-field,
    .digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_secure_login_auth_wrapper .otp_input,
    .digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_secure_login_auth_wrapper input[name*="otp"] {
        min-height: 56px !important;
        height: 56px !important;
        line-height: 56px !important;
        font-size: 16px !important;
    }

    .digits_login_form .xagor-digits-cyber .xagor-auth-notice {
        grid-template-columns: 26px minmax(0, 1fr) 22px !important;
        gap: 8px !important;
        min-height: 46px !important;
        padding: 8px 9px !important;
    }
}


/* ========================================================================== 
   Segmented OTP, single Digits notice and final-action labels — v1.7.0
   ========================================================================== */

/* The original Digits field remains the submitted source of truth, but the
   visible interface is split into one box per character. */
.digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_secure_login_auth_wrapper .xagor-otp-original {
    position: absolute !important;
    z-index: -1 !important;
    display: block !important;
    width: 1px !important;
    min-width: 1px !important;
    max-width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    border: 0 !important;
    box-shadow: none !important;
}

.digits_login_form .xagor-digits-cyber .xagor-otp-segments {
    position: relative !important;
    z-index: 2 !important;
    order: 1 !important;
    display: grid !important;
    grid-template-columns: repeat(var(--xagor-otp-length, 4), minmax(0, 1fr)) !important;
    gap: clamp(7px, 2.1vw, 12px) !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: ltr !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    box-sizing: border-box !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_input_info .xagor-otp-digit {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 62px !important;
    height: 62px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    caret-color: var(--xagor-auth-accent) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 8px 17px 17px 17px !important;
    outline: 0 !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .025)) !important;
    box-shadow:
        inset 0 14px 26px rgba(0, 0, 0, .22),
        0 8px 20px rgba(0, 0, 0, .16) !important;
    font-family: Arial, "YekanBakh", sans-serif !important;
    font-size: clamp(22px, 5vw, 28px) !important;
    font-weight: 800 !important;
    line-height: 62px !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    direction: ltr !important;
    box-sizing: border-box !important;
    transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_input_info .xagor-otp-digit:hover {
    border-color: rgb(var(--xagor-auth-accent-rgb) / .38) !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_input_info .xagor-otp-digit:focus {
    color: #fff !important;
    border-color: var(--xagor-auth-accent) !important;
    background: rgb(var(--xagor-auth-accent-rgb) / .105) !important;
    box-shadow:
        0 0 0 3px rgb(var(--xagor-auth-accent-rgb) / .10),
        0 0 24px rgb(var(--xagor-auth-accent-rgb) / .17),
        inset 0 14px 26px rgba(0, 0, 0, .20) !important;
    transform: translateY(-2px) !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_input_info .xagor-otp-digit.is-filled {
    color: var(--xagor-auth-accent) !important;
    border-color: rgb(var(--xagor-auth-accent-rgb) / .58) !important;
    background: rgb(var(--xagor-auth-accent-rgb) / .075) !important;
    text-shadow: 0 0 15px rgb(var(--xagor-auth-accent-rgb) / .48) !important;
}

/* The destination sentence/phone number is intentionally removed. The user
   already knows where the code was sent and this keeps the OTP step focused. */
.digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_secure_login_auth_wrapper .digits-form_input_info .digits_otp_info,
.digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_secure_login_auth_wrapper .digits-form_input_info .digits_otp_info_desc,
.digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_secure_login_auth_wrapper .digits-form_input_info .digits_otp_info_desc_text,
.digits_login_form .xagor-digits-cyber.xagor-otp-step .digits_secure_login_auth_wrapper .digits-form_input_info .digits_otp_dest {
    display: none !important;
}

/* Digits creates native body-level toasts. They are mirrored into the modal,
   then hidden permanently so error and success messages cannot flash behind it. */
body.xagor-digits-popup-open .dig_popmessage,
html.xagor-digits-popup-open .dig_popmessage.xagor-digits-native-message-hidden,
.dig_popmessage.xagor-digits-native-message-hidden {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Only one clean cyber notice is shown. Remove the two decorative bars that
   looked like extra borders through the native error text. */
.digits_login_form .xagor-digits-cyber .xagor-auth-notice::before,
.digits_login_form .xagor-digits-cyber .xagor-auth-notice::after {
    content: none !important;
    display: none !important;
}

.digits_login_form .xagor-digits-cyber .xagor-auth-notice-stack {
    gap: 0 !important;
}

@media (max-width: 767px) {
    .digits_login_form .xagor-digits-cyber .xagor-otp-segments {
        gap: 7px !important;
        padding: 0 !important;
    }

    .digits_login_form .xagor-digits-cyber .digits-form_input_info .xagor-otp-digit {
        min-height: 56px !important;
        height: 56px !important;
        line-height: 56px !important;
        font-size: 22px !important;
        border-radius: 7px 14px 14px 14px !important;
    }
}

@media (max-width: 380px) {
    .digits_login_form .xagor-digits-cyber .xagor-otp-segments {
        gap: 5px !important;
    }

    .digits_login_form .xagor-digits-cyber .digits-form_input_info .xagor-otp-digit {
        min-height: 50px !important;
        height: 50px !important;
        line-height: 50px !important;
        font-size: 20px !important;
    }
}

/* --------------------------------------------------------------------------
   Browser autofill normalization — v1.7.1
   Chrome/Safari/Edge paint a light native layer after returning from OTP or
   choosing a saved phone number. An inset paint layer keeps the field inside
   the cyber theme without disabling password managers or mobile autofill.
   -------------------------------------------------------------------------- */
.digits_login_form .xagor-digits-cyber input:-webkit-autofill,
.digits_login_form .xagor-digits-cyber input:-webkit-autofill:hover,
.digits_login_form .xagor-digits-cyber input:-webkit-autofill:focus,
.digits_login_form .xagor-digits-cyber input:-webkit-autofill:active {
    -webkit-text-fill-color: var(--xagor-auth-text) !important;
    caret-color: var(--xagor-auth-accent) !important;
    -webkit-box-shadow: 0 0 0 1000px rgba(25, 24, 31, .98) inset !important;
    box-shadow: 0 0 0 1000px rgba(25, 24, 31, .98) inset !important;
    border-radius: inherit !important;
    background-color: transparent !important;
    background-image: none !important;
    color: var(--xagor-auth-text) !important;
    filter: none !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    transition: background-color 99999s ease-out 0s, color .18s ease !important;
}

.digits_login_form .xagor-digits-cyber input:autofill,
.digits_login_form .xagor-digits-cyber input:autofill:hover,
.digits_login_form .xagor-digits-cyber input:autofill:focus {
    color: var(--xagor-auth-text) !important;
    caret-color: var(--xagor-auth-accent) !important;
    border-radius: inherit !important;
    background: rgba(25, 24, 31, .98) !important;
    box-shadow: 0 0 0 1000px rgba(25, 24, 31, .98) inset !important;
    filter: none !important;
}

/* Keep selected/saved values readable even while the browser restores the
   field before its autofill pseudo-class is applied. */
.digits_login_form .xagor-digits-cyber .digits-form_input input:not(.xagor-otp-digit) {
    color-scheme: dark !important;
    caret-color: var(--xagor-auth-accent) !important;
    border-radius: 6px 15px 15px 15px !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_input input:not(.xagor-otp-digit)::selection {
    color: #191919 !important;
    background: var(--xagor-auth-accent) !important;
}



/* --------------------------------------------------------------------------
   Autofill edge-to-edge paint — v1.7.2
   Digits keeps horizontal padding on the outer row. Browsers paint autofill
   only inside the native input, which leaves two visible side gutters. When
   autofill is active, move that padding to the input wrapper and paint the
   whole clipped row as one continuous surface.
   -------------------------------------------------------------------------- */
.digits_login_form .xagor-digits-cyber .digits-form_input_row:has(input:-webkit-autofill),
.digits_login_form .xagor-digits-cyber .digits-form_input_row:has(input:autofill),
.digits_login_form .xagor-digits-cyber .digits-form_input_row.xagor-autofill-row {
    padding-right: 0 !important;
    padding-left: 0 !important;
    background: rgba(25, 24, 31, .98) !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_input_row:has(input:-webkit-autofill) > .digits-form_input:has(input:-webkit-autofill),
.digits_login_form .xagor-digits-cyber .digits-form_input_row:has(input:autofill) > .digits-form_input:has(input:autofill),
.digits_login_form .xagor-digits-cyber .digits-form_input_row.xagor-autofill-row > .digits-form_input.xagor-autofill-field {
    display: flex !important;
    align-items: center !important;
    align-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 56px !important;
    padding: 2px 15px !important;
    overflow: hidden !important;
    border-radius: inherit !important;
    background: rgba(25, 24, 31, .98) !important;
    box-sizing: border-box !important;
}

.digits_login_form .xagor-digits-cyber .digits-form_input_row:has(input:-webkit-autofill) input:-webkit-autofill,
.digits_login_form .xagor-digits-cyber .digits-form_input_row.xagor-autofill-row input:-webkit-autofill {
    width: 100% !important;
    min-width: 0 !important;
    border-radius: 0 !important;
}

@keyframes xagor-auth-autofill-detected {
    from { opacity: .9999; }
    to { opacity: 1; }
}

.digits_login_form .xagor-digits-cyber input:-webkit-autofill {
    animation-name: xagor-auth-autofill-detected !important;
    animation-duration: .001s !important;
    animation-iteration-count: 1 !important;
}

/* ==========================================================================
   Clean segmented OTP wrapper — v1.7.3
   Only the individual digit boxes remain visible; the shared wrapper no
   longer paints a panel, haze, glow or inset layer behind the group.
   ========================================================================== */
.digits_login_form .xagor-digits-cyber .xagor-otp-segments,
.digits_login_form .xagor-digits-cyber .xagor-otp-segments:hover,
.digits_login_form .xagor-digits-cyber .xagor-otp-segments:focus-within {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.digits_login_form .xagor-digits-cyber .xagor-otp-segments::before,
.digits_login_form .xagor-digits-cyber .xagor-otp-segments::after {
    content: none !important;
    display: none !important;
}