/* General styles for desktop */
.login-container {
  min-height: 100vh; /* full viewport height */
  display: block;
}

.login-form {
  width: 100%;
  max-width: 350px;
  padding: 1rem 1.5rem;
}

/* Mobile-specific overrides */
@media (max-width: 900px) {
  .login-container {
    min-height: 20vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
  }
  .login-form {
    padding: 1rem 1rem !important;
    margin: 0 0.25rem !important;
    max-width: 92vw !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
  }
  .login-form label {
    font-size: 1.15rem !important;
    font-weight: 600 !important;
    margin-bottom: 0.45rem !important;
  }
  .login-form .form-control {
    font-size: 1rem !important;
    padding: 0.55rem !important;
    border-radius: 8px !important;
  }
  .login-form .btn {
    font-size: 1rem !important;
    padding: 0.55rem !important;
    border-radius: 8px !important;
  }
  .login-form .mb-3 {
    margin-bottom: 0.9rem !important;
  }
  .login-form p {
    font-size: 0.95rem !important;
    margin-bottom: 0.7rem !important;
  }
  p a, .login-form p a {
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    padding: 0.1rem 0.08rem !important;
  }
}