.login-card {
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
  }
  
  @media (min-width: 768px) {
    .login-card {
      max-width: 450px;       /* Slightly wider on desktop */
      padding-left: 2rem;     /* More horizontal padding */
      padding-right: 2rem;
    }
  }
  
  @media (min-width: 1200px) {
    .login-card {
      max-width: 500px;       /* Even wider on large desktops */
      padding-left: 3rem;
      padding-right: 3rem;
    }
  }