/* Sign-in screen */

/* ── AUTH SCREEN ── */
#auth-screen{
  position:fixed;inset:0;background:var(--bg);
  display:flex;align-items:center;justify-content:center;
  z-index:9999;
}
.auth-card{
  background:#fff;border:none;border-radius:var(--r-card);
  padding:44px 40px 36px;text-align:center;width:min(380px,90vw);
  box-shadow:0 40px 80px -30px rgba(8,33,28,.3);
}
.auth-logo{height:36px;margin-bottom:22px}
.auth-title{font-family:var(--fs);font-size:34px;font-weight:400;color:var(--t1);margin-bottom:6px}
.auth-sub{font-family:var(--fm);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--t3);margin-bottom:32px}
.auth-btn{
  border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;gap:11px;
  width:100%;padding:13px 20px;background:#fff;color:var(--t1);
  border:2px solid var(--bd-em);
  font-family:var(--fb);font-size:14px;font-weight:500;
  cursor:pointer;transition:all .18s;
}
.auth-btn:hover{border-color:var(--acc-t);background:var(--acc-sub)}
.auth-btn svg{flex-shrink:0}
.auth-err{
  border-radius:12px;margin-top:16px;padding:10px 14px;
  background:rgba(166,64,47,.06);border:1px solid rgba(166,64,47,.25);
  color:var(--danger);font-family:var(--fm);font-size:11px;
  display:none;line-height:1.5;
}
.auth-hint{margin-top:14px;font-family:var(--fm);font-size:11px;color:var(--t3);letter-spacing:.04em}
