.auth-page {
  background: radial-gradient(circle at 12% 20%, #dbeafe 0, transparent 28%),
              radial-gradient(circle at 88% 75%, #e0e7ff 0, transparent 30%), #f8fafc;
}
.auth-page .auth-wrap { min-height: calc(100vh - 140px); padding: 54px 16px; }
.auth-page .login-card {
  width: min(440px, 100%); padding: 34px 38px 30px; border: 0; border-radius: 18px;
  box-shadow: 0 24px 70px #0f172a1c;
}
.login-mark {
  width: 52px; height: 52px; display: grid; place-items: center; margin: 0 auto 18px;
  border-radius: 15px; background: linear-gradient(145deg, #155eef, #4338ca); color: #fff;
  font-size: 25px; font-weight: 800; box-shadow: 0 10px 24px #155eef40;
}
.login-heading { text-align: center; margin-bottom: 25px; }
.login-heading .eyebrow { font-size: 12px; font-weight: 800; letter-spacing: 1.8px; margin: 0 0 5px; }
.login-heading h1 { font-size: 28px; margin: 0 0 5px; }
.login-heading > p:last-child { color: #64748b; margin: 0; font-size: 14px; }
.login-form label { margin: 15px 0 6px; }
.login-form input { height: 46px; margin: 0; border-radius: 9px; background: #f8fafc; }
.login-form input:focus { outline: 3px solid #155eef1c; border-color: #155eef; background: #fff; }
.login-form .login-submit {
  width: 100%; height: 47px; margin-top: 24px; border-radius: 9px; box-shadow: 0 8px 20px #155eef30;
}
.login-footer { text-align: center; color: #64748b; font-size: 14px; }
.login-footer p { margin: 20px 0 0; }
.login-error { margin: 0 0 14px; text-align: center; }