.login-header-bg {
  background-color: #4058d8;
}

.login-card-shadow {
  box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.1);
}

.custom-input {
  transition: border-color 0.2s, box-shadow 0.2s;
}

.custom-input:focus {
  outline: none;
  border-color: #4058d8;
  box-shadow: 0 0 0 3px rgba(64, 88, 216, 0.15);
}

.btn-primary {
  background-color: #4058d8;
  transition: transform 0.1s, background-color 0.2s;
}

.btn-primary:active {
  transform: scale(0.98);
}

.btn-primary:hover {
  background-color: #364dc0;
}

.underline-cyan {
  display: block;
  width: 48px;
  height: 2px;
  background-color: #00e0ff;
  margin: 0 auto;
}
.link-underline {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-color: #cbd5e1;
}