#loginScreen{
  background:
    radial-gradient(circle at 10% 10%,rgba(223,108,23,.08),transparent 30%),
    linear-gradient(135deg,#f5f9fb 0%,#ffffff 48%,#f8f4ef 100%)!important;
}
#loginScreen .login-card{
  width:min(760px,calc(100vw - 28px))!important;
  border-radius:16px!important;
  border:1px solid #d9e3e9!important;
  box-shadow:0 18px 55px rgba(18,55,78,.13)!important;
  overflow:hidden!important;
}
.login-official-strip-v61{
  padding:8px 18px;background:#174f70;color:#fff;
  border-bottom:3px solid #df6c17;font-size:10px;font-weight:900;
  letter-spacing:.55px;text-transform:uppercase
}
.login-official-brand-v61{
  display:grid;grid-template-columns:86px 1fr;gap:17px;align-items:center;
  padding:18px 22px 14px;border-bottom:1px solid #e4ebef;background:#fff
}
.login-official-brand-v61 img{
  width:76px;height:76px;object-fit:contain;border-radius:12px;
  background:#fff;padding:4px;border:1px solid #e1e8ec
}
.login-official-brand-v61 .dept{
  font-size:11px;font-weight:800;color:#df6c17;text-transform:uppercase;
  letter-spacing:.35px;margin-bottom:4px
}
.login-official-brand-v61 h1{
  margin:0;color:#123f5e;font-size:23px;line-height:1.12;font-weight:900
}
.login-official-brand-v61 .undertaking{
  margin-top:5px;color:#536d7d;font-size:11px;font-weight:700
}
.login-official-brand-v61 .office{
  margin-top:3px;color:#7b8e99;font-size:10px
}
.login-official-system-v61{
  padding:13px 22px 4px;background:#fff
}
.login-official-system-v61 h2{
  margin:0;color:#163f5c;font-size:16px;font-weight:900
}
.login-official-system-v61 p{
  margin:4px 0 0;color:#708391;font-size:10.5px;line-height:1.45
}
@media(max-width:600px){
  .login-official-brand-v61{grid-template-columns:62px 1fr;padding:14px}
  .login-official-brand-v61 img{width:56px;height:56px}
  .login-official-brand-v61 h1{font-size:17px}
  .login-official-system-v61{padding-left:14px;padding-right:14px}
}