html,
body.portal-page {
    overflow-x: clip;
    max-width: 100%;
}

.auth-layout,
.auth-visual,
.auth-panel,
.auth-form-wrap {
    min-width: 0;
    max-width: 100%;
}

.auth-visual {
    overflow: hidden;
}

@media (max-width: 900px) {
    .auth-visual h1 {
        font-size: clamp(32px, 9vw, 44px);
        overflow-wrap: break-word;
    }

    .auth-visual p {
        max-width: none;
    }
}

@media (max-width: 520px) {
    .auth-visual {
        min-height: 240px;
        padding: 22px 18px;
    }

    .auth-panel {
        padding: 28px 16px 40px;
    }

    .auth-form-head h2 {
        font-size: clamp(28px, 8vw, 34px);
    }

    .auth-form-head .portal-brand {
        margin-bottom: 24px;
    }
}