.wrapCenter{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 22px;
}
.cardAuth{
  width: min(520px, 100%);
  border-radius: var(--r);
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.04);
  box-shadow: var(--shadow);
  padding: 18px;
  backdrop-filter: blur(10px);
}
.brandRow{ display:flex; align-items:center; gap:12px; margin-bottom: 10px; }
.brandMark{
  width:44px; height:44px;
  border-radius: 14px;
  border:1px solid rgba(255,213,74,.35);
  background: rgba(255,213,74,.10);
  display:flex; align-items:center; justify-content:center;
  font-weight:900;
  color: var(--yellow);
}
.brandTitle{ font-size:18px; font-weight:800; }
.brandSub{ font-size:13px; color: var(--mut); margin-top:2px; }

.form{ margin-top: 8px; }
.pwRow{ display:flex; gap:10px; align-items:center; }
.btnRow{ display:flex; gap:10px; margin-top: 14px; }
.btnRow .btn{ flex:1; }
.grid2{ display:grid; grid-template-columns: 1fr 1fr; gap:12px; }

.chk{
  display:flex; gap:10px; align-items:flex-start;
  margin-top: 12px;
  padding: 10px 12px;
  border:1px solid var(--stroke);
  border-radius: 14px;
  background: rgba(255,255,255,.03);
  color: var(--mut);
  font-size:13px;
}
.chk input{ margin-top: 2px; }

.switchLine{
  margin-top: 10px;
  color: var(--mut);
  font-size:13px;
  text-align:center;
}
.footerLine{
  margin-top: 14px;
  text-align:center;
  font-size: 12px;
  color: rgba(255,255,255,.55);
}

@media (max-width: 520px){
  .grid2{ grid-template-columns: 1fr; }
}