/* Login screen only; no image assets or external fonts. */
#memberModule .memberSmallBox.loginCard {
    box-sizing: border-box;
    width: 100%;
    max-width: 400px;
    margin: 40px auto;
    padding: 30px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 20px rgba(40,60,90,.04);
    color: #334155;
    font: 14px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif;
    text-align: left;
}
#memberModule .loginCard .loginHeading { margin: 0 0 6px; color: #30466e; font-family: inherit; font-size: 22px; font-weight: 600; line-height: 1.5; }
#memberModule .loginCard .loginIntro { margin: 0 0 24px; color: #64748b; font-size: 13px; }
#memberModule .loginCard fieldset.loginFields { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 0; border: 0; }
#memberModule .loginCard .loginSrOnly { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#memberModule .loginCard .loginFields > label { color: #475569; font-size: 13px; }
#memberModule .loginCard input[type="text"],
#memberModule .loginCard input[type="password"] {
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    margin: 0 0 8px;
    padding: 10px 12px;
    border: 1px solid #d7deea;
    border-radius: 7px;
    background: #f8fafc;
    color: #334155;
    font: 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif;
}
#memberModule .loginCard input[type="text"]:focus,
#memberModule .loginCard input[type="password"]:focus { outline: none; border-color: #718bb9; background: #fff; box-shadow: 0 0 0 3px rgba(113,139,185,.13); }
#memberModule .loginCard label.loginKeep { display: flex; align-items: center; gap: 8px; min-height: 32px; margin-bottom: 8px; cursor: pointer; }
#memberModule .loginCard .loginKeep input { width: 16px; height: 16px; margin: 0; accent-color: #526d9b; }
#memberModule .loginCard .loginSubmit { width: 100%; min-height: 44px; padding: 10px 16px; border: 1px solid #526d9b; border-radius: 7px; background: #526d9b; color: #fff; font: 500 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif; cursor: pointer; }
#memberModule .loginCard .loginSubmit:hover { background: #405981; }
#memberModule .loginCard .loginHelp { margin-top: 20px; text-align: center; }
#memberModule .loginCard .loginHelp a { display: inline-block; padding: 6px; color: #64748b; font-size: 12px; text-decoration: none; }
#memberModule .loginCard .loginHelp a:hover { color: #405981; text-decoration: underline; }
#memberModule .loginCard button:focus-visible,
#memberModule .loginCard a:focus-visible { outline: 2px solid #718bb9; outline-offset: 3px; }
@media (max-width: 480px) {
    #memberModule .memberSmallBox.loginCard { margin: 24px auto; padding: 24px 20px; }
}