.login-screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:radial-gradient(circle at 50% 0%,rgba(69,181,255,.14),transparent 42%),#08111f}.login-screen.hidden{display:none}.login-card{width:390px;max-width:calc(100vw - 30px);padding:34px;border:1px solid #233d58;background:rgba(14,26,43,.95);border-radius:18px;box-shadow:0 20px 80px rgba(0,0,0,.35)}.login-brand{font-size:20px;font-weight:800;letter-spacing:-.8px;display:flex;align-items:center;gap:10px;margin-bottom:55px}.login-card h1{font-size:25px;margin:8px 0 5px}.login-card>p{color:var(--muted);font-size:11px;margin:0 0 25px}.login-card form label{display:block;color:#92a4bc;font-size:10px;font-weight:700;margin-bottom:14px}.login-card input{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid var(--border);border-radius:8px;background:#0a1626;color:var(--text);outline:0;font-size:11px}.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(69,181,255,.1)}.login-card form .primary-btn{width:100%;margin-top:8px}.login-error{display:none;color:#ff8494;background:rgba(239,89,111,.1);border:1px solid rgba(239,89,111,.25);border-radius:7px;padding:9px;font-size:10px;margin-bottom:10px}.login-error.show{display:block}.demo-credentials{display:block;color:#5e7590;text-align:center;margin-top:18px;font-size:10px}.demo-credentials strong{color:#92aac2}