.auth-section{
  flex:1;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:140px 6% 80px;
  background:var(--clay-100);
}

.auth-box{
  width:100%;
  max-width:440px;
}

.auth-box .eyebrow{
  justify-content:center;
}

.auth-box h1{
  font-family:var(--font-display);
  font-size:clamp(30px,4vw,40px);
  font-weight:500;
  text-align:center;
  margin-bottom:10px;
}

.auth-sub{
  text-align:center;
  font-size:14.5px;
  color:rgba(43,38,32,0.65);
  line-height:1.6;
  margin-bottom:var(--space-4);
}

.auth-form{
  padding:var(--space-4);
}

.auth-message{
  padding:14px 16px;
  border-radius:var(--radius-sm);
  font-size:14px;
  margin-bottom:var(--space-3);
  text-align:center;
}

.auth-message-error{
  background:rgba(178,58,46,0.1);
  color:#8C3A2E;
  border:1px solid rgba(178,58,46,0.25);
}

.auth-message-success{
  background:rgba(74,107,68,0.1);
  color:#3F5C3A;
  border:1px solid rgba(74,107,68,0.25);
}

.auth-switch{
  text-align:center;
  font-size:14px;
  color:rgba(43,38,32,0.65);
  margin-top:var(--space-3);
}

.auth-switch a{
  color:var(--copper-dark);
  font-weight:600;
  text-decoration:none;
}

.auth-switch a:hover{
  text-decoration:underline;
}

/* Catatan: styling .nav-user (nama akun, tombol login/logout di
   navbar) dipindahkan ke style.css, supaya konsisten tampil di
   SEMUA halaman -- bukan hanya halaman yang memuat auth.css ini. */