/* Background Image for Login Page */
.login-bg {
  background: url("../image/bg.png") no-repeat center center fixed;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

/* สำหรับมือถือและแท็บเล็ต (Responsive) ให้พื้นหลังชิดซ้าย */
@media (max-width: 768px) {
  .login-bg {
    background-position: left center !important;
  }
}

.login-card {
  border-radius: 24px;
  box-shadow:
    0 20px 40px rgba(0, 0, 0, 0.08),
    0 1px 3px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 10;
}

input {
  font-family: inherit;
}

/* Subtle input focus states */
input:focus {
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1) !important;
}