.auth-body{
  overflow:auto; height:auto; min-height:100%;
  background: linear-gradient(160deg, #f7d9e3 0%, #f3e3c8 55%, #e9d6a8 100%);
  display:flex; align-items:center; justify-content:center;
}
.auth-wrap{ width:100%; padding:30px 16px; }
.auth-card{
  max-width:380px; margin:0 auto;
  background:#fff; border-radius:16px; border:1px solid #ecdcc0;
  padding:28px 24px; box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.auth-title{
  font-family:'Great Vibes', cursive; font-size:2rem; color:var(--pink-dark);
  text-align:center; margin:0 0 4px;
}
.auth-sub{ text-align:center; font-size:.8rem; opacity:.7; margin:0 0 20px; }

#loginForm, #registerForm{ display:flex; flex-direction:column; gap:12px; }
#loginForm label, #registerForm label{
  display:flex; flex-direction:column; gap:5px; font-size:.78rem;
}
#loginForm input, #registerForm input{
  border:1px solid #d9c6a8; border-radius:8px; padding:10px 12px; font-family:inherit; font-size:.85rem;
}

.auth-toggle{ display:flex; gap:6px; }
.auth-toggle-btn{
  flex:1; padding:8px; border:1px solid #d9c6a8; border-radius:8px;
  background:#fff; font-size:.78rem; cursor:pointer;
}
.auth-toggle-btn.active{ background:var(--pink-dark); color:#fff; border-color:var(--pink-dark); }

.auth-submit{
  background:var(--pink-dark); color:#fff; border:none; border-radius:22px;
  padding:12px; font-size:.88rem; font-weight:500; cursor:pointer; margin-top:6px;
}
.auth-status{ text-align:center; font-size:.78rem; margin-top:10px; min-height:1.2em; }
.auth-switch{ text-align:center; font-size:.76rem; margin-top:14px; }
.auth-switch a{ color:var(--pink-dark); font-weight:500; }