html, body {
  height: 100%;
  margin: 0;
}

input, button {
  box-sizing: border-box;
}


.input-container {
  position: relative;
  margin: 0 0;
}

.horizontal-container {
  display: flex;
  gap: 5px;
}

.form-wrapper {
  height: 100vh; /* full screen */
  display: flex;
  justify-content: center; /* centers horizontally */
  align-items: center;     /* centers vertically */
  flex-direction: column;  /* stacks input fields vertically */
  gap: 5px;               /* spacing between inputs */
}

.button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* align children (button and span) to the start (left) */
}