body.auth {
  min-height: 100vh;
  display: grid;
  place-items: center;
  background:
    radial-gradient(800px 360px at 80% -10%, rgba(91,108,255,.4), transparent 55%),
    radial-gradient(700px 380px at 0% 110%, rgba(139,92,246,.28), transparent 50%),
    #070b18;
  color: #fff;
  margin: 0;
  font-family: "Manrope", system-ui, sans-serif;
}
.auth-card {
  width: min(420px, calc(100% - 32px));
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 28px;
  padding: 32px 28px;
  backdrop-filter: blur(18px);
}
.auth-card h1 { margin: 8px 0 8px; font-size: 32px; letter-spacing: -.03em; }
.auth-card p { color: rgba(255,255,255,.7); margin-bottom: 22px; line-height: 1.5; }
.auth-card label { display:block; font-size:13px; font-weight:700; margin: 0 0 6px; }
.auth-card input {
  width: 100%;
  border: 0;
  border-radius: 14px;
  padding: 12px 14px;
  margin-bottom: 14px;
  background: rgba(255,255,255,.92);
  font-family: inherit;
  box-sizing: border-box;
}
.auth-error { color: #fecaca; font-weight: 700; margin-bottom: 12px; }
.auth-card .btn { width: 100%; margin-top: 4px; }
.auth-alt { display:block; text-align:center; margin-top:14px; color: rgba(255,255,255,.78); font-weight:700; text-decoration:none; }