.container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 25px;

  .page-header {
    margin-bottom: 16px;

    .page-title {
      font-size: var(--font-size-page-title);
      font-weight: var(--weight-semi-bold);
      color: var(--color-text-primary);
      margin-bottom: 5px;
    }

    .page-description {
      font-size: 17px;
      color: var(--color-text-tertiary);
    }
  }
}

.container-form-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  .title {
    margin-top: 50px;
    font-size: 27px;
    text-align: center;
    margin-bottom: 50px;
    font-weight: var(--weight-bold);
  }
}

@media(min-width: 800px) {
  .container {
    padding: 32px 45px;
  }
}