/* ==========================================================================
   AFAQ AUTH - AUTH VERIFY OTP
   Path: assets/css/auth/verify-otp.css
   Version: auth-royal-v1.0
   Scope: html body .afaq-app.afaq-auth-verify-page
   ========================================================================== */

html body .afaq-app.afaq-auth-verify-page,
html body .afaq-app.afaq-auth-verify-page *,
html body .afaq-app.afaq-auth-verify-page *::before,
html body .afaq-app.afaq-auth-verify-page *::after {
    box-sizing: border-box !important;
}

html body .afaq-app.afaq-auth-verify-page {
    --auth-white: #FFFFFF;
    --auth-bg: #F6F8FB;
    --auth-cream: #F6F8FB;
    --auth-paper: #FFFFFF;
    --auth-title: #172A47;
    --auth-text: #24364F;
    --auth-muted: #6B7788;
    --auth-gold: #172A47;
    --auth-gold-2: #071F3F;
    --auth-green: #15945A;
    --auth-blue: #172A47;
    --auth-red: #C43D3D;
    --auth-orange: #172A47;
    --auth-border: rgba(23,42,71,.075);
    --auth-border-gold: rgba(23,42,71,.16);
    --auth-shadow-xs: 0 4px 12px rgba(7,31,63,.03);
    --auth-shadow-sm: 0 10px 26px rgba(7,31,63,.05);
    --auth-shadow-md: 0 18px 52px rgba(7,31,63,.075);
    --auth-shadow-lg: 0 34px 95px rgba(7,31,63,.12);
    --auth-font: "Tajawal", "IBM Plex Sans Arabic", "Segoe UI", Arial, sans-serif;

    width: 100% !important;
    min-height: 100svh !important;
    direction: rtl !important;
    isolation: isolate !important;
    overflow-x: hidden !important;
    color: var(--auth-text) !important;
    font-family: var(--auth-font) !important;
    background:
        radial-gradient(circle at 12% -120px, rgba(23,42,71,.20), transparent 380px),
        radial-gradient(circle at 96% 7%, rgba(23,42,71,.095), transparent 360px),
        radial-gradient(circle at 15% 100%, rgba(23,42,71,.10), transparent 380px),
        linear-gradient(180deg, #F6F8FB 0%, #FFFFFF 42%, #F6F8FB 100%) !important;
}

html body .afaq-app.afaq-auth-verify-page :where(a,button,input,textarea,select,label,p,h1,h2,h3,h4,h5,h6,div,span,strong,small) {
    font-family: var(--auth-font) !important;
}

html body .afaq-app.afaq-auth-verify-page a {
    color: inherit !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

html body .afaq-app.afaq-auth-verify-page .dashicons,
html body .afaq-app.afaq-auth-verify-page .dashicons-before::before {
    font-family: dashicons !important;
    line-height: 1 !important;
}

/* Page frame */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-mobile-frame {
    position: relative !important;
    width: 100% !important;
    min-height: 100svh !important;
    padding: 24px !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-mobile-frame::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background:
        linear-gradient(135deg, rgba(23,42,71,.03) 25%, transparent 25%) 0 0/30px 30px,
        linear-gradient(315deg, rgba(7,31,63,.015) 25%, transparent 25%) 0 0/38px 38px !important;
    opacity: .58 !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-mobile-frame--wide .afaq-auth-hero-card {
    width: min(820px, 100%) !important;
}

/* Card */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card {
    position: relative !important;
    width: min(520px, 100%) !important;
    min-height: 0 !important;
    padding: 24px !important;
    border-radius: 34px !important;
    border: 1px solid rgba(23,42,71,.20) !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(23,42,71,.16), transparent 36%),
        radial-gradient(circle at 100% 12%, rgba(23,42,71,.070), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,250,242,.96) 56%, rgba(255,255,255,.98)) !important;
    box-shadow:
        0 34px 95px rgba(7,31,63,.12),
        inset 0 1px 0 rgba(255,255,255,.92) !important;
    overflow: hidden !important;
    display: grid !important;
    gap: 16px !important;
    z-index: 1 !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        repeating-linear-gradient(-45deg, rgba(23,42,71,.036) 0 1px, transparent 1px 18px),
        linear-gradient(90deg, rgba(23,42,71,.08), transparent 56%) !important;
    opacity: .82 !important;
    pointer-events: none !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card::after {
    content: "" !important;
    position: absolute !important;
    width: 330px !important;
    height: 330px !important;
    inset-inline-end: -120px !important;
    top: -140px !important;
    border-radius: 999px !important;
    background: radial-gradient(circle, rgba(23,42,71,.15), transparent 66%) !important;
    pointer-events: none !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > * {
    position: relative !important;
    z-index: 1 !important;
}

/* Orbits */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-orbit {
    position: absolute !important;
    border-radius: 999px !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-orbit--one {
    width: 190px !important;
    height: 190px !important;
    inset-inline-start: -74px !important;
    bottom: -74px !important;
    background: radial-gradient(circle, rgba(23,42,71,.13), transparent 66%) !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-orbit--two {
    width: 130px !important;
    height: 130px !important;
    inset-inline-end: 32px !important;
    bottom: 30px !important;
    background: radial-gradient(circle, rgba(23,42,71,.08), transparent 66%) !important;
}

/* Brand */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-brand-row {
    display: grid !important;
    grid-template-columns: 58px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 12px !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-logo-mark {
    width: 58px !important;
    height: 58px !important;
    border-radius: 21px !important;
    border: 1px solid rgba(23,42,71,.20) !important;
    background:
        radial-gradient(circle at 30% 16%, rgba(255,255,255,.85), transparent 36%),
        linear-gradient(135deg, rgba(23,42,71,.14), rgba(255,255,255,.94)) !important;
    box-shadow:
        0 12px 28px rgba(23,42,71,.10),
        inset 0 1px 0 rgba(255,255,255,.88) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-logo-mark img {
    width: 74% !important;
    height: 74% !important;
    object-fit: contain !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-logo-mark span {
    color: #172A47 !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-brand-row > div:last-child {
    min-width: 0 !important;
    display: grid !important;
    gap: 3px !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-kicker {
    color: #172A47 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 1.35 !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-brand-row strong {
    color: var(--auth-title) !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

/* Title */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block {
    display: grid !important;
    gap: 8px !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-pill {
    width: fit-content !important;
    min-height: 28px !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    color: #172A47 !important;
    background: linear-gradient(135deg, rgba(23,42,71,.12), rgba(255,255,255,.72)) !important;
    border: 1px solid rgba(23,42,71,.22) !important;
    display: inline-flex !important;
    align-items: center !important;
    font-size: 10px !important;
    font-weight: 950 !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block h1 {
    margin: 0 !important;
    color: var(--auth-title) !important;
    font-size: clamp(30px, 3.4vw, 54px) !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    letter-spacing: -.035em !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block p {
    margin: 0 !important;
    color: #6B7788 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
    font-weight: 760 !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block p strong {
    color: #172A47 !important;
    font-weight: 950 !important;
}

/* Notices */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-notices {
    display: grid !important;
    gap: 8px !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-notice {
    min-height: 40px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(23,42,71,.075) !important;
    background: #FFFFFF !important;
    color: var(--auth-title) !important;
    box-shadow: var(--auth-shadow-xs) !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
    font-weight: 850 !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-notice--success {
    color: var(--auth-green) !important;
    background: rgba(20,147,90,.08) !important;
    border-color: rgba(20,147,90,.18) !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-notice--error {
    color: var(--auth-red) !important;
    background: rgba(217,72,72,.08) !important;
    border-color: rgba(217,72,72,.18) !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-notice--info {
    color: var(--auth-blue) !important;
    background: rgba(23,42,71,.08) !important;
    border-color: rgba(23,42,71,.18) !important;
}

/* Form */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-form {
    display: grid !important;
    gap: 12px !important;
    margin: 0 !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-grid-two {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 10px !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-field {
    display: grid !important;
    gap: 7px !important;
    min-width: 0 !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-field label {
    color: var(--auth-title) !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 950 !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-input-wrap {
    position: relative !important;
    min-width: 0 !important;
    display: grid !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-input-wrap > .dashicons {
    position: absolute !important;
    inset-inline-start: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
    height: 20px !important;
    color: #172A47 !important;
    z-index: 2 !important;
    font-size: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-input-wrap input,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-input-wrap select,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field textarea {
    width: 100% !important;
    min-height: 52px !important;
    padding: 11px 42px 11px 12px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(23,42,71,.08) !important;
    background: #FFFFFF !important;
    color: var(--auth-title) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        0 6px 14px rgba(7,31,63,.026) !important;
    outline: none !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    transition: .2s ease !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-input-wrap input:focus,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-input-wrap select:focus,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field textarea:focus {
    border-color: rgba(23,42,71,.42) !important;
    box-shadow:
        0 0 0 4px rgba(23,42,71,.10),
        inset 0 1px 0 rgba(255,255,255,.9) !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-help-text {
    color: var(--auth-muted) !important;
    font-size: 9.5px !important;
    line-height: 1.55 !important;
    font-weight: 760 !important;
}

/* OTP */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-otp-wrap {
    display: grid !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-otp-input {
    width: 100% !important;
    min-height: 62px !important;
    padding: 10px 18px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(23,42,71,.20) !important;
    background:
        linear-gradient(180deg,#FFFFFF,#FFFFFF) !important;
    color: var(--auth-title) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        0 10px 25px rgba(23,42,71,.08) !important;
    outline: none !important;
    text-align: center !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .35em !important;
}

/* Choices */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 10px !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice {
    position: relative !important;
    min-height: 116px !important;
    padding: 14px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(23,42,71,.070) !important;
    background:
        radial-gradient(circle at 0 0, rgba(23,42,71,.070), transparent 36%),
        #FFFFFF !important;
    box-shadow: var(--auth-shadow-xs) !important;
    display: grid !important;
    gap: 6px !important;
    cursor: pointer !important;
    overflow: hidden !important;
    transition: .22s ease !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:hover,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice.is-selected {
    border-color: rgba(23,42,71,.32) !important;
    box-shadow: var(--auth-shadow-sm) !important;
    transform: translateY(-2px) !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice .dashicons {
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
    color: #172A47 !important;
    background: rgba(23,42,71,.10) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice strong {
    color: var(--auth-title) !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice small {
    color: var(--auth-muted) !important;
    font-size: 10px !important;
    line-height: 1.5 !important;
    font-weight: 760 !important;
}

/* Checkbox */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-check {
    padding: 10px 12px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(23,42,71,.06) !important;
    background: rgba(255,255,255,.74) !important;
    display: grid !important;
    grid-template-columns: 18px minmax(0,1fr) !important;
    gap: 8px !important;
    align-items: start !important;
    cursor: pointer !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-check input {
    width: 18px !important;
    height: 18px !important;
    accent-color: var(--auth-gold) !important;
    margin: 0 !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-check span {
    color: var(--auth-muted) !important;
    font-size: 10px !important;
    line-height: 1.65 !important;
    font-weight: 760 !important;
}

/* Submit */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-submit {
    width: 100% !important;
    min-height: 54px !important;
    padding: 12px 16px !important;
    border: 0 !important;
    border-radius: 17px !important;
    color: #FFFFFF !important;
    background:
        radial-gradient(circle at 30% 18%, rgba(255,255,255,.24), transparent 34%),
        linear-gradient(135deg, var(--auth-gold), var(--auth-gold-2)) !important;
    box-shadow: 0 18px 38px rgba(23,42,71,.24) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    transition: .22s ease !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-submit:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 24px 45px rgba(23,42,71,.30) !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-submit i {
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important;
}

/* Resend */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-resend {
    margin: -4px 0 0 !important;
    display: flex !important;
    justify-content: center !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-resend button {
    min-height: 38px !important;
    padding: 8px 13px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(23,42,71,.18) !important;
    background: rgba(23,42,71,.08) !important;
    color: #172A47 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

/* Footer */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-footer-line {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    color: var(--auth-muted) !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    font-weight: 800 !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-footer-line a {
    color: #172A47 !important;
    font-weight: 950 !important;
}

/* Page-specific touch */

html body .afaq-auth-verify-page .afaq-auth-hero-card {
    width: min(520px, 100%) !important;
}
html body .afaq-auth-verify-page .afaq-auth-field.is-prefilled .afaq-auth-input-wrap input {
    border-color: rgba(20,147,90,.18) !important;
    background: linear-gradient(180deg,#FFFFFF,rgba(20,147,90,.035)) !important;
}


/* Responsive */
@media screen and (max-width: 760px) {
    html body .afaq-app.afaq-auth-verify-page .afaq-auth-mobile-frame {
        padding: 8px !important;
        min-height: 100svh !important;
        place-items: start center !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card {
        width: 100% !important;
        padding: 13px !important;
        border-radius: 19px !important;
        gap: 9px !important;
        margin-top: 6px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-brand-row {
        grid-template-columns: 42px minmax(0,1fr) !important;
        gap: 8px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-logo-mark {
        width: 42px !important;
        height: 42px !important;
        border-radius: 14px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-kicker {
        font-size: 7.5px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-brand-row strong {
        font-size: 12px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block {
        gap: 5px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-pill {
        min-height: 20px !important;
        padding: 4px 7px !important;
        font-size: 7px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block h1 {
        font-size: 22px !important;
        line-height: 1.08 !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block p {
        font-size: 8px !important;
        line-height: 1.35 !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-notices {
        gap: 5px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-notice {
        min-height: 30px !important;
        padding: 7px 8px !important;
        border-radius: 9px !important;
        font-size: 7.6px !important;
        line-height: 1.35 !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-form {
        gap: 7px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-grid-two,
    html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice-grid {
        grid-template-columns: 1fr !important;
        gap: 6px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-field {
        gap: 4px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-field label {
        font-size: 8px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-input-wrap > .dashicons {
        inset-inline-start: 8px !important;
        width: 15px !important;
        height: 15px !important;
        font-size: 14px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-input-wrap input,
    html body .afaq-app.afaq-auth-verify-page .afaq-auth-input-wrap select {
        min-height: 36px !important;
        padding: 7px 30px 7px 8px !important;
        border-radius: 10px !important;
        font-size: 8.5px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-help-text {
        font-size: 7px !important;
        line-height: 1.25 !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice {
        min-height: 58px !important;
        padding: 8px !important;
        border-radius: 11px !important;
        grid-template-columns: 30px minmax(0,1fr) !important;
        grid-template-rows: auto auto !important;
        gap: 3px 7px !important;
        align-items: center !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice .dashicons {
        grid-row: 1 / 3 !important;
        width: 30px !important;
        height: 30px !important;
        border-radius: 10px !important;
        font-size: 14px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice strong {
        font-size: 9px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice small {
        font-size: 7px !important;
        line-height: 1.2 !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-check {
        padding: 7px !important;
        border-radius: 10px !important;
        grid-template-columns: 15px minmax(0,1fr) !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-check input {
        width: 15px !important;
        height: 15px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-check span {
        font-size: 7px !important;
        line-height: 1.35 !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-otp-input {
        min-height: 48px !important;
        border-radius: 12px !important;
        font-size: 22px !important;
        letter-spacing: .25em !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-submit {
        min-height: 38px !important;
        border-radius: 11px !important;
        font-size: 8.5px !important;
        padding: 8px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-resend button {
        min-height: 28px !important;
        padding: 5px 9px !important;
        font-size: 7.2px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-footer-line {
        font-size: 7.5px !important;
        gap: 5px !important;
    }
}

@media screen and (max-width: 430px) {
    html body .afaq-app.afaq-auth-verify-page .afaq-auth-mobile-frame {
        padding: 6px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card {
        border-radius: 16px !important;
        padding: 11px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block h1 {
        font-size: 20px !important;
    }
}

/* old spill killer */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card *,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-form,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-form * {
    -webkit-text-fill-color: currentColor !important;
}

/* AUTH VERIFY OTP micro polish 001 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(2) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(2) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.01s !important;
}


/* AUTH VERIFY OTP micro polish 002 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(3) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(3) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.02s !important;
}


/* AUTH VERIFY OTP micro polish 003 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(4) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(4) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.03s !important;
}


/* AUTH VERIFY OTP micro polish 004 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(5) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(5) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.04s !important;
}


/* AUTH VERIFY OTP micro polish 005 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(6) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(6) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.05s !important;
}


/* AUTH VERIFY OTP micro polish 006 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(7) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(7) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.06s !important;
}


/* AUTH VERIFY OTP micro polish 007 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(8) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(1) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.07s !important;
}


/* AUTH VERIFY OTP micro polish 008 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(9) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(2) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.08s !important;
}


/* AUTH VERIFY OTP micro polish 009 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(1) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(3) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.09s !important;
}


/* AUTH VERIFY OTP micro polish 010 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(2) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(4) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.10s !important;
}


/* AUTH VERIFY OTP micro polish 011 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(3) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(5) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.11s !important;
}


/* AUTH VERIFY OTP micro polish 012 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(4) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(6) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.12s !important;
}


/* AUTH VERIFY OTP micro polish 013 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(5) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(7) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.13s !important;
}


/* AUTH VERIFY OTP micro polish 014 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(6) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(1) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.14s !important;
}


/* AUTH VERIFY OTP micro polish 015 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(7) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(2) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.15s !important;
}


/* AUTH VERIFY OTP micro polish 016 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(8) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(3) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.16s !important;
}


/* AUTH VERIFY OTP micro polish 017 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(9) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(4) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.17s !important;
}


/* AUTH VERIFY OTP micro polish 018 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(1) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(5) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.18s !important;
}


/* AUTH VERIFY OTP micro polish 019 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(2) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(6) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.19s !important;
}


/* AUTH VERIFY OTP micro polish 020 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(3) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(7) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.20s !important;
}


/* AUTH VERIFY OTP micro polish 021 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(4) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(1) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.21s !important;
}


/* AUTH VERIFY OTP micro polish 022 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(5) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(2) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.22s !important;
}


/* AUTH VERIFY OTP micro polish 023 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(6) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(3) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.23s !important;
}


/* AUTH VERIFY OTP micro polish 024 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(7) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(4) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.24s !important;
}


/* AUTH VERIFY OTP micro polish 025 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(8) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(5) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.25s !important;
}


/* AUTH VERIFY OTP micro polish 026 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(9) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(6) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.26s !important;
}


/* AUTH VERIFY OTP micro polish 027 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(1) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(7) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.27s !important;
}


/* AUTH VERIFY OTP micro polish 028 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(2) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(1) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.28s !important;
}


/* AUTH VERIFY OTP micro polish 029 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(3) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(2) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.29s !important;
}


/* AUTH VERIFY OTP micro polish 030 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(4) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(3) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.30s !important;
}


/* AUTH VERIFY OTP micro polish 031 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(5) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(4) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.31s !important;
}


/* AUTH VERIFY OTP micro polish 032 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(6) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(5) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.32s !important;
}


/* AUTH VERIFY OTP micro polish 033 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(7) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(6) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.33s !important;
}


/* AUTH VERIFY OTP micro polish 034 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(8) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(7) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.34s !important;
}


/* AUTH VERIFY OTP micro polish 035 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(9) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(1) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.35s !important;
}


/* AUTH VERIFY OTP micro polish 036 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(1) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(2) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.36s !important;
}


/* AUTH VERIFY OTP micro polish 037 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(2) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(3) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.37s !important;
}


/* AUTH VERIFY OTP micro polish 038 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(3) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(4) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.38s !important;
}


/* AUTH VERIFY OTP micro polish 039 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(4) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(5) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.39s !important;
}


/* AUTH VERIFY OTP micro polish 040 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(5) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(6) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.40s !important;
}


/* AUTH VERIFY OTP micro polish 041 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(6) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(7) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.41s !important;
}


/* AUTH VERIFY OTP micro polish 042 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(7) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(1) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.42s !important;
}


/* AUTH VERIFY OTP micro polish 043 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(8) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(2) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.43s !important;
}


/* AUTH VERIFY OTP micro polish 044 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(9) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(3) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.44s !important;
}


/* AUTH VERIFY OTP micro polish 045 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(1) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(4) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.45s !important;
}


/* AUTH VERIFY OTP micro polish 046 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(2) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(5) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.46s !important;
}


/* AUTH VERIFY OTP micro polish 047 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(3) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(6) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.47s !important;
}


/* AUTH VERIFY OTP micro polish 048 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(4) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(7) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.48s !important;
}


/* AUTH VERIFY OTP micro polish 049 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(5) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(1) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.49s !important;
}


/* AUTH VERIFY OTP micro polish 050 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(6) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(2) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.50s !important;
}


/* AUTH VERIFY OTP micro polish 051 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(7) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(3) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.51s !important;
}


/* AUTH VERIFY OTP micro polish 052 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(8) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(4) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.52s !important;
}


/* AUTH VERIFY OTP micro polish 053 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(9) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(5) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.53s !important;
}


/* AUTH VERIFY OTP micro polish 054 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(1) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(6) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.54s !important;
}


/* AUTH VERIFY OTP micro polish 055 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(2) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(7) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.55s !important;
}


/* AUTH VERIFY OTP micro polish 056 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(3) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(1) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.56s !important;
}


/* AUTH VERIFY OTP micro polish 057 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(4) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(2) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.57s !important;
}


/* AUTH VERIFY OTP micro polish 058 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(5) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(3) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.58s !important;
}


/* AUTH VERIFY OTP micro polish 059 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(6) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(4) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.59s !important;
}


/* AUTH VERIFY OTP micro polish 060 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(7) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(5) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.60s !important;
}


/* AUTH VERIFY OTP micro polish 061 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(8) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(6) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.61s !important;
}


/* AUTH VERIFY OTP micro polish 062 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(9) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(7) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.62s !important;
}


/* AUTH VERIFY OTP micro polish 063 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(1) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(1) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.63s !important;
}


/* AUTH VERIFY OTP micro polish 064 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(2) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(2) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.64s !important;
}


/* AUTH VERIFY OTP micro polish 065 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(3) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(3) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.65s !important;
}


/* AUTH VERIFY OTP micro polish 066 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(4) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(4) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.66s !important;
}


/* AUTH VERIFY OTP micro polish 067 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(5) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(5) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.67s !important;
}


/* AUTH VERIFY OTP micro polish 068 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(6) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(6) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.68s !important;
}


/* AUTH VERIFY OTP micro polish 069 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(7) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(7) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.69s !important;
}


/* AUTH VERIFY OTP micro polish 070 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(8) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(1) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.70s !important;
}


/* AUTH VERIFY OTP micro polish 071 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(9) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(2) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.71s !important;
}


/* AUTH VERIFY OTP micro polish 072 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(1) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(3) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.72s !important;
}


/* AUTH VERIFY OTP micro polish 073 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(2) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(4) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.73s !important;
}


/* AUTH VERIFY OTP micro polish 074 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(3) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(5) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.74s !important;
}


/* AUTH VERIFY OTP micro polish 075 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(4) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(6) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.75s !important;
}


/* AUTH VERIFY OTP micro polish 076 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(5) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(7) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.76s !important;
}


/* AUTH VERIFY OTP micro polish 077 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(6) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(1) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.77s !important;
}


/* AUTH VERIFY OTP micro polish 078 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(7) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(2) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.78s !important;
}


/* AUTH VERIFY OTP micro polish 079 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(8) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(3) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.79s !important;
}


/* AUTH VERIFY OTP micro polish 080 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(9) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(4) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.80s !important;
}


/* AUTH VERIFY OTP micro polish 081 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(1) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(5) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.81s !important;
}


/* AUTH VERIFY OTP micro polish 082 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(2) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(6) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.82s !important;
}


/* AUTH VERIFY OTP micro polish 083 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(3) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(7) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.83s !important;
}


/* AUTH VERIFY OTP micro polish 084 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(4) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(1) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.84s !important;
}


/* AUTH VERIFY OTP micro polish 085 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(5) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(2) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.85s !important;
}


/* AUTH VERIFY OTP micro polish 086 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(6) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(3) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.86s !important;
}


/* AUTH VERIFY OTP micro polish 087 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(7) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(4) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.87s !important;
}


/* AUTH VERIFY OTP micro polish 088 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(8) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(5) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.88s !important;
}


/* AUTH VERIFY OTP micro polish 089 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(9) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(6) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.89s !important;
}


/* AUTH VERIFY OTP micro polish 090 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(1) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(7) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.90s !important;
}


/* AUTH VERIFY OTP micro polish 091 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(2) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(1) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.91s !important;
}


/* AUTH VERIFY OTP micro polish 092 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(3) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(2) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.92s !important;
}


/* AUTH VERIFY OTP micro polish 093 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(4) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(3) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.93s !important;
}


/* AUTH VERIFY OTP micro polish 094 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(5) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(4) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.94s !important;
}


/* AUTH VERIFY OTP micro polish 095 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(6) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(5) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.95s !important;
}


/* AUTH VERIFY OTP micro polish 096 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(7) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(6) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.96s !important;
}


/* AUTH VERIFY OTP micro polish 097 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(8) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(7) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.97s !important;
}


/* AUTH VERIFY OTP micro polish 098 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(9) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(1) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 0.98s !important;
}


/* AUTH VERIFY OTP micro polish 099 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(1) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(2) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 0.99s !important;
}


/* AUTH VERIFY OTP micro polish 100 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(2) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(3) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 1.00s !important;
}


/* AUTH VERIFY OTP micro polish 101 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(3) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(4) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 1.01s !important;
}


/* AUTH VERIFY OTP micro polish 102 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(4) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(5) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 1.02s !important;
}


/* AUTH VERIFY OTP micro polish 103 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(5) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(6) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 1.03s !important;
}


/* AUTH VERIFY OTP micro polish 104 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(6) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(7) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 1.04s !important;
}


/* AUTH VERIFY OTP micro polish 105 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(7) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(1) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 1.05s !important;
}


/* AUTH VERIFY OTP micro polish 106 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(8) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(2) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 1.06s !important;
}


/* AUTH VERIFY OTP micro polish 107 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(9) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(3) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 1.07s !important;
}


/* AUTH VERIFY OTP micro polish 108 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(1) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(4) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 1.08s !important;
}


/* AUTH VERIFY OTP micro polish 109 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(2) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(5) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 1.09s !important;
}


/* AUTH VERIFY OTP micro polish 110 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(3) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(6) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 1.10s !important;
}


/* AUTH VERIFY OTP micro polish 111 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(4) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(7) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 1.11s !important;
}


/* AUTH VERIFY OTP micro polish 112 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(5) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(1) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 1.12s !important;
}


/* AUTH VERIFY OTP micro polish 113 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(6) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(2) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 1.13s !important;
}


/* AUTH VERIFY OTP micro polish 114 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(7) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(3) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 1.14s !important;
}


/* AUTH VERIFY OTP micro polish 115 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(8) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(4) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 1.15s !important;
}


/* AUTH VERIFY OTP micro polish 116 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(9) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(5) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 1.16s !important;
}


/* AUTH VERIFY OTP micro polish 117 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(1) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(6) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 1.17s !important;
}


/* AUTH VERIFY OTP micro polish 118 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(2) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(7) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 1.18s !important;
}


/* AUTH VERIFY OTP micro polish 119 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(3) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(1) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 1.19s !important;
}


/* AUTH VERIFY OTP micro polish 120 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(4) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(2) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 1.20s !important;
}


/* AUTH VERIFY OTP micro polish 121 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(5) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(3) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 1.21s !important;
}


/* AUTH VERIFY OTP micro polish 122 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(6) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(4) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 1.22s !important;
}


/* AUTH VERIFY OTP micro polish 123 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(7) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(5) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 1.23s !important;
}


/* AUTH VERIFY OTP micro polish 124 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(8) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(6) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 1.24s !important;
}


/* AUTH VERIFY OTP micro polish 125 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(9) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(7) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 1.25s !important;
}


/* AUTH VERIFY OTP micro polish 126 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(1) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(1) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 1.26s !important;
}


/* AUTH VERIFY OTP micro polish 127 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(2) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(2) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 1.27s !important;
}


/* AUTH VERIFY OTP micro polish 128 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(3) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(3) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 1.28s !important;
}


/* AUTH VERIFY OTP micro polish 129 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(4) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(4) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 1.29s !important;
}


/* AUTH VERIFY OTP micro polish 130 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(5) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(5) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 1.30s !important;
}


/* AUTH VERIFY OTP micro polish 131 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(6) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(6) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 1.31s !important;
}


/* AUTH VERIFY OTP micro polish 132 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(7) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(7) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 1.32s !important;
}


/* AUTH VERIFY OTP micro polish 133 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(8) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(1) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 1.33s !important;
}


/* AUTH VERIFY OTP micro polish 134 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(9) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(2) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 1.34s !important;
}


/* AUTH VERIFY OTP micro polish 135 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(1) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(3) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 1.35s !important;
}


/* AUTH VERIFY OTP micro polish 136 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(2) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(4) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 1.36s !important;
}


/* AUTH VERIFY OTP micro polish 137 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(3) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(5) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 1.37s !important;
}


/* AUTH VERIFY OTP micro polish 138 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(4) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(6) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 1.38s !important;
}


/* AUTH VERIFY OTP micro polish 139 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(5) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(7) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 1.39s !important;
}


/* AUTH VERIFY OTP micro polish 140 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(6) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(1) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 1.40s !important;
}


/* AUTH VERIFY OTP micro polish 141 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(7) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(2) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 1.41s !important;
}


/* AUTH VERIFY OTP micro polish 142 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(8) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(3) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 1.42s !important;
}


/* AUTH VERIFY OTP micro polish 143 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(9) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(4) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(2) {
    animation-delay: 1.43s !important;
}


/* AUTH VERIFY OTP micro polish 144 */
html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card > *:nth-child(1) {
    backface-visibility: hidden !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field:nth-of-type(5) {
    transform: translateZ(0) !important;
}
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice:nth-child(1) {
    animation-delay: 1.44s !important;
}

/* ========================================================================
   AFAQ VERIFY OTP - HOTFIX V2
   Purpose: إصلاح صفحة تأكيد الجوال عند تداخل قالب ووردبريس/إليمنتور.
   ======================================================================== */

html body .entry-content > .afaq-app.afaq-auth-verify-page,
html body .wp-block-post-content > .afaq-app.afaq-auth-verify-page,
html body .site-main .afaq-app.afaq-auth-verify-page,
html body .content-area .afaq-app.afaq-auth-verify-page,
html body .elementor-widget-container > .afaq-app.afaq-auth-verify-page,
html body .elementor-shortcode > .afaq-app.afaq-auth-verify-page {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .afaq-app.afaq-auth-verify-page {
    min-height: 100svh !important;
    display: block !important;
    overflow-x: hidden !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-mobile-frame {
    width: 100% !important;
    min-height: 100svh !important;
    padding: clamp(12px, 3vw, 30px) !important;
    display: grid !important;
    place-items: center !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card,
html body .afaq-auth-verify-page .afaq-auth-hero-card {
    width: min(500px, calc(100vw - 24px)) !important;
    max-width: 500px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: clamp(16px, 3vw, 26px) !important;
    border-radius: clamp(22px, 4vw, 34px) !important;
    overflow: hidden !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block h1 {
    font-size: clamp(28px, 7vw, 46px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.04em !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block p {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-form {
    width: 100% !important;
    display: grid !important;
    gap: 13px !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-input-wrap input,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-otp-input {
    max-width: 100% !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-otp-input {
    direction: ltr !important;
    unicode-bidi: plaintext !important;
    letter-spacing: .28em !important;
    padding-inline-start: calc(18px + .28em) !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-submit,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-resend button {
    transform: none !important;
    text-decoration: none !important;
    box-shadow: 0 16px 36px rgba(23,42,71,.20) !important;
}

@media screen and (max-width: 520px) {
    html body .afaq-app.afaq-auth-verify-page .afaq-auth-mobile-frame {
        padding: 8px !important;
        place-items: start center !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card {
        width: calc(100vw - 16px) !important;
        padding: 14px !important;
        gap: 10px !important;
        margin-top: 6px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-brand-row {
        grid-template-columns: 44px minmax(0, 1fr) !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block h1 {
        font-size: 30px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-otp-input {
        min-height: 56px !important;
        font-size: 25px !important;
        letter-spacing: .18em !important;
        padding-inline-start: calc(14px + .18em) !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-footer-line {
        font-size: 10px !important;
        gap: 6px !important;
    }
}



/* ==========================================================================
   AFAQ VERIFY OTP — PAYMENT IDENTITY + DESKTOP WIDE + MOBILE STABLE V1
   Hard isolated final override.
   ========================================================================== */

html body .afaq-app.afaq-auth-verify-page,
html body .afaq-app.afaq-auth-verify-page * {
    -webkit-text-fill-color: currentColor !important;
}

html body .afaq-app.afaq-auth-verify-page {
    --auth-white: #FFFFFF !important;
    --auth-bg: #F6F8FB !important;
    --auth-cream: #F6F8FB !important;
    --auth-paper: #FFFFFF !important;
    --auth-title: #172A47 !important;
    --auth-text: #24364F !important;
    --auth-muted: #6B7788 !important;
    --auth-gold: #172A47 !important;
    --auth-gold-2: #071F3F !important;
    --auth-green: #15945A !important;
    --auth-blue: #172A47 !important;
    --auth-red: #C43D3D !important;
    --auth-orange: #172A47 !important;
    --auth-border: rgba(23,42,71,.075) !important;
    --auth-border-gold: rgba(23,42,71,.16) !important;
    background:
        radial-gradient(circle at 12% -120px, rgba(23,42,71,.08), transparent 390px),
        radial-gradient(circle at 96% 7%, rgba(23,42,71,.065), transparent 390px),
        radial-gradient(circle at 15% 100%, rgba(23,42,71,.055), transparent 390px),
        linear-gradient(180deg, #F6F8FB 0%, #FFFFFF 42%, #F6F8FB 100%) !important;
    color: #24364F !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-mobile-frame {
    width: 100% !important;
    min-height: 100svh !important;
    padding: 28px !important;
    place-items: center !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-mobile-frame::before {
    background:
        linear-gradient(135deg, rgba(23,42,71,.026) 25%, transparent 25%) 0 0/30px 30px,
        linear-gradient(315deg, rgba(23,42,71,.012) 25%, transparent 25%) 0 0/38px 38px !important;
    opacity: .62 !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-mobile-frame::after {
    content: "" !important;
    position: absolute !important;
    inset: auto 8% 6% auto !important;
    width: 230px !important;
    height: 230px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(23,42,71,.055) !important;
    background: radial-gradient(circle, rgba(255,255,255,.95), rgba(23,42,71,.035), transparent 70%) !important;
    pointer-events: none !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card {
    width: min(980px, 100%) !important;
    min-height: auto !important;
    padding: clamp(22px, 2.2vw, 34px) !important;
    border-radius: 32px !important;
    border: 1px solid rgba(23,42,71,.11) !important;
    outline: 7px solid rgba(255,255,255,.60) !important;
    background:
        radial-gradient(circle at 10% 0%, rgba(23,42,71,.065), transparent 34%),
        radial-gradient(circle at 100% 10%, rgba(23,42,71,.045), transparent 32%),
        repeating-linear-gradient(-45deg, rgba(23,42,71,.018) 0 1px, transparent 1px 18px),
        linear-gradient(135deg, rgba(255,255,255,.99), rgba(255,255,255,.96) 58%, rgba(246,248,251,.98)) !important;
    box-shadow: 0 34px 95px rgba(23,42,71,.12), 0 1px 0 rgba(255,255,255,.92) inset !important;
    display: grid !important;
    grid-template-columns: minmax(0, .92fr) minmax(360px, .58fr) !important;
    grid-template-areas:
        "brand form"
        "title form"
        "footer form" !important;
    align-items: center !important;
    gap: clamp(18px, 2.4vw, 34px) !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card::before {
    background:
        linear-gradient(90deg, rgba(23,42,71,.055), transparent 56%),
        repeating-linear-gradient(-45deg, rgba(23,42,71,.018) 0 1px, transparent 1px 18px) !important;
    opacity: .75 !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card::after {
    width: 420px !important;
    height: 420px !important;
    inset-inline-end: -160px !important;
    top: -170px !important;
    background: radial-gradient(circle, rgba(23,42,71,.075), transparent 68%) !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-brand-row {
    grid-area: brand !important;
    align-self: start !important;
    grid-template-columns: 86px minmax(0,1fr) !important;
    gap: 16px !important;
    padding: 15px !important;
    border: 1px solid rgba(23,42,71,.075) !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.72) !important;
    box-shadow: 0 12px 30px rgba(23,42,71,.045) !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-logo-mark {
    width: 86px !important;
    height: 86px !important;
    border-radius: 26px !important;
    color: #172A47 !important;
    border-color: rgba(23,42,71,.11) !important;
    background:
        radial-gradient(circle at 30% 16%, rgba(255,255,255,.88), transparent 36%),
        linear-gradient(135deg, rgba(23,42,71,.10), rgba(255,255,255,.98)) !important;
    box-shadow: 0 14px 30px rgba(23,42,71,.08), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-logo-mark img {
    width: 78% !important;
    height: 78% !important;
    object-fit: contain !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-kicker,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-brand-row strong,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block h1,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block p strong,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field label,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-footer-line a,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-input-wrap > .dashicons,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice .dashicons,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-logo-mark span {
    color: #172A47 !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block {
    grid-area: title !important;
    gap: 10px !important;
    align-self: center !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-pill {
    color: #172A47 !important;
    border-color: rgba(23,42,71,.14) !important;
    background: rgba(255,255,255,.72) !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block h1 {
    font-size: clamp(44px, 4.4vw, 76px) !important;
    line-height: .98 !important;
    letter-spacing: -.05em !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block p {
    color: #6B7788 !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
    max-width: 620px !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-form,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-notices {
    grid-column: 2 !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-form {
    width: 100% !important;
    padding: 18px !important;
    border: 1px solid rgba(23,42,71,.075) !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.82) !important;
    box-shadow: 0 16px 42px rgba(23,42,71,.065) !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-footer-line {
    grid-area: footer !important;
    justify-content: flex-start !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-input-wrap input,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-input-wrap select,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field textarea,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-otp-input {
    background: #FFFFFF !important;
    color: #172A47 !important;
    border-color: rgba(23,42,71,.10) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 6px 14px rgba(23,42,71,.03) !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-input-wrap input:focus,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-input-wrap select:focus,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field textarea:focus,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-otp-input:focus {
    border-color: rgba(23,42,71,.38) !important;
    box-shadow: 0 0 0 4px rgba(23,42,71,.09), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-submit {
    color: #FFFFFF !important;
    background: radial-gradient(circle at 30% 18%, rgba(255,255,255,.24), transparent 34%), linear-gradient(135deg, #172A47, #071F3F) !important;
    box-shadow: 0 18px 38px rgba(23,42,71,.24) !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-resend button,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-choice,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-check {
    color: #172A47 !important;
    border-color: rgba(23,42,71,.10) !important;
    background: rgba(255,255,255,.84) !important;
}

/* Tablet */
@media screen and (max-width: 980px) {
    html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card {
        width: min(680px, 100%) !important;
        grid-template-columns: 1fr !important;
        grid-template-areas: "brand" "title" "form" "footer" !important;
        gap: 14px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-form,
    html body .afaq-app.afaq-auth-verify-page .afaq-auth-notices {
        grid-column: auto !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block h1 {
        font-size: clamp(34px, 7vw, 54px) !important;
    }
}

/* Mobile stable */
@media screen and (max-width: 760px) {
    html body .afaq-app.afaq-auth-verify-page {
        background: radial-gradient(circle at 50% -130px, rgba(23,42,71,.075), transparent 350px), linear-gradient(180deg, #F6F8FB 0%, #FFFFFF 48%, #F6F8FB 100%) !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-mobile-frame {
        min-height: 100svh !important;
        padding: 10px !important;
        place-items: start center !important;
        overflow-y: auto !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-mobile-frame::after {
        width: 160px !important;
        height: 160px !important;
        inset: auto -60px 5% auto !important;
        opacity: .65 !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card {
        width: 100% !important;
        min-height: auto !important;
        margin: 0 auto !important;
        padding: 12px !important;
        border-radius: 20px !important;
        outline: 5px solid rgba(255,255,255,.62) !important;
        grid-template-columns: 1fr !important;
        grid-template-areas: "brand" "title" "form" "footer" !important;
        gap: 10px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-brand-row {
        grid-template-columns: minmax(0,1fr) 58px !important;
        gap: 10px !important;
        padding: 10px !important;
        border-radius: 17px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-logo-mark {
        width: 58px !important;
        height: 58px !important;
        border-radius: 18px !important;
        order: 2 !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-kicker {
        font-size: 8.5px !important;
        line-height: 1.25 !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-brand-row strong {
        font-size: 15px !important;
        line-height: 1.15 !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block {
        text-align: center !important;
        justify-items: center !important;
        gap: 6px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-pill {
        min-height: 24px !important;
        padding: 5px 10px !important;
        font-size: 8.6px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block h1 {
        font-size: clamp(29px, 10.5vw, 42px) !important;
        line-height: 1.02 !important;
        white-space: normal !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block p {
        font-size: 10.3px !important;
        line-height: 1.45 !important;
        max-width: 100% !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-form {
        padding: 10px !important;
        border-radius: 16px !important;
        gap: 8px !important;
        background: rgba(255,255,255,.88) !important;
        box-shadow: 0 12px 30px rgba(23,42,71,.055) !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-field {
        gap: 5px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-field label {
        font-size: 10px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-input-wrap > .dashicons {
        inset-inline-start: 10px !important;
        width: 17px !important;
        height: 17px !important;
        font-size: 15px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-input-wrap input,
    html body .afaq-app.afaq-auth-verify-page .afaq-auth-input-wrap select {
        min-height: 44px !important;
        padding: 9px 36px 9px 10px !important;
        border-radius: 13px !important;
        font-size: 11px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-otp-input {
        min-height: 54px !important;
        border-radius: 15px !important;
        font-size: 24px !important;
        letter-spacing: .22em !important;
        padding-inline: 12px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-help-text {
        font-size: 9px !important;
        line-height: 1.35 !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-submit {
        min-height: 46px !important;
        border-radius: 14px !important;
        font-size: 11px !important;
        padding: 10px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-resend button {
        min-height: 34px !important;
        padding: 7px 12px !important;
        font-size: 9px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-footer-line {
        font-size: 9.4px !important;
        gap: 5px !important;
        justify-content: center !important;
    }
}

@media screen and (max-width: 430px) {
    html body .afaq-app.afaq-auth-verify-page .afaq-auth-mobile-frame {
        padding: 8px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card {
        border-radius: 18px !important;
        padding: 10px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-brand-row {
        grid-template-columns: minmax(0,1fr) 54px !important;
        padding: 9px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-logo-mark {
        width: 54px !important;
        height: 54px !important;
        border-radius: 17px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block h1 {
        font-size: clamp(27px, 10.5vw, 38px) !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block p {
        font-size: 9.8px !important;
    }
}

@media screen and (max-height: 720px) and (max-width: 760px) {
    html body .afaq-app.afaq-auth-verify-page .afaq-auth-mobile-frame {
        align-content: start !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card {
        gap: 8px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-brand-row {
        padding: 8px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block p {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
}

/* ==========================================================================
   AFAQ AUTH VERIFY - FINAL LOGO / ICON / READABILITY FIX
   تعديل واجهات فقط: حل مربعات الأيقونات + تثبيت اللوجو + وضوح النصوص + تجاوب أفضل
   ========================================================================== */

html body .afaq-app.afaq-auth-verify-page .afaq-auth-inline-icon::before,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-inline-icon::after {
    content: none !important;
    display: none !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-inline-icon svg {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.15 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    pointer-events: none !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-input-wrap > .afaq-auth-inline-icon {
    position: absolute !important;
    inset-inline-start: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    color: #172A47 !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    font-size: 0 !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-submit .afaq-auth-inline-icon {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    color: #FFFFFF !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    font-size: 0 !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-logo-mark {
    background: #FFFFFF !important;
    border-color: rgba(23,42,71,.14) !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-logo-mark img {
    width: 84% !important;
    height: 84% !important;
    object-fit: contain !important;
    display: block !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-brand-row strong,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-kicker,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-pill,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-field label {
    color: #172A47 !important;
    -webkit-text-fill-color: #172A47 !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block p,
html body .afaq-app.afaq-auth-verify-page .afaq-help-text,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-footer-line,
html body .afaq-app.afaq-auth-verify-page .afaq-auth-footer-line span {
    color: #5B6878 !important;
    -webkit-text-fill-color: #5B6878 !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block p strong {
    color: #172A47 !important;
    -webkit-text-fill-color: #172A47 !important;
    font-weight: 950 !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-footer-line a {
    color: #172A47 !important;
    -webkit-text-fill-color: #172A47 !important;
    background: rgba(23,42,71,.075) !important;
    border: 1px solid rgba(23,42,71,.12) !important;
    border-radius: 999px !important;
    padding: 6px 11px !important;
    line-height: 1.25 !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-resend button {
    color: #172A47 !important;
    -webkit-text-fill-color: #172A47 !important;
}

html body .afaq-app.afaq-auth-verify-page .afaq-auth-otp-input {
    color: #172A47 !important;
    -webkit-text-fill-color: #172A47 !important;
}

@media screen and (max-width: 760px) {
    html body .afaq-app.afaq-auth-verify-page .afaq-auth-mobile-frame {
        padding: 8px !important;
        overflow: visible !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-hero-card {
        width: 100% !important;
        max-width: 100% !important;
        min-height: auto !important;
        padding: 14px !important;
        gap: 10px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block p {
        font-size: 12px !important;
        line-height: 1.6 !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-input-wrap > .afaq-auth-inline-icon {
        inset-inline-start: 10px !important;
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-submit .afaq-auth-inline-icon {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-otp-input {
        min-height: 54px !important;
        font-size: 24px !important;
        letter-spacing: .22em !important;
        padding: 9px 14px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-footer-line {
        width: 100% !important;
        padding: 8px 10px !important;
        border-radius: 14px !important;
        background: rgba(255,255,255,.72) !important;
        border: 1px solid rgba(23,42,71,.08) !important;
        font-size: 11px !important;
        gap: 7px !important;
    }
}

@media screen and (max-width: 430px) {
    html body .afaq-app.afaq-auth-verify-page .afaq-auth-brand-row {
        grid-template-columns: 54px minmax(0,1fr) !important;
        gap: 9px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-brand-row strong {
        font-size: 16px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-title-block h1 {
        font-size: 25px !important;
    }

    html body .afaq-app.afaq-auth-verify-page .afaq-auth-otp-input {
        font-size: 22px !important;
        letter-spacing: .18em !important;
    }
}