/* ---- auth forms ---- */
.form-wrapper{
  display:flex;
  justify-content:center;
  align-items:flex-start;
  padding:3rem 1rem;
}
.auth-card{
  background:#ffffff;
  border-radius:8px;
  box-shadow:0 2px 8px rgba(0,0,0,.12);
  width:100%;
  max-width:420px;
  padding:1.75rem 1.5rem;
}
.auth-card h1{
  text-align:center;
  font-size:1.4rem;
  margin-bottom:1.2rem;
  color:#2c3e50;
}
.auth-card label{font-size:.95rem;margin-bottom:.85rem;color:#333;display:block}
.auth-card input{padding:.7rem .75rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;width:100%}
.auth-card button{margin-top:1rem;width:100%;font-size:1rem;padding:.8rem 1rem}
.error{color:#d33;margin-bottom:.8rem;text-align:center}
/* mobile tweak */
@media(max-width:480px){
  .form-wrapper{padding:2rem .5rem}
  .auth-card{padding:1.25rem 1rem}
}