.backend-login {
  width: min(440px, calc(100% - 32px));
  border: 0;
  border-radius: 22px;
  padding: 0;
  box-shadow: 0 28px 80px rgba(12, 18, 32, .28);
}
.backend-login::backdrop { background: rgba(7, 13, 25, .72); backdrop-filter: blur(6px); }
.backend-login form { display: grid; gap: 14px; padding: 32px; }
.backend-login .login-mark {
  width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center;
  background: #a259ff; color: #fff; font-weight: 800; font-size: 20px;
}
.backend-login h2 { font: 800 27px/1.15 Manrope, sans-serif; margin: 0; color: #111827; }
.backend-login p { margin: 0 0 4px; color: #667085; line-height: 1.55; }
.backend-login label { display: grid; gap: 7px; color: #344054; font-size: 13px; font-weight: 700; }
.backend-login input {
  height: 46px; border: 1px solid #d5d9e2; border-radius: 10px; padding: 0 13px;
  font: inherit; color: #111827; outline: none;
}
.backend-login input:focus { border-color: #a259ff; box-shadow: 0 0 0 3px rgba(162, 89, 255, .14); }
.backend-login .login-error { border-radius: 9px; background: rgba(255, 114, 98, .13); color: #a8291d; padding: 10px 12px; font-size: 13px; }
.backend-login .login-demo { justify-content: center; color: #667085; }
.backend-login small { color: #98a2b3; line-height: 1.45; text-align: center; }
.system-boundary.is-live .pulse { background: #0acf83; box-shadow: 0 0 0 5px rgba(10, 207, 131, .12); }
.system-boundary.is-demo .pulse { background: #a259ff; box-shadow: 0 0 0 5px rgba(162, 89, 255, .12); }