/* Give the customer registration form room to breathe on desktop. */
.registration-page .login-shell {
    width: min(880px, calc(100% - 48px));
    text-align: left;
}

.registration-page .login-shell > .admin-brand {
    justify-content: flex-start;
    margin-left: 8px;
}

.registration-page .login-card {
    padding: clamp(32px, 4vw, 52px);
}

.registration-page .login-card > p:first-of-type {
    max-width: 720px;
    font-size: 14px;
}

.registration-page .login-card form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
}

.registration-page .login-card form label:last-of-type,
.registration-page .login-card form button {
    grid-column: 1 / -1;
}

.registration-page .login-card form label:last-of-type small {
    display: block;
    margin-top: 6px;
    color: var(--muted);
    line-height: 1.5;
}

.registration-page .login-card > p:last-of-type {
    margin-top: 22px;
}

@media (max-width: 700px) {
    .registration-page .login-shell {
        width: min(520px, calc(100% - 30px));
        text-align: center;
    }

    .registration-page .login-shell > .admin-brand {
        justify-content: center;
        margin-left: 0;
    }

    .registration-page .login-card {
        padding: 25px;
    }

    .registration-page .login-card form {
        grid-template-columns: 1fr;
        column-gap: 0;
    }
}