.auth {
    padding-top: 124px;
    min-height: 100vh;
    max-width: 500px;
    margin-inline: auto;
}


.auth__heading {
    font-size: 1.875rem; /* 30px */
    line-height: 2.25rem; /* 36px */
    margin-bottom: 32px;
}


.auth__subtext {
    font-size: 14px;
    color: var(--color-gray-700);
}

.auth__subtext-link {
    display: inline-block;
    text-decoration: underline;
    text-underline-offset: 0.125em;
    transition: color 50ms ease-in;
}

.auth__subtext-link:hover {
    color: var(--color-blue-700);
}

@media screen and (max-width: 649px) {
    .auth {
        padding-inline: var(--space-2);
    }
}