.auth-wrap{
  min-height: calc(100vh - 72px);
  display:grid;
  place-items:center;
  padding:32px 16px;
}

.auth-card{
  width:100%;
  max-width:460px;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:22px;
  padding:22px;
  box-shadow:0 20px 50px #00000014;
  backdrop-filter: blur(10px);
}

.auth-card h1{
  margin:0 0 14px;
}

.auth-form label{
  display:block;
  margin:10px 0 6px;
  font-weight:800;
}

.auth-form input{
  width:100%;
  padding:10px 12px;
  border:1px solid #00000018;
  border-radius:14px;
  font-size:16px;
}

.auth-btn{
  width:100%;
  margin-top:14px;
  padding:10px 12px;
  border-radius:999px;
  border:0;
  cursor:pointer;
  font-weight:900;
  background:linear-gradient(135deg, var(--pink), var(--lav));
}

.auth-muted{
  margin-top:12px;
  color:var(--muted);
}

.auth-error{
  margin-top:12px;
  color:#b00020;
  font-weight:900;
}
.auth-card, .auth-form, .auth-btn { position: relative; z-index: 5; }
.auth-wrap, .auth-card, .auth-form { position: relative; z-index: 10; }