/* Annule le form global sur cette page, on laisse .login-form décider */
.login-page .login-form {
  background: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  padding: 1.8em 1.4em;
  max-width: 360px;
  margin: 2em auto;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

/* Champs + bouton confortables */
.login-page .login-form input[type="text"],
.login-page .login-form input[type="password"] {
  width: 100%;
  height: 44px;
  font-size: 16px;
  padding: 0 10px;
  margin-top: 0.3em;
  box-sizing: border-box;
}

.login-page .login-form .btn {
  width: 100%;
  padding: 10px 16px;
  font-size: 16px;
  margin-top: 0.8em;
}

/* Mobile : petits ajustements */
@media (max-width: 768px) {
  .portal-container {
    max-width: 100%;
    margin: 0;
    border-radius: 0;
    padding: 16px 12px 20px;
  }

  .login-page .login-form {
    max-width: 100%;
    margin-top: 40px;
  }

  .login-options {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
}