/* sign-in screen (the rest of the look is css/app.css, copied from the approved demo) */
#loginWrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#000}
#loginWrap[hidden],#app[hidden],.login-card[hidden]{display:none}
.login-card{width:min(420px,100%);background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:14px}
.login-brand{font-family:'League Spartan',sans-serif;font-weight:800;font-size:26px}
.login-brand span{color:var(--blue)}
.login-brand small{display:block;font-family:Poppins,sans-serif;font-weight:500;font-size:12px;color:var(--muted);letter-spacing:.04em}
.login-card h1{font-size:26px}
.login-err{min-height:20px;color:var(--bad);font-size:13px;font-weight:500}
.login-card .btn.pri{min-height:44px}