.login-flat-card {
    margin: 0 0 18px;
    box-shadow: none;
}

.login-help-card-flat {
    margin: 0;
    box-shadow: none;
}

.login-duplicate-copy,
.login-help-copy,
.login-recovery-message {
    margin-top: 0;
}

.login-help-copy:last-child {
    margin-bottom: 0;
}

.login-password-toggle-field {
    margin-top: -6px;
}

.login-password-toggle-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}

.login-password-toggle-input {
    width: auto;
}

.password-recovery-title {
    margin: 4px 0 0;
}

.password-recovery-actions {
    margin-top: 18px;
}

.auth-modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 20px;
}

.auth-modal-backdrop.open {
    display: flex;
}

.auth-modal-card {
    width: min(560px, 100%);
    background: #f7f5f1;
    border-radius: 18px;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.28);
    overflow: hidden;
}

.auth-modal-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding: 18px 20px;
    border-bottom: 1px solid #cfc7b8;
}

.auth-modal-head .eyebrow {
    color: #6f6558;
}

.auth-modal-head .section-subtitle {
    color: #1d1c1a;
}

.auth-modal-body {
    padding: 20px;
}

.auth-modal-body .lede {
    color: #2b2926;
    font-size: 18px;
    line-height: 1.55;
    font-weight: 600;
}

.auth-modal-close {
    background: #111;
    color: #fff;
}

.cta-row .alt[type="button"] {
    cursor: pointer;
}

.login-neutral-card {
    background: linear-gradient(180deg, rgba(248, 248, 247, 0.97) 0%, rgba(234, 236, 238, 0.95) 100%);
}

.login-help-card {
    background: linear-gradient(180deg, rgba(31, 33, 37, 0.96) 0%, rgba(22, 24, 27, 0.98) 100%);
    border: 1px solid rgba(172, 186, 94, 0.22);
}

.login-help-card .section-subtitle,
.login-help-card .small,
.login-help-card p {
    color: #ece8e1;
}

.login-help-card .inline-link-button,
.login-help-card .login-help-link,
.login-help-card .login-help-link:visited {
    color: #8aa93b;
    font-weight: 700;
    text-decoration: underline;
}

.login-help-card .inline-link-button:hover,
.login-help-card .inline-link-button:focus-visible,
.login-help-card .login-help-link:hover,
.login-help-card .login-help-link:focus-visible {
    color: #a4c64a;
}

.inline-link-button {
    display: inline;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    color: #8aa93b;
    font: inherit;
    font-weight: 700;
    line-height: inherit;
    text-decoration: underline;
    cursor: pointer;
    vertical-align: baseline;
}