/* static/css/login.css */




body,
html {
  font-family: 'Noto Sans Kannada', sans-serif !important;
  min-height: 100vh;
  background: linear-gradient(120deg, #e3f2fd 0%, #e8f5e9 100%);
  color: #323232;
  scroll-behavior: smooth;
}

.custom-bg {
  background: linear-gradient(120deg, #214c6c 0%, #c9cfca 100%);
}

.login-card {
  max-width: 480px;
  width: 90vw;
  min-width: 330px;
  padding: 2.75rem 2rem;
  border-radius: 1.5rem;
  box-shadow: 0px 8px 32px rgba(23, 36, 64, 0.05), 0 2px 8px rgba(23, 36, 64, 0.04);
  background: #fff;
  transition: box-shadow 0.2s;
  margin-bottom: 20px;
}

@media (max-width: 575px) {
  .login-card {
    max-width: 95vw;
    min-width: auto;
    padding: 1.5rem 1rem;
  }
}

.form-label {
  font-weight: 600;
  color: #1a237e;
}

.form-control {
  border-radius: 0.7rem;
  border: 1px solid #bdbdbd;
  font-size: 1.03rem;
  padding: 0.65rem 0.95rem;
  transition: border-color 0.18s;
}

.form-control:focus {
  border-color: #1976d2;
  box-shadow: 0 0 0 0.14rem rgba(25, 118, 210, 0.16);
}

.btn-primary {
  background: linear-gradient(90deg, #1976d2 0%, #42a5f5 100%);
  border: none;
}

.btn-primary:hover {
  background: linear-gradient(90deg, #0d47a1 0%, #1e88e5 100%);
}

.btn-success {
  background: linear-gradient(90deg, #43a047 0%, #66bb6a 100%);
  border: none;
}

.btn-success:hover {
  background: linear-gradient(90deg, #388e3c 0%, #43a047 100%);
}

a.link-primary {
  text-decoration: none;
  color: #1976d2;
  font-weight: 500;
}

a.link-primary:hover {
  text-decoration: underline;
}

.modal-content {
  border-radius: 1.1rem;
  border: none;
  box-shadow: 0 4px 32px rgba(20, 40, 50, 0.09);
}

#messageModal .modal-header.bg-danger {
  background: linear-gradient(90deg, #d32f2f, #e57373);
}

#messageModal .modal-header.bg-success {
  background: linear-gradient(90deg, #388e3c, #81c784);
}

#messageModal .modal-header.bg-primary {
  background: linear-gradient(90deg, #1976d2, #42a5f5);
}

#messageModalBody {
  padding: 1rem 0 0.5rem;
}

/* Increase Signup Modal Width */
#signupModal .modal-dialog {
  max-width: 600px;
  /* Increase from default 500px */
  width: 90%;
  /* Make it responsive */
}

@media (max-width: 768px) {
  #signupModal .modal-dialog {
    max-width: 95%;
    /* Adjust for tablets and small screens */
  }
}