.inputOTP {
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 24px;
  border: 2px solid #2ECC71;
  border-radius: 5px;
  background-color: #2C3E50;
  color: #ECF0F1;
}

.inputOTP:focus {
  outline: none;
  border-color: #1ABC9C;
  background-color: #34495E;
}

.counter {
    font-size: 2em;
    margin-bottom: 20px;
}

#password-rules li {
    font-weight: bold;
    margin-bottom: 5px;
}

.valid {
    color: green;
}

.valid::before {
    content: "✔ ";
}

.invalid {
    color: red;
}

.invalid::before {
    content: "✖ ";
}