/* ==========================================================================
   auth.css — Login & register
   Auth card.
   Self-contained: every value is written out (no CSS variables) and every
   selector has its own rule, so changing one block never touches another.
   ========================================================================== */

/* ── .auth-wrap ── */
.auth-wrap {
  max-width: 460px;
  margin: 56px auto 80px;
  padding: 0 20px;
}

/* ── .auth-card ── */
.auth-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 36px;
  box-shadow: 0 8px 40px #4a154b1f;
}

.auth-card h1 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 400;
  font-size: 2rem;
  color: #4a154b;
  margin-bottom: 6px;
}

.auth-card .sub {
  color: #4a154bb2;
  font-size: .9rem;
  margin-bottom: 24px;
}

/* ── .auth-alt ── */
.auth-alt {
  text-align: center;
  margin-top: 18px;
  font-size: .88rem;
  color: #4a154bd6;
}

.auth-alt a {
  color: #4a154b;
  font-weight: 600;
  text-decoration: underline;
}

/* ── .auth-card ── */
.auth-card input {
  width: 100%;
  padding: 12px 16px;
  border: 1.5px solid #e0c8e8;
  border-radius: 12px;
  background: #fff;
  color: #4a154b;
  font: inherit;
  font-size: .92rem;
  outline: none;
  transition: border-color 0.3s cubic-bezier(0.4,0,0.2,1), box-shadow 0.3s cubic-bezier(0.4,0,0.2,1), background 0.3s cubic-bezier(0.4,0,0.2,1);
}

/* ── .auth-alt ── */
.auth-alt a {
  font-weight: 600;
}