/* The small account pages that stay inside the public site layout (forgot password, reset password, confirm password, two-factor code).
   They keep their layout, header, footer and photo; this file only gives the white card, fields and button the same look and colours
   as the redesigned login and registration (auth.css): rounded card, #0056d2 button, clearer field borders and focus ring. 2026-10-23. */
.account-section .wd-form-login .card { border: 0; border-radius: 18px; box-shadow: 0 18px 44px rgba(0, 20, 70, .22); overflow: hidden; }
.account-section .wd-form-login .card-body { padding: 28px 28px 24px; }
.account-section .wd-form-login h4,
.account-section .wd-form-login h6 { margin-bottom: 22px; font-size: 24px; font-weight: 800; letter-spacing: -.01em; color: #0f172a; }
.account-section .wd-form-login .ip label { margin-bottom: 8px; font-size: 15px; font-weight: 700; line-height: 1.4; color: #0f172a; }
.account-section .wd-form-login .ip label span { color: #b42318; }
.account-section .wd-form-login .ip input,
.account-section .wd-form-login .ip select { min-height: 54px; padding: 12px 16px; border: 1.5px solid #8391a7; border-radius: 14px; background: #fff; font-size: 16px; font-weight: 500; line-height: 1.4; color: #0f172a; transition: border-color .2s, box-shadow .2s; }
.account-section .wd-form-login .ip input:hover,
.account-section .wd-form-login .ip select:hover { border-color: #5d6f8c; }
.account-section .wd-form-login .ip input:focus,
.account-section .wd-form-login .ip select:focus { outline: 0; border-color: #0056d2; box-shadow: 0 0 0 4px rgba(0, 86, 210, .18); }
.account-section .wd-form-login .ip input::placeholder { color: #566377; opacity: 1; }
.account-section .wd-form-login .group-ant-choice a { font-weight: 600; color: #0056d2; text-decoration: underline; }
.account-section .wd-form-login .group-ant-choice a:hover { color: #003bb5; }
.account-section .wd-form-login button { min-height: 56px; border: 0; border-radius: 14px; background: #0056d2; font-size: 16px; font-weight: 800; text-transform: none; color: #fff; box-shadow: 0 10px 22px rgba(0, 86, 210, .30); transition: background .2s, transform .15s, box-shadow .2s; }
.account-section .wd-form-login button:hover { background: #003bb5; transform: translateY(-1px); }
.account-section .wd-form-login button:active { transform: scale(.985); }
.account-section .wd-form-login button:disabled { background: #2f6fd6; cursor: progress; transform: none; }
.account-section .wd-form-login button:focus-visible,
.account-section .wd-form-login a:focus-visible { outline: 3px solid rgba(0, 86, 210, .55); outline-offset: 2px; }
.account-section .wd-form-login .alert { border-radius: 12px; font-size: 14px; font-weight: 600; text-align: left; }
.account-section .wd-form-login .errors { color: #b42318; font-size: 14px; font-weight: 600; }
@media (prefers-reduced-motion: reduce) { .account-section .wd-form-login button { transition: none; } }