/* Login Page Styles */
.login-page {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--bg-light);
}

/* Điều chỉnh card đăng nhập */
.card.shadow-sm {
  margin-top: 0; /* Giảm margin-top */
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.08) !important;
}

/* Điều chỉnh padding của card body */
.card-body.p-5 {
  padding: 2rem !important; /* Giảm padding từ 3rem (p-5) xuống 2rem */
}

/* Điều chỉnh margin của logo và tiêu đề */
.text-center.mb-4 {
  margin-bottom: 1.5rem !important; /* Giảm margin-bottom */
}

/* Điều chỉnh khoảng cách giữa các phần tử form */
.mb-4 {
  margin-bottom: 1rem !important; /* Giảm margin-bottom */
}

/* Điều chỉnh margin-top của container */
.mt-5 {
  margin-top: 2rem !important; /* Giảm margin-top */
}

/* Điều chỉnh margin-top của footer */
.mt-3 {
  margin-top: 1rem !important; /* Giảm margin-top */
}

/* Responsive */
@media (max-width: 576px) {
  .card-body.p-5 {
    padding: 1.5rem !important; /* Giảm padding hơn nữa trên mobile */
  }
  
  .text-center.mb-4 {
    margin-bottom: 1rem !important; /* Giảm margin hơn nữa trên mobile */
  }
}