.form-container input:focus {
  border-color: #4a90e2;
  box-shadow: 0 0 0.25em rgba(74,144,226,0.5);
  outline: none;
}

/* === LABELS === */
.form-container label {
  font-size: 0.9em;
  margin-bottom: 0.25em;
  font-weight: 500;
  color: #333;
}

/* === BUTTON === */
.form-container button,
.form-container input[type="submit"] {
  display: inline-block;
  background: #ff6b6b;
  color: #fff;
  border: none;
  padding: 0.6em 1.2em; /* smaller & neater */
  font-size: 0.95em;
  border-radius: 0.375em;
  cursor: pointer;
  transition: background 0.3s ease;
  width: auto;
  min-width: 10em;
}

.form-container button:hover,
.form-container input[type="submit"]:hover {
  background: #e85a5a;
}