/* pages/login.css — .pg-login: kartu dua sisi (sisi brand disembunyikan di HP) */
.pg-login{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px}
.pg-login .lg-card{width:100%;max-width:940px;display:grid;grid-template-columns:1.05fr 1fr;background:var(--glass);backdrop-filter:blur(22px) saturate(165%);-webkit-backdrop-filter:blur(22px) saturate(165%);border:1px solid var(--hair);border-radius:26px;overflow:hidden;box-shadow:var(--sh-3);animation:sheetIn var(--dur-slow) var(--ease-out) both}
.pg-login .lg-brand{position:relative;overflow:hidden;isolation:isolate;color:var(--on-brand);padding:38px 34px;background:linear-gradient(160deg,var(--brand),var(--brand-2))}
.pg-login .lg-brand::before{content:"";position:absolute;top:-60px;right:-50px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,var(--on-brand-glow),transparent 65%);z-index:-1}
.pg-login .lg-brand::after{content:"";position:absolute;bottom:-70px;left:-40px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,var(--login-glow),transparent 68%);z-index:-1}
.pg-login .lg-logo{display:flex;align-items:center;gap:12px;margin-bottom:30px}
.pg-login .lg-mark{width:42px;height:42px;border-radius:13px;background:var(--on-brand-soft);border:1px solid var(--on-brand-line);display:grid;place-items:center;font-weight:800;font-size:20px;overflow:hidden}
.pg-login .lg-mark img{width:100%;height:100%;object-fit:contain;background:var(--logo-bg)}
.pg-login .lg-appname{display:block;font-size:var(--fs-lg);font-weight:800}
.pg-login .lg-by{font-size:var(--fs-xs);color:var(--on-brand-muted)}
.pg-login .lg-h2{font-size:26px;font-weight:800;line-height:1.2;margin-bottom:10px}
.pg-login .lg-tag{font-size:var(--fs-md);line-height:1.55;margin-bottom:26px;max-width:340px;color:var(--on-brand-muted)}
.pg-login .lg-feat{list-style:none;display:grid;gap:12px}
.pg-login .lg-feat li{display:flex;align-items:center;gap:10px;font-size:var(--fs-sm)}
.pg-login .lg-tick{width:24px;height:24px;border-radius:8px;background:var(--on-brand-soft);display:grid;place-items:center;flex:none}
.pg-login .lg-form{padding:42px 38px;display:flex;flex-direction:column;justify-content:center;background:var(--login-form-bg)}
.pg-login .lg-title{font-size:var(--fs-2xl);font-weight:800}
.pg-login .lg-sub{color:var(--text-3);margin:6px 0 24px}
.pg-login .lg-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px;font-size:var(--fs-sm)}
.pg-login .lg-check{display:flex;align-items:center;gap:8px;color:var(--text-2);cursor:pointer}
.pg-login .lg-check input{width:18px;height:18px;accent-color:var(--brand-2)}
.pg-login .lg-link{color:var(--brand-text);font-weight:700;font-size:var(--fs-sm);padding:4px 0}
.pg-login .lg-error{margin:0 0 14px;padding:10px 12px;border-radius:12px;background:var(--b-overdue-bg);color:var(--b-overdue-fg);font-size:var(--fs-sm);font-weight:600}
.pg-login .lg-submit{min-height:48px;font-size:var(--fs-lg)}
.pg-login .lg-foot{text-align:center;font-size:var(--fs-sm);color:var(--text-3);margin-top:20px}
/* ALVA ONE kecil di atas form — hanya di HP (sisi brand disembunyikan) */
.pg-login .lg-mbrand{display:none;align-items:center;gap:10px;margin-bottom:22px;font-size:var(--fs-sm);color:var(--text-3)}
.pg-login .lg-mbrand b{color:var(--ink);font-weight:800}
.pg-login .lg-mmark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:none;background:var(--brand-grad);color:var(--on-brand);font-weight:800;font-size:16px}

@media (max-width:767px){
  .pg-login{padding:16px}
  .pg-login .lg-card{grid-template-columns:1fr;max-width:440px}
  .pg-login .lg-brand{display:none}
  .pg-login .lg-mbrand{display:flex}
  .pg-login .lg-form{padding:30px 22px}
}
/* Layar sentuh: "Lupa password?" & "Hubungi admin" mudah diketuk (≥ 44px) */
@media (pointer:coarse){
  .pg-login .lg-link{display:inline-flex;align-items:center;min-height:44px;padding:0}
}