@media (min-width: 901px) {
    .auth-page:is([data-page="login"], [data-page="register"], [data-page="forgot"], [data-page="reset"]) .auth-shell {
        box-sizing: border-box;
        min-height: 100vh;
        padding: 14px clamp(24px, 4vw, 58px);
    }

    .auth-page:is([data-page="login"], [data-page="register"], [data-page="forgot"], [data-page="reset"]) .auth-card {
        display: grid;
        grid-template-columns: minmax(300px, .9fr) minmax(440px, 1.1fr);
        grid-template-rows: auto auto auto 1fr auto;
        align-items: start;
        column-gap: 0;
        width: min(100%, 1080px);
        padding: 0;
        overflow: hidden;
    }

    .auth-page:is([data-page="login"], [data-page="register"], [data-page="forgot"], [data-page="reset"]) .auth-brand {
        grid-column: 1;
        grid-row: 1 / 6;
        display: flex;
        align-self: stretch;
        min-height: 590px;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: clamp(30px, 4vw, 64px);
        border-right: 1px solid rgba(23, 25, 29, .08);
        background: linear-gradient(145deg, #fffaf6 0%, #fff 72%, #fff0e8 100%);
    }

    .auth-page:is([data-page="login"], [data-page="register"], [data-page="forgot"], [data-page="reset"]) .auth-logo {
        width: min(100%, 360px);
    }

    .auth-page:is([data-page="login"], [data-page="register"], [data-page="forgot"], [data-page="reset"]) .auth-card > .eyebrow,
    .auth-page:is([data-page="login"], [data-page="register"], [data-page="forgot"], [data-page="reset"]) .auth-card > h1,
    .auth-page:is([data-page="login"], [data-page="register"], [data-page="forgot"], [data-page="reset"]) .auth-card > p,
    .auth-page:is([data-page="login"], [data-page="register"], [data-page="forgot"], [data-page="reset"]) .auth-card > form,
    .auth-page:is([data-page="login"], [data-page="register"], [data-page="forgot"], [data-page="reset"]) .auth-card > .back-link {
        grid-column: 2;
        margin-right: clamp(28px, 4vw, 58px);
        margin-left: clamp(28px, 4vw, 58px);
    }

    .auth-page:is([data-page="login"], [data-page="register"], [data-page="forgot"], [data-page="reset"]) .auth-card > .eyebrow {
        align-self: end;
        margin-top: 28px;
    }

    .auth-page:is([data-page="login"], [data-page="register"], [data-page="forgot"], [data-page="reset"]) .auth-card > h1 {
        margin-top: 12px;
    }

    .auth-page:is([data-page="login"], [data-page="register"], [data-page="forgot"], [data-page="reset"]) .auth-card > form {
        width: auto;
    }

    .auth-page:is([data-page="login"], [data-page="register"], [data-page="forgot"], [data-page="reset"]) .auth-card > .back-link {
        margin-bottom: 22px;
    }

    .auth-page[data-page="register"] .auth-register-card > form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }

    .auth-page[data-page="register"] .auth-register-card > form > :is(.reader-avatar-picker, .auth-captcha, .auth-security-note, .flash, .button.full) {
        grid-column: 1 / -1;
    }
}