/* A página do convite rola com a janela. Nada fica preso no meio da tela. */
html:has(#auth:not([hidden])),
body:has(#auth:not([hidden])){
  height:auto!important;
  min-height:100%!important;
  max-height:none!important;
  overflow:auto!important;
}
#auth.auth-screen[hidden]{display:none!important}
#gl29WaLogin{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:10px;border-radius:12px;border:1px solid #5dffe0;background:#123f38;color:#f3fffb;font-weight:800}
#gl29WaFields{display:grid;gap:8px;margin-top:10px}
#gl29WaFields[hidden]{display:none!important}
#auth.auth-screen{
  position:relative!important;
  inset:auto!important;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(280px,1.05fr) minmax(320px,520px);
  align-items:start;
  min-height:100dvh;
  height:auto!important;
  max-height:none!important;
  padding:0;
  overflow:visible!important;
  background:var(--g-bg,#07141c);
}
.gl31-side{
  position:sticky;
  top:0;
  height:100dvh;
  overflow:auto;
  padding:clamp(28px,6vw,72px);
  background:radial-gradient(circle at 12% 10%,#14685c,#0b2430 62%);
  color:#f4fbf8;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.gl31-side h2{font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.04em;max-width:520px}
.gl31-side ul{padding:0;margin:18px 0 0;list-style:none;color:#d5eee8;line-height:1.9}
.gl31-side li::before{content:'✓ ';color:#7dffe0}
.gl31-form{
  display:block!important;
  height:auto!important;
  max-height:none!important;
  min-height:100dvh;
  overflow:visible!important;
  padding:24px 18px calc(48px + env(safe-area-inset-bottom));
}
#auth .auth-panel{width:min(440px,100%);max-height:none!important;overflow:visible!important;margin:0 auto}
#auth .gl31-home{display:inline-flex;margin-top:8px;color:var(--accent,#13bb9a);font-weight:800;text-decoration:none}
@media(max-width:860px){
  #auth.auth-screen{display:block!important;grid-template-columns:1fr}
  .gl31-side{display:none!important}
  .gl31-form{min-height:0;padding:16px 14px calc(48px + env(safe-area-inset-bottom))}
  #auth .auth-hero{margin:16px 0 8px}
  #auth .auth-hero h1{font-size:clamp(26px,7vw,34px)}
}