.auth-wrap {
  min-height:
    calc(100vh - 74px);

  padding:
    70px 20px;

  display:
    flex;

  justify-content:
    center;

  align-items:
    flex-start;
}

.auth-card {
  width:
    min(
      100%,
      470px
    );

  padding:
    38px;
}

.eyebrow {
  margin-bottom:
    15px;

  font-size:
    11px;

  font-weight:
    850;

  letter-spacing:
    0.13em;

  text-transform:
    uppercase;
}

.auth-card h1 {
  margin:
    0;

  font-size:
    42px;

  letter-spacing:
    -0.055em;
}

.sub {
  margin:
    13px 0 30px;

  color:
    var(--text-soft);

  line-height:
    1.6;
}

.form-row {
  margin-bottom:
    18px;
}

.form-row label {
  display:
    block;

  margin-bottom:
    8px;

  font-size:
    13px;

  font-weight:
    700;
}

.form-row input {
  width:
    100%;

  height:
    48px;

  padding:
    0 14px;

  border:
    1px solid var(--line-dark);

  border-radius:
    8px;

  background:
    #fff;

  color:
    var(--text);

  outline:
    none;
}

.form-row input:focus {
  border-color:
    #000;
}

.auth-card form > .btn {
  width:
    100%;
}

.auth-footer {
  margin-top:
    25px;

  color:
    var(--text-soft);

  font-size:
    14px;
}

.auth-footer a {
  color:
    var(--text);

  font-weight:
    700;
}

@media (
  max-width: 540px
) {
  .auth-wrap {
    padding:
      45px 15px;
  }

  .auth-card {
    padding:
      26px;
  }

  .auth-card h1 {
    font-size:
      36px;
  }
}