.hv-auth {
    font-family: var(--saf);
    font-size: 16px;
    display: flex;
    align-items: center;
    min-height: 100dvh;
    padding: 32px 0;
    color: #0E3139;
    background-color: #fff;
}

@media (min-height: 500px) {
    .hv-auth {
        padding: 48px 0;
    }
}

.hv-auth a {
    color: #155079;
    line-height: 169.5%;
    letter-spacing: 0.64px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.hv-auth a:hover {
    text-decoration: none;
    text-underline-position: none;
}

.hv-auth-container {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding: 0 20px;
}

.hv-auth-logo {
    margin-bottom: 48px;
}

@media (min-height: 500px) {
    .hv-auth-logo {
        margin-bottom: 64px;
    }
}

@media (min-height: 640px) {
    .hv-auth-logo {
        margin-bottom: 80px;
    }
}

.hv-auth-logo svg {
    max-width: 300px;
}

@media (min-width: 768px) {
    .hv-auth-logo svg {
        max-width: initial;
    }
}

.hv-auth-heading {
    font-family: var(--stf);
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.35px;
    text-align: center;
    margin-bottom: 35px;
}

.hv-auth-desc {
    line-height: 144%;
    letter-spacing: 0.64px;
    max-width: 348px;
    margin: 0 auto;
    margin-bottom: 28px;
    text-align: center;
}

.hv-auth-hint {
    line-height: 144%;
    letter-spacing: 0.64px;
    margin: 0;
}

.hv-auth-msg {
    font-size: 1.125rem;
    text-align: center;
}