.auth{display:grid;grid-template-columns:40% 1fr;min-height:100vh;min-height:100svh}
.auth-fig{position:relative;overflow:clip;background:var(--acai)}
.auth-fig img{position:absolute;inset:0}
.auth-claim{position:absolute;left:clamp(20px,2.4vw,40px);bottom:clamp(20px,2.4vw,40px);
  right:clamp(20px,2.4vw,40px);color:var(--paper);font-family:var(--font-display);
  font-size:clamp(26px,2.6vw,40px);line-height:1.12;text-shadow:0 1px 28px rgba(0,0,0,.3)}
.auth-claim span{display:block}
.auth-body{padding:clamp(28px,3.4vw,64px);display:flex;flex-direction:column;justify-content:center}
.auth-in{width:100%;max-width:440px}
.auth-back{display:inline-flex;align-items:center;gap:9px;font-weight:700;text-transform:uppercase;
  font-size:11.5px;letter-spacing:.08em;color:var(--acai);margin-bottom:var(--s6);line-height:1}
.auth-back svg{display:block}
.auth-back:hover{text-decoration:underline;text-underline-offset:3px}
.auth-logo{width:64px;color:var(--acai);margin-bottom:var(--s5)}
.auth-h{font-weight:700;text-transform:uppercase;font-size:clamp(24px,2.6vw,36px);letter-spacing:-.03em;
  line-height:1.02;color:var(--acai)}
.auth-sub{font-size:15px;line-height:1.55;color:var(--ink-80);margin-top:11px;max-width:46ch}
.auth-form{margin-top:clamp(24px,2.6vw,38px)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
.auth-row{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap;
  margin-bottom:var(--s5)}
.auth-link{font-size:14px;font-weight:600;color:var(--acai);border-bottom:1px solid var(--line);padding-bottom:1px}
.auth-link:hover{border-color:var(--acai)}
.auth-form .btn{width:100%}
.auth-form .btn + .field-err{margin-top:var(--s3)}
.btn-wait{position:relative;overflow:clip}
.btn-bar{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:inherit;
  background:var(--acai);color:var(--creme);clip-path:inset(-1px -1px -1px 100%);transition:clip-path 0s var(--t-hover)}
.btn-wait[aria-disabled="true"]{background:transparent;color:var(--acai);transition:none}
.btn-wait[aria-disabled="true"] .btn-bar{clip-path:inset(-1px -1px -1px calc(100% - var(--bar,0) * 100%))}
.btn-wait.is-running .btn-bar{clip-path:inset(-1px);transition:clip-path var(--dur,60s) linear}
.auth-foot{margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--line);font-size:14.5px;color:var(--ink-80)}
.auth-foot a,.auth-foot button{font-weight:600;font-size:inherit;letter-spacing:0;color:var(--acai);
  border-bottom:1px solid var(--line);padding-bottom:1px}
.auth-foot a:hover,.auth-foot button:hover{border-color:var(--acai)}
.auth-foot form{display:inline}
.checks{margin-bottom:var(--s6)}
.check + .check{margin-top:var(--s4)}
.checks .field-err{margin-left:30px}
.checks .field-err + .check{margin-top:var(--s4)}

@media (max-width:900px){
  .auth{grid-template-columns:1fr}
  .auth-fig{min-height:200px}
  .field-row{grid-template-columns:1fr}
}
