/* Used only by the existing account access and verification pages. */
.auth-main { margin-block: 56px 64px; }
.auth-card { max-width: 560px; margin-inline: auto; padding: 40px; border: 1px solid var(--line); border-radius: 8px; background: var(--card); box-shadow: 5px 5px 0 #d7dac6; }
.auth-card h1 { font: 400 clamp(30px, 3.5vw, 39px)/1.15 Georgia, 'Times New Roman', serif; letter-spacing: -.025em; margin-bottom: 26px; }
.auth-card p { margin-bottom: 20px; }
.auth-card > :last-child { margin-bottom: 0; }
.auth-card a:not(.btn) { text-decoration: underline; text-underline-offset: .2em; }
.auth-form { margin-top: 26px; }
.auth-field { margin-bottom: 22px; }
.auth-field label { display: block; margin-bottom: 8px; font-size: 15px; font-weight: 600; }
.auth-field input:not([type="hidden"]) { width: 100%; min-height: 50px; padding: 11px 13px; border: 1px solid #a1aa8c; border-radius: 4px; background: var(--bg); color: var(--ink); font: inherit; }
.auth-password-wrap { position: relative; }
.auth-password-wrap input { padding-right: 54px !important; }
.auth-password-toggle { position: absolute; top: 3px; right: 3px; width: 44px; height: 44px; padding: 10px; border: 0; background: transparent; color: var(--muted); cursor: pointer; }
.auth-password-toggle:hover { color: var(--button); }
.auth-password-toggle svg { display: block; width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.auth-password-toggle:focus-visible { outline: 3px solid var(--button); outline-offset: 1px; border-radius: 4px; }
.auth-field input[aria-invalid="true"] { border-color: #9b463c; background: #fcf1eb; }
.auth-help { margin-top: 10px; font-size: 13px; line-height: 1.6; color: #5f6653; }
.auth-help ul { margin: 0; padding-left: 19px; }
.auth-help li + li { margin-top: 4px; }
.auth-errors { margin: 12px 0 18px; padding: 12px 14px; border-left: 3px solid #9b463c; border-radius: 2px; background: #f8e9df; color: #79382f; font-size: 14px; }
.auth-errors .errorlist { margin: 0; padding: 0; list-style: none; }
.auth-errors li + li { margin-top: 8px; }
.auth-form > .btn { width: 100%; }
.auth-form + p { margin-top: 24px; font-size: 14px; }
.auth-card .auth-links { margin-top: 24px; font-size: 14px; }
.auth-links p { margin-bottom: 12px; }
.auth-card .auth-legal { font-size: 13px; line-height: 1.7; color: #5f6653; }
.auth-page .public-footer { margin-top: 0; }
@media (max-width: 600px) {
    .auth-main { margin-block: 28px 44px; }
    .auth-card { padding: 26px 20px; }
    .auth-card h1 { font-size: 30px; }
    .auth-card .btn { padding-inline: 14px; }
}