/* Local mirror presentation only. Native form fields and auth lifecycle stay intact. */
@media screen {
 html.bm-login-mirror #loginScreen {
  --font:BMOnest,Arial,sans-serif;--text:#181c23;--muted:#505866;
  box-sizing:border-box;align-items:flex-start;padding:32px 20px;overflow-y:auto;overscroll-behavior:contain;
  color:var(--text);font:400 14px/1.45 var(--font);background-color:#e5eaf0;
  background-image:radial-gradient(ellipse 680px 650px at 81% 35%,rgba(255,221,55,.65),transparent 80%),radial-gradient(ellipse 750px 750px at 9% 20%,rgba(128,170,213,.37),transparent 77%),radial-gradient(ellipse 660px 670px at 24% 90%,rgba(247,228,126,.3),transparent 80%);
 }
 html.bm-login-mirror #loginScreen *,html.bm-login-mirror #loginScreen *::before,html.bm-login-mirror #loginScreen *::after {box-sizing:border-box;}
 html.bm-login-mirror #loginScreen>.lgbg {display:none;}
 html.bm-login-mirror #loginScreen .login-box {
  flex:0 0 auto;width:448px;max-width:100%;margin:auto;padding:40px;border:1px solid rgba(255,255,255,.95);border-radius:32px;
  background:rgba(255,255,255,.67);box-shadow:0 20px 70px #27354d12,inset 0 1px 0 #fff;
  -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
 }
 html.bm-login-mirror #loginScreen .login-logo {justify-content:flex-start;gap:10px;margin-bottom:34px;}
 html.bm-login-mirror #loginScreen .login-logo img {height:42px!important;width:42px!important;object-fit:contain;border-radius:8px;}
 html.bm-login-mirror #loginScreen .bm-login-brand {font-size:21px;font-weight:500;letter-spacing:-.7px;}
 html.bm-login-mirror #loginScreen .login-title {margin:0 0 8px;text-align:left;font:500 30px/1.18 var(--font);letter-spacing:-1.1px;color:var(--text);}
 html.bm-login-mirror #loginScreen .bm-login-intro {margin:0 0 30px;color:var(--muted);font-size:14px;line-height:1.5;}
 html.bm-login-mirror #loginScreen .login-field {margin-bottom:18px;}
 html.bm-login-mirror #loginScreen .login-label {display:block;margin-bottom:8px;font:500 13px/1.45 var(--font);letter-spacing:0;text-transform:none;color:#303743;}
 html.bm-login-mirror #loginScreen .login-inp {
  display:block;width:100%;min-width:0;min-height:52px;padding:14px 16px;border:1px solid #cbd3dd;border-radius:14px;
  font:400 16px/1.35 var(--font);background:rgba(255,255,255,.82);color:var(--text);transition:border-color .18s,box-shadow .18s,background-color .18s;
 }
 html.bm-login-mirror #loginScreen .login-inp::placeholder {color:#677180;opacity:1;}
 html.bm-login-mirror #loginScreen .login-inp:focus {outline:none;border-color:#2165cd;box-shadow:0 0 0 3px #2165cd1f;background:#fff;}
 html.bm-login-mirror #loginScreen .login-inp:disabled {opacity:.6;}
 html.bm-login-mirror #loginScreen .login-inp:-webkit-autofill {-webkit-text-fill-color:#181c23;caret-color:#181c23;}
 html.bm-login-mirror #loginScreen .login-remember {align-items:flex-start;gap:10px;margin:4px 0 24px;color:#505866;font:400 13px/1.5 var(--font);}
 html.bm-login-mirror #loginScreen .login-remember input {flex:0 0 auto;width:18px;height:18px;margin-top:1px;accent-color:#2165cd;}
 html.bm-login-mirror #loginScreen .login-btn {
  min-height:52px;margin:0;padding:14px 18px;border:1px solid #efda35;border-radius:14px;background:#f5df3c;
  color:#181c23;font:600 15px/1.4 var(--font);box-shadow:0 3px 12px #d5bc1712;transition:background-color .18s,box-shadow .18s,transform .18s;
 }
 html.bm-login-mirror #loginScreen .login-btn:hover:not(:disabled) {background:#fbe963;box-shadow:0 5px 18px #bca80e20;}
 html.bm-login-mirror #loginScreen .login-btn:active:not(:disabled) {transform:scale(.99);}
 html.bm-login-mirror #loginScreen .login-btn:disabled {cursor:wait;background:#eee7ac;border-color:#d7cf95;color:#555a5c;box-shadow:none;}
 html.bm-login-mirror #loginScreen .login-btn:focus-visible,html.bm-login-mirror #loginScreen .login-remember input:focus-visible {outline:3px solid #2165cd;outline-offset:3px;}
 html.bm-login-mirror #loginScreen .login-err {padding:12px 14px;margin-bottom:22px;border:1px solid #edbbc0;border-radius:12px;background:#fff0f1;color:#a4212c;font:400 13px/1.5 var(--font);overflow-wrap:anywhere;}
 html.bm-login-mirror #loginScreen .bm-login-help {margin:26px 0 0;padding-top:22px;border-top:1px solid #dce1e5;color:#505866;font-size:12px;line-height:1.5;}
 @media(max-width:480px) {
  html.bm-login-mirror #loginScreen {padding:20px 16px;}
  html.bm-login-mirror #loginScreen .login-box {padding:30px 24px;border-radius:26px;}
  html.bm-login-mirror #loginScreen .login-logo {margin-bottom:28px;}
  html.bm-login-mirror #loginScreen .login-title {font-size:28px;}
 }
 @media(max-width:360px) {
  html.bm-login-mirror #loginScreen .login-box {padding:26px 20px;}
  html.bm-login-mirror #loginScreen .login-title {font-size:26px;}
  html.bm-login-mirror #loginScreen .bm-login-brand {font-size:20px;}
 }
 @media(prefers-reduced-motion:reduce) {
  html.bm-login-mirror #loginScreen .login-inp,html.bm-login-mirror #loginScreen .login-btn {transition:none;transform:none;}
 }
}
