/* WeBe login: responsive layout isolated from the original interface. */
.auth{
  min-height:100vh;
  min-height:100svh;
  grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);
  align-items:stretch;
}
.auth-brand{
  display:grid;
  min-width:0;
  min-height:100vh;
  min-height:100svh;
  grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);
  gap:0;
  padding:clamp(36px,4vw,64px);
}
.auth-brand>.brand-logo{align-self:start}
.auth-brand>div{
  width:100%;
  max-width:560px;
  align-self:center;
  justify-self:center;
}
.auth-brand>small{align-self:end}
.auth-brand h1{max-width:540px}
.auth-brand p{max-width:500px}
.auth-form{
  min-width:0;
  max-width:620px;
  padding:clamp(36px,5vw,72px);
}

@media(max-width:900px){
  .auth{grid-template-columns:1fr;min-height:100svh}
  .auth-brand{
    min-height:360px;
    padding:32px clamp(28px,7vw,56px);
    grid-template-rows:auto 1fr auto;
    row-gap:24px;
  }
  .auth-brand>small{display:block}
  .auth-form{width:min(100%,620px);padding:48px clamp(28px,7vw,56px) 56px}
}

@media(max-width:650px){
  .auth-brand{
    min-height:320px;
    padding:26px 24px 28px;
    row-gap:20px;
  }
  .auth-brand h1{font-size:clamp(28px,8vw,31px);line-height:1.22}
  .auth-brand p{display:block;margin-top:14px;font-size:15px;line-height:1.65}
  .auth-brand>small{display:none}
  .auth-form{padding:36px 24px 48px}
  .auth-form>a.textlink{margin-bottom:28px!important}
  .auth-form>p{margin-bottom:24px}
}

@media(max-width:380px){
  .auth-brand{min-height:300px;padding-inline:20px}
  .auth-brand h1{font-size:27px}
  .auth-brand p{font-size:14px}
  .auth-form{padding-inline:20px}
}

@media(min-width:901px) and (max-height:720px){
  .auth-brand,.auth-form{padding-block:30px}
  .auth-brand h1{font-size:36px}
  .auth-brand p{margin-top:14px;line-height:1.65}
  .auth-form>a.textlink{margin-bottom:24px!important}
  .auth-form>p{margin-bottom:20px}
  .auth-form .form-group{margin-bottom:14px}
}