body { background: #0f172a; }
.login-bg {
    background: linear-gradient(rgba(15, 23, 42, 0.85), rgba(15, 23, 42, 0.85)), url('../img/bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.card {
  background: white;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.1);
}
.login-card {
    background: white;
    border-radius: 8px !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    overflow: hidden;
}
.card-image-side {
    background: url('../img/card.jfif');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.btn-primary {
  background-color: #022c15;
}
.btn-primary:hover {
  background-color: #013d1f;
}
.spinner {
  animation: spin 1s linear infinite;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}