@media (max-width:800px) {
  .login { min-height:100dvh; display:flex; flex-direction:column; grid-template-columns:none; color:#fff; background:radial-gradient(circle at 13% 92%,#a9d8ee 0%,transparent 49%),linear-gradient(150deg,#16324f 0%,#087ea9 53%,#39b3d3 100%); }
  .login-art { isolation:auto; background:transparent; min-height:0; height:auto; padding:43px 22px 0; display:block; overflow:visible; }
  .login-art:after,.login-scene,.login-art footer { display:none!important; }
  .login-art .brand { margin:0 auto; width:max-content; max-width:100%; align-items:center; gap:10px; font-size:19px; text-shadow:none; }
  .login-art .brand img { width:49px; height:60px; }
  .login-art .brand small { color:#e6f4fa; font-size:8px; letter-spacing:1.5px; margin-top:5px; }
  .login-form { flex:1; display:grid; align-items:center; place-items:center; margin:0; padding:25px 26px 55px; position:static; border-radius:0; background:transparent; box-shadow:none; }
  .login-box { width:100%; max-width:390px; text-align:center; }
  .login-box .eyebrow { display:none; }
  .login-box:before { content:'✓'; display:grid; place-items:center; width:76px; height:76px; margin:0 auto 24px; border:2px solid #fff; border-radius:50%; color:#fff; font:400 42px Arial,sans-serif; }
  .login-box h2 { color:#fff; font-size:27px; font-weight:700; letter-spacing:-.5px; margin:0 0 9px!important; }
  .login-box .muted { color:#ecf8fc; font-size:13px; line-height:1.55; }
  .login-box form { margin-top:27px; }
  .login-box .field { margin-bottom:13px; text-align:left; }
  .login-box .field>span { color:#fff; font-size:12px; margin:0 0 6px 12px; }
  .login-box .input { width:100%; min-height:49px; border:1px solid #ffffff9c; border-radius:25px; background:#ffffff31; padding:0 18px; color:#fff; box-shadow:none; }
  .login-box .input::placeholder { color:#f2fbfe; opacity:.92; }
  .login-box .input:focus { outline:2px solid #fff; outline-offset:2px; }
  .login-box .btn.primary { width:100%; min-height:51px; border:0; border-radius:26px; background:#d31724; color:#fff; box-shadow:0 10px 20px #8b11283b; font-weight:800; }
  .login-box>.muted:last-child { margin-top:24px!important; font-size:11px!important; opacity:.92; }
  .login-box .form-error { color:#fff; font-weight:700; }
}
@media (max-width:800px){.login-box .password-toggle{color:#fff}.login-box .password-toggle:hover{background:#ffffff24}.login-box .password-toggle:focus-visible{outline-color:#fff}}