body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Центрируем всё по вертикали */
  align-items: center; /* Центрируем по горизонтали */
}

/* Шапка */
.header {
  text-align: center;
  margin-bottom: 30px;
  font-size: 50px;
}

/* Контейнер формы */
.form-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  width: 100%;
}

/* Форма */
.auth-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  max-width: 400px; /* Ограничим ширину формы */
  width: 100%;
}

/* Группы полей */
.form-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Поля должны быть выровнены по левому краю */
  width: 100%;
}

/* Поля ввода */
.form-group input {
  padding: 10px;
  width: 100%;
  box-sizing: border-box; /* Чтобы padding не увеличивал ширину поля */
  text-align: left; /* Убираем выравнивание по центру */
}

.login-btn {
  padding: 10px 20px;
  width: 100%;
  max-width: 200px; /* Ограничиваем ширину кнопки */
  margin-top: 10px;
  cursor: pointer;
}

/* Подвал */
.footer {
  text-align: center;
  margin-top: 30px;
  padding: 20px;
  width: 100%;
}