.container {
    width:85%;
    max-width: 700px;
    margin:  auto;
    background: #fff;
    border: 1px solid grey;
    border-radius: 10px;
    padding: 2px;
    
  }

  .center {
    text-align: center;
  }

  .header-img {
    max-width: 100%;
    height: auto;
  }

  .title {
    font-size: 1.8em;
    font-weight: bold;
    margin: 15px 0;
  }

  .subtitle {
    font-size: 1.5em;
    margin-bottom: 20px;
  }

  .message {
    text-align: center;
    margin: 20px 0;
  }

  .successMessage {
    color: green;
    font-weight: bold;
  }

  .errorMessage {
    color: red;
    font-weight: bold;
  }

  .form-group {
    display: flex;
    flex-direction: column;
    margin: 10px auto;
    max-width: 300px;
  }
  
 
  label {
    font-size: 1.2em;
    color: #76767a;
    margin-bottom: 5px;
  }

  input {
    height: 30px;
    padding: 5px;
    font-size: 1em;
  }

  .btn {
    margin-top: 15px;
    height: 40px;
    background-color: #00521E;
    color: white;
    border: none;
    font-size: 1.2em;
    cursor: pointer;
  }

  .footer {
    border-top: 1px solid gray;
    margin-top: 30px;
    padding-top: 15px;
     background-color: WHITE;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  
  .footer img {
    max-width: 200px;
    height: auto;
    float:left
  }
 
  .footer-text {
    text-align: right;
    font-size: 1.2em;
    color: #76767a;
  }

  .note {
    margin: 30px;
    font-size: 1.2em;
    color: #76767a;
  }
  #headerlogo {
  display: flex;
 
}

#headerlogo img {
  border: none;
  float:left
}

.password-container {
  text-align: center;
}

.passwordRules{font-size: 12px; font-weight:bold;}
.password-list {
  display: inline-block;       /* keeps list centered as a block */
  text-align: left;            /* keeps text readable */
  list-style-type: disc;       /* ensures bullet dots */
  padding-left: 1.5rem;        /* proper spacing for bullets */
  margin: 0 auto;
}

.password-list li {
  margin-bottom: 0.5rem;
  font-size: 12px; 
  
}