@import url("login.css");

.auth-page {
  width:min(1180px,calc(100% - 32px));
  grid-template-columns:minmax(0,1fr) minmax(500px,570px);
  gap:clamp(42px,6vw,78px);
  padding:44px 0;
}

.auth-art h1 {
  max-width:610px;
  font-size:clamp(3rem,5.2vw,4.4rem);
  line-height:.98;
}

.auth-panel .panel-body {
  padding:clamp(24px,3vw,34px);
}

#register-form {
  align-items:start;
}

#register-form .field {
  align-self:start;
}

#register-form .field-hint {
  line-height:1.45;
}

@media (max-width:980px) {
  .auth-page {
    grid-template-columns:1fr;
    max-width:720px;
    gap:28px;
  }
  .auth-art {
    text-align:center;
  }
  .auth-art h1,
  .auth-art p,
  .auth-quote {
    margin-inline:auto;
  }
}

@media (max-width:520px) {
  .auth-page {
    width:min(100% - 22px,720px);
    padding:28px 0;
  }
  .auth-art h1 {
    font-size:clamp(2.35rem,12vw,3.25rem);
  }
  .auth-quote {
    margin-top:20px;
  }
  .auth-panel .panel-body {
    padding:20px 16px;
  }
}