/* =========================================================
   login.css — layout khusus halaman masuk
   ========================================================= */

.auth-split{
  min-height:calc(100vh - var(--header-h));
  display:grid;grid-template-columns:1fr 1fr;
}
.auth-art{
  background:linear-gradient(135deg,var(--navy-900),var(--navy-700));
  position:relative;overflow:hidden;padding:56px;display:flex;flex-direction:column;justify-content:space-between;
}
.auth-art .quote{color:#fff;max-width:34ch;}
.auth-art .quote .eyebrow{color:var(--gold);}
.auth-art .quote h2{color:#fff;font-size:1.9rem;margin-top:10px;}
.auth-art .quote p{color:#D9D6C2;}
.auth-art .stat-row{display:flex;gap:28px;}
.auth-art .stat-row div strong{display:block;color:var(--gold);font-family:var(--font-display);font-size:1.6rem;}
.auth-art .stat-row div span{color:#D9D6C2;font-size:.78rem;}
.auth-art .deco-books{position:absolute;bottom:-30px;right:-30px;width:260px;opacity:.9;}

.auth-panel{
  display:flex;align-items:center;justify-content:center;padding:40px 24px;
}
.auth-card{width:100%;max-width:420px;}
.auth-card .brand{margin-bottom:34px;}
.auth-card h1{font-size:1.7rem;margin-bottom:6px;}
.auth-card .sub{margin-bottom:28px;}
.auth-card .sub a{color:var(--navy-800);font-weight:700;}
[data-theme="dark"] .auth-card .sub a{color:var(--gold);}

.password-field{position:relative;}
.password-field button{
  position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-soft);
  padding:6px;
}
.password-field button svg{width:18px;height:18px;}

.form-row-between{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:.85rem;}
.checkbox-line{display:flex;align-items:center;gap:8px;}
.checkbox-line input{width:16px;height:16px;accent-color:var(--navy-800);}
.link-muted{color:var(--text-muted);font-weight:600;}
.link-muted:hover{color:var(--navy-800);}
[data-theme="dark"] .link-muted:hover{color:var(--gold);}

.divider-or{display:flex;align-items:center;gap:12px;margin:22px 0;color:var(--text-soft);font-size:.8rem;}
.divider-or::before,.divider-or::after{content:"";flex:1;height:1px;background:var(--border);}

.social-auth{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.social-auth button{
  display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:var(--radius-sm);
  border:1.5px solid var(--border);background:var(--surface);font-weight:700;font-size:.84rem;color:var(--text);
}
.social-auth button:hover{border-color:var(--navy-800);}
.social-auth svg{width:17px;height:17px;}