body.login_admin {
  background: linear-gradient(to right, #3a0ca3, #ee0979, #5f0a87);
  -webkit-background-size: 400% 400%;
  -moz-background-size: 400% 400%;
  -o-background-size: 400% 400%;
  background-size: 400% 400%;
  animation: gradientBG 15s ease infinite;
  
}

@keyframes gradientBG {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}

body.login_admin h1 {
    color: #fff !important;
}

body.login_admin .btn-primary {
  background: linear-gradient(to right, #3a0ca3, #ee0979, #5f0a87);
  background-size: 400% 400%;
  animation: gradientBG 15s ease infinite;
  
  border: none;
  color: #fff;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 8px;
  transition: transform 0.2s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}

body.login_admin .btn-primary:hover {
  transform: scale(1.03);
}

body.login_admin .btn-primary:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(238, 9, 121, 0.4);
}