/* Required sign-in. The hero and map stay behind a frosted veil. */
.auth-overlay{
  position:fixed;
  inset:0;
  z-index:120;
  display:grid;
  place-items:center;
  padding:28px 20px;
  pointer-events:auto;
  background:rgba(2,6,14,.74);
  backdrop-filter:blur(22px) saturate(.62);
  -webkit-backdrop-filter:blur(22px) saturate(.62);
}
.auth-overlay[hidden]{display:none}
.auth-card{
  pointer-events:auto;
  width:min(460px,100%);
  max-height:min(640px,calc(100dvh - 48px));
  overflow:auto;
  padding:28px 26px 24px;
  border-radius:22px;
  border:1px solid rgba(135,184,255,.62);
  background:#101114;
  color:#f4f6fa;
  box-shadow:0 28px 90px rgba(0,0,0,.72),0 0 0 1px rgba(135,184,255,.2);
}
.auth-card h2{
  font:400 32px/1.1 Georgia,'Times New Roman',serif;
  letter-spacing:-.8px;
  margin:0 0 8px;
  color:#f4f6fa;
}
.auth-card .eyebrow{margin-bottom:8px;color:#a8aeb9}
.auth-card .fine{margin:0 0 14px;color:#c5cad3}
.auth-card form{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.auth-card label{font-size:11px;color:#c5cad3}
.auth-card input{font-size:16px;color:#f4f6fa;background:#181a1e}
.auth-card .primary,.auth-card .secondary{width:100%;min-width:0;justify-content:center;flex:none}
#auth-overlay-status{color:#f4f6fa}
#auth-overlay-status:empty{display:none}
#auth-challenge{width:100%;max-width:100%;display:flex;justify-content:center}
#auth-challenge:empty{display:none}
#auth-challenge > div{max-width:100%}
@media(max-width:760px){
  .auth-overlay{padding:16px}
  .auth-card{padding:22px 18px 18px}
  .auth-card h2{font-size:28px}
}
@media(max-width:420px){
  .auth-overlay{padding:12px 8px}
  .auth-card{width:100%;padding:18px 12px 16px}
}