.login-header {
    text-align: center;
    margin-bottom: 28px;
}
.login-header .login-icon {
    width: 64px; height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--gold), #b8860b);
    color: var(--white);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.6rem;
    margin: 0 auto 16px;
    box-shadow: 0 4px 16px rgba(201,150,12,0.3);
}
.login-header h2 {
    color: var(--navy);
    font-size: 1.4rem;
    margin-bottom: 6px;
}
.login-header p {
    color: var(--text-muted);
    font-size: 0.9rem;
}
.form-group-inline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}
.form-group-inline label {
    margin-bottom: 0;
}
.forgot-link {
    color: var(--gold);
    font-size: 0.85rem;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s;
}
.forgot-link:hover { color: var(--navy); }
.login-divider {
    height: 1px;
    background: var(--cream-dark);
    margin: 24px 0;
}
.login-footer {
    text-align: center;
    margin-top: 8px;
}
.login-footer .register-text {
    color: var(--text-muted);
    font-size: 0.9rem;
    margin-bottom: 12px;
}
.login-footer .register-text a {
    color: var(--gold);
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s;
}
.login-footer .register-text a:hover { color: var(--navy); }
.back-home {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--text-muted);
    font-size: 0.85rem;
    text-decoration: none;
    transition: color 0.2s;
}
.back-home:hover { color: var(--navy); }
.forgot-form-header {
    text-align: center;
    margin-bottom: 24px;
}
.forgot-form-header .forgot-icon {
    width: 56px; height: 56px;
    border-radius: 50%;
    background: var(--cream-dark);
    color: var(--gold);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.3rem;
    margin: 0 auto 14px;
}
.forgot-form-header h2 {
    color: var(--navy);
    font-size: 1.3rem;
    margin-bottom: 6px;
}
.forgot-form-header p {
    color: var(--text-muted);
    font-size: 0.9rem;
}
.back-to-login {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--gold);
    font-size: 0.9rem;
    text-decoration: none;
    font-weight: 600;
    margin-top: 16px;
    transition: color 0.2s;
}
.back-to-login:hover { color: var(--navy); }