/* Final, isolated login presentation */
.login-page{width:100vw!important;height:100vh!important;min-height:100vh!important;overflow:hidden!important;padding:0!important;display:block!important;background:linear-gradient(135deg,#e7f7ff 0%,#f8fbff 48%,#dff4f4 100%)!important}
.login-page .topbar,.login-page .login-footer{display:none!important}
.login-page .login-stage{width:100vw!important;height:100vh!important;min-height:100vh!important;max-width:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:46% 54%!important;gap:0!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important}
.login-page .hero-panel{order:1!important;width:100%!important;height:100vh!important;min-height:100vh!important;margin:0!important;padding:64px!important;border-radius:0 110px 110px 0!important;display:flex!important;align-items:center!important;justify-content:center!important;background-image:linear-gradient(145deg,rgba(4,62,145,.7),rgba(11,151,221,.5)),url('/assets/login-panel.jpg?v=6')!important;background-size:cover!important;background-position:center!important;color:#fff!important;box-shadow:none!important}
.login-page .hero-panel:before{display:none!important}
.login-page .hero-top,.login-page .hero-panel>p,.login-page .network,.login-page .hero-stats{display:none!important}
.login-page .hero-panel h2{display:block!important;position:static!important;margin:0!important;text-align:center!important;font-size:0!important}
.login-page .hero-panel h2:before{content:""!important;display:block!important;width:118px!important;height:118px!important;margin:0 auto 22px!important;border-radius:50%!important;background:#fff url('/logo-bgn.png') center/88% no-repeat!important;box-shadow:0 14px 36px rgba(0,35,88,.3)!important}
.login-page .hero-panel h2:after{content:"DapurKita MBG"!important;display:block!important;color:#fff!important;font-size:34px!important;line-height:1.1!important;font-weight:800!important;text-shadow:0 3px 14px rgba(0,43,92,.35)!important}
.login-page .login-card{order:2!important;width:100%!important;height:100vh!important;min-height:100vh!important;max-width:none!important;margin:0!important;padding:clamp(56px,8vh,100px) clamp(70px,10vw,180px)!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;background:radial-gradient(circle at 95% 8%,#e8f6ff 0,transparent 27%),#fff!important;color:#142239!important;border:0!important;border-radius:0!important;box-shadow:none!important;clip-path:none!important}
.login-page .login-card:before{content:"Masuk ke Portal"!important;position:static!important;display:block!important;width:auto!important;height:auto!important;margin:0 0 8px!important;background:none!important;color:#0b5594!important;font-size:12px!important;font-weight:800!important;letter-spacing:1.3px!important;text-transform:uppercase!important}
.login-page .login-card h1{display:block!important;width:100%!important;max-width:none!important;margin:0 0 10px!important;color:#112943!important;font-size:clamp(32px,3vw,46px)!important;line-height:1.08!important;text-align:left!important;letter-spacing:-1.5px!important}
.login-page .login-card h1 br{display:none!important}.login-page .login-card h1 span{display:inline!important;color:#0787cf!important;background:none!important;-webkit-text-fill-color:initial!important}
.login-page .login-card>p{display:block!important;margin:0 0 26px!important;color:#718398!important;font-size:12px!important}
.login-page .login-card label{display:flex!important;width:100%!important;max-width:none!important;margin:13px 0 7px!important;color:#334b63!important;font-size:11px!important;font-weight:800!important}
.login-page .input-wrap{display:flex!important;width:100%!important;max-width:none!important;height:50px!important;margin:0!important;padding:0 15px!important;background:#f2f8fc!important;border:1px solid #cfe0ec!important;border-radius:12px!important;box-shadow:none!important}
.login-page .input-wrap input{color:#17334c!important;font-size:13px!important}.login-page .input-wrap input::placeholder{color:#91a2b2!important}.login-page .eye{color:#0b6cae!important}
.login-page .forgot{color:#087fc4!important;font-size:10px!important;font-weight:800!important}
.login-page .remember{width:100%!important;max-width:none!important;margin:14px 0 19px!important;color:#60768a!important;font-size:10px!important}.login-page .remember input{accent-color:#087fc4!important}
.login-page .primary{display:block!important;width:100%!important;max-width:none!important;height:50px!important;margin:0!important;border:0!important;border-radius:12px!important;background:linear-gradient(100deg,#0a4e99,#0789d7 60%,#28aae1)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:12px!important;font-weight:800!important;box-shadow:0 12px 25px rgba(7,126,197,.25)!important;opacity:1}
.login-page .primary:disabled{background:linear-gradient(100deg,#7898b8,#8fb8d3)!important;color:#fff!important;opacity:.72!important}
.login-page .divider{display:flex!important;width:100%!important;height:34px!important;color:#91a1af!important;font-size:9px!important}
.login-page .admin-link{display:flex!important;width:100%!important;height:46px!important;border:1px solid #90c5df!important;border-radius:12px!important;background:#eff9fd!important;color:#075f98!important;-webkit-text-fill-color:#075f98!important;font-size:10px!important;font-weight:800!important}
.login-page .back-link{display:block!important;color:#087fc4!important;font-size:10px!important}
@media(max-width:900px){.login-page{height:auto!important;overflow:auto!important}.login-page .login-stage{display:block!important;height:auto!important;min-height:100vh!important}.login-page .hero-panel{display:none!important}.login-page .login-card{height:auto!important;min-height:100vh!important;padding:48px 9%!important}}