@media (max-width: 767px) {
    body[data-page="forgot-password"] .auth-exact-stage,
    body[data-page="reset-password"] .auth-exact-stage {
        min-height: calc(100dvh - var(--nav-h) - var(--bot-h) - env(safe-area-inset-bottom)) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding: 24px 12px calc(18px + env(safe-area-inset-bottom)) !important;
        overflow: hidden !important;
    }

    body[data-page="forgot-password"] .shell,
    body[data-page="reset-password"] .shell {
        min-height: 0 !important;
        max-height: none !important;
        height: auto !important;
        width: 100% !important;
        max-width: min(420px, 100%) !important;
        padding-bottom: 0 !important;
        overflow: visible !important;
        border-radius: 18px !important;
        box-shadow: 0 2px 0 rgba(255,255,255,.92) inset, 0 18px 40px rgba(10,9,8,.08), 0 3px 12px rgba(10,9,8,.05), 0 0 0 1px rgba(10,9,8,.06) !important;
    }

    body[data-page="forgot-password"] .form-panel,
    body[data-page="reset-password"] .form-panel {
        min-height: 0 !important;
        max-height: none !important;
        height: auto !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        padding: 22px 20px calc(20px + env(safe-area-inset-bottom)) !important;
        overflow: visible !important;
    }

    body[data-page="forgot-password"] .form-inner,
    body[data-page="forgot-password"] .form-inner-wide,
    body[data-page="reset-password"] .form-inner,
    body[data-page="reset-password"] .form-inner-wide {
        max-width: none !important;
        width: 100% !important;
    }

    body[data-page="forgot-password"] .form-table,
    body[data-page="reset-password"] .form-table {
        margin-bottom: 14px !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    body[data-page="forgot-password"] .form-row,
    body[data-page="reset-password"] .form-row {
        grid-template-columns: 88px 1fr !important;
    }

    body[data-page="forgot-password"] .row-label,
    body[data-page="reset-password"] .row-label {
        font-size: 10.5px !important;
        letter-spacing: .08em !important;
    }

    body[data-page="forgot-password"] .row-input,
    body[data-page="forgot-password"] .field-input,
    body[data-page="reset-password"] .row-input,
    body[data-page="reset-password"] .field-input {
        padding: 13px 12px !important;
        font-size: 15px !important;
    }

    body[data-page="forgot-password"] .btn,
    body[data-page="reset-password"] .btn {
        min-height: 54px !important;
        padding: 12px 18px !important;
        font-size: 16px !important;
    }

    body[data-page="forgot-password"] .form-foot,
    body[data-page="reset-password"] .form-foot {
        margin-top: 14px !important;
        font-size: 13px !important;
    }

    body[data-page="forgot-password"] .contact-bar,
    body[data-page="reset-password"] .contact-bar {
        margin-top: 12px !important;
        padding-top: 12px !important;
        font-size: 13px !important;
    }
}