/* 2. Form Layout (The primary Flexbox for vertical stacking) */
.forgot-password-form {
  /* Make the form a flex container */
  display: flex;
  flex-direction: column; /* Stack children vertically */
  gap: 20px; /* Space between the form elements */
}
.form-instruction {
    text-align: center;
    color: #666;
    font-size: 0.95rem;
    margin-bottom: 15px; /* Space between instruction text and the first input */
}
.email-instructions-button {
  padding: 12px;
  border: none;
  border-radius: 4px;
  background-color: #2040ff;
  color: white;
  font-size: 1.1rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s;
}

.email-instructions-button:hover {
  background-color: #6070ff;
}