/* MD CentralTrack login skin — presentation only. */
.login-body{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:24px;
  background:
    radial-gradient(circle at 50% 36%, rgba(56,74,88,.22), transparent 34%),
    #202a33;
}
.login-card{
  width:min(420px,calc(100vw - 32px));
  background:#fff;
  padding:34px 34px 30px;
  border-radius:6px;
  box-shadow:0 18px 54px rgba(0,0,0,.24);
}
.login-brand-block{
  text-align:center;
  margin:0 0 24px;
}
.login-logo{
  display:block;
  width:108px;
  height:108px;
  object-fit:contain;
  margin:0 auto 10px;
}
.login-brand.login-brand-md{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:7px;
  margin:0;
  font-size:28px;
  line-height:1.08;
  font-weight:800;
  letter-spacing:-.45px;
  color:#263545;
  white-space:nowrap;
}
.login-brand.login-brand-md span{color:inherit}
.login-brand.login-brand-md .md-mark{color:#1684e8}
.login-brand.login-brand-md .central-mark{color:var(--green)}
.login-brand.login-brand-md .track-mark{color:#263545}
.login-card label{
  display:block;
  margin:12px 0 6px;
  font-size:12px;
  font-weight:700;
  color:#586775;
}
.login-card input{
  width:100%;
  min-height:42px;
  padding:10px 11px;
  border:1px solid #c5d0da;
  border-radius:4px;
  background:#f8fbff;
  font-size:14px;
  outline:none;
  transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.login-card input:focus{
  border-color:#71889d;
  background:#fff;
  box-shadow:0 0 0 2px rgba(49,135,200,.11);
}
.login-card .btn{
  margin-top:19px;
}
.login-card .btn.primary.wide{
  min-height:42px;
  border-radius:4px;
  font-size:14px;
  font-weight:700;
}
@media(max-width:520px){
  .login-body{padding:16px}
  .login-card{width:100%;padding:28px 22px 24px}
  .login-logo{width:92px;height:92px;margin-bottom:9px}
  .login-brand.login-brand-md{font-size:24px;gap:6px;letter-spacing:-.35px}
}
@media(max-width:360px){
  .login-brand.login-brand-md{font-size:21px;gap:5px}
  .login-logo{width:84px;height:84px}
}