.signup-form {
  width: 100%;
  max-width: 357px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 29px;
}

.signup-input-group {
  width: 100%;
}

.signup-label {
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #6b7280;
  margin-bottom: 8px;
}

.signup-input {
  width: 100%;
  min-width: 120px;
  padding: 12px 16px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background: #ffffff;
  color: #111827;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1;
  cursor: text;
}

.signup-input::placeholder {
  color: #6b7280;
}

.signup-input:focus {
  border-color: #b3b3b3;
}

.signup-input:focus:not(:focus-visible) {
  outline: none;
}

@media (max-width: 640px) {
  .signup-form {
    max-width: 100%;
    gap: 20px;
  }
}