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

    body[data-page="login"] .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="login"] .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="login"] .form-inner,
    body[data-page="login"] .form-inner-wide {
        max-width: none !important;
        width: 100% !important;
    }

    body[data-page="login"] .kicker {
        margin-bottom: 6px !important;
        font-size: 9px !important;
        letter-spacing: .14em !important;
    }

    body[data-page="login"] .title {
        font-size: 30px !important;
        line-height: .98 !important;
        margin-bottom: 10px !important;
    }

    body[data-page="login"] .sub {
        font-size: 13.5px !important;
        line-height: 1.56 !important;
        margin-bottom: 18px !important;
        color: rgba(10,9,8,.58) !important;
    }

    body[data-page="login"] .google-auth-shell {
        margin-bottom: 10px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    body[data-page="login"] .google-auth-frame[data-google-skin="transparent"] {
        --google-btn-height: 44px !important;
    }

    body[data-page="login"] .google-auth-host {
        min-height: 44px !important;
    }

    body[data-page="login"] .google-auth-skin-btn {
        height: 44px !important;
        padding: 0 16px 0 44px !important;
        font-size: 13.5px !important;
        font-weight: 500 !important;
    }

    body[data-page="login"] .google-auth-frame[data-google-skin="transparent"] .google-auth-host > div,
    body[data-page="login"] .google-auth-frame[data-google-skin="transparent"] .google-auth-host iframe {
        opacity: 0 !important;
    }

    body[data-page="login"] .divider {
        margin: 12px 0 14px !important;
    }

    body[data-page="login"] .divider-text {
        font-size: 11px !important;
    }

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

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

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

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

    body[data-page="login"] .row-input-wrap-split {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: stretch !important;
        background: #fff !important;
    }

    body[data-page="login"] .row-input.has-eye {
        padding-right: 34px !important;
    }

    body[data-page="login"] .eye-btn {
        right: 7px !important;
        width: 24px !important;
        height: 24px !important;
        padding: 0 !important;
        justify-content: center !important;
        border-radius: 999px !important;
    }

    body[data-page="login"] .eye-btn svg {
        width: 15px !important;
        height: 15px !important;
    }

    body[data-page="login"] .forgot-link-inline {
        min-width: 76px !important;
        padding: 0 12px !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        color: rgba(10,9,8,.68) !important;
        background: rgba(244,240,235,.78) !important;
        border-left: 1px solid rgba(10,9,8,.08) !important;
    }

    body[data-page="login"] .forgot-link-inline:hover,
    body[data-page="login"] .forgot-link-inline:focus-visible {
        color: var(--accent) !important;
    }

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

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

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

@media (max-width: 360px) {
    body[data-page="login"] .form-row {
        grid-template-columns: 72px 1fr !important;
    }

    body[data-page="login"] .row-label {
        padding: 0 7px !important;
        font-size: 9px !important;
        letter-spacing: .06em !important;
    }

    body[data-page="login"] .row-input {
        padding: 12px 8px !important;
        font-size: 13px !important;
    }

    body[data-page="login"] .row-input.has-eye {
        padding-right: 24px !important;
    }

    body[data-page="login"] .forgot-link-inline {
        min-width: 56px !important;
        padding: 0 8px !important;
        font-size: 10.5px !important;
    }

    body[data-page="login"] .eye-btn {
        right: 4px !important;
        width: 18px !important;
        height: 18px !important;
    }

    body[data-page="login"] .eye-btn svg {
        width: 12px !important;
        height: 12px !important;
    }
}