.form {
  display: grid;
  gap: var(--Spacing-x3);
  margin-bottom: var(--Spacing-x3);
}

.container {
  display: grid;
  gap: var(--Spacing-x2);
  width: min(100%, 600px);
}

.header,
.country,
.email,
.signup,
.phone {
  grid-column: 1/-1;
}

.footer {
  margin-top: var(--Spacing-x1);
}

@media screen and (min-width: 768px) {
  .form {
    gap: var(--Spacing-x3);
  }

  .container {
    gap: var(--Spacing-x2);
    grid-template-columns: 1fr 1fr;
    width: min(100%, 600px);
  }
}