.custom-login-form {
      width: 100%;
      max-width: 500px;
      margin: 40px auto;
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
      background: #f6faec;
  }

  .custom-login-form input[type="text"],
  .custom-login-form input[type="password"],
  .custom-login-form input[type="submit"] {
      width: 100%;
      padding: 10px 15px;
      margin-bottom: 15px;
      font-size: 16px;
      border: 1px solid #ccc;
      border-radius: 6px;
  }

  .custom-login-form input[type="submit"] {
      background-color: #3d4b1f;
      border-color: #3d4b1f;
      color: white;
      cursor: pointer;
      transition: background-color 0.2s ease;
  }

  .custom-login-form input[type="submit"]:hover {
      background-color: #344218;
  }

  .password-toggle {
      position: relative;
  }

  .password-toggle span {
      position: absolute;
      right: 10px;
      top: 40%;
      transform: translateY(-50%);
      cursor: pointer;
      font-size: 18px;
  }

  .alert-error {
      background-color: #f8d7da;
      color: #842029;
      border: 1px solid #f5c2c7;
      padding: 10px 15px;
      margin-bottom: 15px;
      border-radius: 6px;
  }

  .login-link {
      display: block;
      text-align: center;
      margin-top: 10px;
      font-size: 14px;
      color: #666;
  }

  .login-link a {
      color: #3d4b1f;
      text-decoration: none;
  }

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