.loginBody{ display:flex; align-items:center; justify-content:center; }
.loginWrap{ width:100%; padding:24px; display:flex; justify-content:center; }
.loginCard{
  width:min(520px, 92vw);
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.14);
  border-radius: 26px;
  box-shadow: 0 30px 80px rgba(0,0,0,.55);
  padding:20px;
  backdrop-filter: blur(14px);
}
.loginBrand{ display:flex; gap:14px; align-items:center; padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,.12); margin-bottom:14px; }
.logo{
  width:48px; height:48px; border-radius:18px;
  display:flex; align-items:center; justify-content:center;
  background: linear-gradient(180deg, rgba(43,76,255,.95), rgba(242,193,78,.86));
  font-weight: 1000;
}
.loginTitle{ font-weight:1000; font-size:22px; }
.loginSub{ color: var(--muted); font-weight:850; font-size:12px; margin-top:4px; }
.loginForm .lbl{ display:block; color: var(--muted); font-weight:900; font-size:12px; margin-bottom:8px; }
.loginForm .inp{ margin-bottom:10px; }
.err{ color: var(--bad); font-weight:900; font-size:13px; margin-bottom:10px; }