/* Login Vizlog - gaya mengikuti template (gradasi biru, kartu putih melengkung). Ringan: tanpa gambar, tanpa font eksternal. */
*,*:before,*:after{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body.lg{min-height:100vh;overflow-x:hidden;position:relative;color:#1e2a4a;font:15px/1.5 Roboto,"Segoe UI",system-ui,-apple-system,Arial,sans-serif;
background:radial-gradient(circle at 12% 18%,rgba(91,134,240,.55) 0,rgba(91,134,240,0) 38%),radial-gradient(circle at 88% 82%,rgba(14,165,233,.35) 0,rgba(14,165,233,0) 40%),linear-gradient(135deg,#16328f 0,#1c3faa 45%,#2b51b4 100%) fixed}
.lg-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.lg-orb{position:absolute;border-radius:50%}
.lg-orb.o1{width:460px;height:460px;left:-150px;top:-130px;background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.02))}
.lg-orb.o2{width:340px;height:340px;right:-110px;bottom:-110px;background:linear-gradient(135deg,rgba(56,189,248,.45),rgba(56,189,248,.04))}
.lg-orb.o3{width:210px;height:210px;right:12%;top:-80px;background:linear-gradient(135deg,rgba(167,139,250,.40),rgba(167,139,250,.03))}
.lg-orb.o4{width:130px;height:130px;left:8%;bottom:9%;background:linear-gradient(135deg,rgba(255,176,32,.55),rgba(255,107,0,.08))}
@media(max-width:640px){.lg-orb.o1{width:300px;height:300px}.lg-orb.o3{display:none}}
.lg-wrap{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}
.lg-card{width:100%;max-width:420px;background:#fff;border-radius:24px;padding:36px 32px 28px;box-shadow:0 24px 60px rgba(8,20,70,.38)}
.lg-brand{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 12px;border-radius:16px;background:linear-gradient(135deg,#3b63d8,#1c3faa)}
.lg-brand a{display:flex;align-items:center;gap:10px}
.lg-brand img{display:block;height:auto;max-width:100%}
.lg-title{margin:18px 0 4px;text-align:center;font-size:22px;font-weight:700;color:#16328f}
.lg-sub{margin:0 0 22px;text-align:center;font-size:13px;color:#7a869f}
.lg-label{display:block;margin:0 0 6px;font-size:13px;font-weight:600;color:#44506b}
.lg-input{display:block;width:100%;height:48px;margin:0 0 16px;padding:0 14px;border:1px solid #d5dbe8;border-radius:12px;background:#fff;color:#1e2a4a;font:inherit;transition:border-color .15s,box-shadow .15s}
.lg-input:focus{outline:0;border-color:#3151bc;box-shadow:0 0 0 4px rgba(49,81,188,.15)}
.lg-remember{display:flex;align-items:center;gap:8px;margin:2px 0 22px;font-size:13px;color:#44506b;cursor:pointer}
.lg-remember input{width:16px;height:16px;margin:0;accent-color:#3151bc}
.lg-btn{display:block;width:100%;height:48px;border:0;border-radius:12px;background:linear-gradient(135deg,#3b63d8,#1c3faa);color:#fff;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 10px 22px rgba(28,63,170,.35);transition:filter .15s}
.lg-btn:hover{filter:brightness(1.08)}
.lg-btn:focus-visible{outline:3px solid rgba(49,81,188,.35);outline-offset:2px}
.lg-foot{margin:22px 0 0;text-align:center;font-size:12px;color:#7a869f}
.lg-foot a{color:#3151bc;text-decoration:none;white-space:nowrap}
.lg-foot a:hover{text-decoration:underline}
.lg-foot img{width:16px;height:16px;vertical-align:-3px;margin-right:3px}