.loginbox.account-page { padding:80px 16px 48px; box-sizing:border-box; }
.account-page .loginmain { position:relative; left:auto; top:auto; height:auto; min-height:300px; max-width:400px; width:100%; margin:0 auto; padding-bottom:22px; }
.account-heading { display:flex; align-items:center; justify-content:center; padding:24px 30px 0; }
.account-tabs { display:flex; justify-content:center; gap:20px; }
.account-tabs button { padding:8px 12px; border:0; border-bottom:3px solid transparent; background:transparent; color:#777; font-size:22px; cursor:pointer; }
.account-tabs button[aria-selected="true"] { color:#e73c31; border-bottom-color:#e73c31; font-weight:600; }
.account-tabs button:focus-visible { outline:2px solid #e73c31; outline-offset:3px; }
.account-page [role="tabpanel"][hidden], .account-page [hidden] { display:none !important; }
.account-page .registration-form { text-align:left; padding-top:16px !important; }
.registration-form .register-field { position:relative; margin:0 0 14px; }
.register-field > i { position:absolute; z-index:1; left:12px; top:10px; color:#999; font-size:16px; line-height:18px; }
.account-page .register-field > i + input { padding-left:36px; }
.account-page .registration-form input { width:100%; height:38px; border:1px solid #ddd; border-radius:4px; padding:7px 10px; font-size:14px; box-sizing:border-box; }
.registration-form input[readonly] { background:#f6f6f6; color:#666; cursor:default; }
.registration-form .institution-hint { margin:-6px 0 14px; color:#e73c31; font-size:12px; line-height:1.6; }
.registration-form .captcha-row, .registration-form .code-row { display:flex; gap:8px; align-items:center; }
.registration-form .captcha-row input, .registration-form .code-row input { flex:1; min-width:0; }
.registration-form .captcha-row button, .registration-form .code-row button { flex:0 0 126px; height:38px; padding:0 8px; border:1px solid #ddd; border-radius:4px; color:#e73c31; background:#fff; font-size:13px; cursor:pointer; }
.registration-form #refresh-captcha { padding:0; overflow:hidden; background:#f5f1e9; }
.registration-form #captcha-image { width:100%; height:100%; object-fit:contain; }
.registration-form #auth-message { color:#e73c31; font-size:13px; margin:10px 0; }
.account-page .registration-form #auth-submit { letter-spacing:2px; }
.account-page button:disabled { opacity:.6; cursor:wait; }
@media(max-width:640px) {
    .loginbox.account-page { padding-top:20px; }
    .account-page .loginbg { max-width:200px; margin-top:35px; margin-bottom:16px; }
    .account-page .loginmain { background:#fff; box-shadow:none; }
    .account-heading { padding:10px 16px 0; }
    .account-page .loginmain .loginform { padding-left:16px; padding-right:16px; }
}