@media(min-width:901px){
.login-page{width:100vw!important;height:100vh!important;display:block!important;padding:0!important;background:linear-gradient(135deg,#eaf8ff,#d9f1ff)!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:50% 50%!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;border-radius:0!important;background-image:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5)),url('/assets/login-panel.jpg?v=14')!important;background-size:cover!important;background-position:center!important}
.login-page .hero-panel h2{display:none!important}
.login-page .login-card{order:2!important;width:100%!important;height:100vh!important;min-height:100vh!important;padding:90px 10vw!important;clip-path:none!important;background:linear-gradient(145deg,#0a67b5,#148bd2 58%,#5bc5eb)!important;color:#fff!important;justify-content:center!important}
.login-page .login-card:before{display:none!important}.login-page .login-card h1{display:block!important;font-size:42px!important;color:#fff!important;text-transform:uppercase!important;text-align:left!important;line-height:1.1!important;margin:0 0 14px!important}.login-page .login-card h1 span{color:#fff!important}.login-page .login-card>p{display:block!important;font-size:13px!important;color:#e9f8ff!important;text-align:left!important;margin:0 0 30px!important}
.login-page .login-card label{color:#fff!important;font-size:11px!important;text-transform:uppercase!important;margin:13px 0 7px!important}.login-page .input-wrap{height:50px!important;background:#fff!important;border:0!important;border-radius:12px!important}.login-page .input-wrap input{font-size:13px!important;color:#17334f!important}.login-page .forgot{color:#fff!important;font-size:10px!important}.login-page .remember{color:#fff!important;font-size:10px!important;text-transform:uppercase!important;margin:13px 0 18px!important}.login-page .primary{height:50px!important;background:linear-gradient(90deg,#075ba9,#12a7e3)!important;border-radius:12px!important;color:#fff!important;font-size:13px!important;opacity:1!important}.login-page .divider{display:flex!important;color:#dff5ff!important}.login-page .admin-link{display:flex!important;height:28px!important;border:0!important;background:transparent!important;color:#fff!important;font-size:10px!important}.login-page .admin-link:after{content:none!important}}
@media(max-width:900px){.login-page .admin-link{display:flex!important}.login-page .divider{display:flex!important}}
@media(min-width:901px){.login-page .primary{font-size:0!important;background:linear-gradient(90deg,#075ba9,#12a7e3)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.login-page .primary:after{content:'LOGIN'!important;font-size:13px!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.login-page .admin-link{font-size:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.login-page .admin-link:after{content:'Masuk sebagai Administrator'!important;font-size:10px!important;color:#fff!important;-webkit-text-fill-color:#fff!important}}
@media(min-width:901px){.login-page .login-card .primary{background:linear-gradient(90deg,#075ba9,#12a7e3)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:0!important}.login-page .login-card .primary:after{content:'LOGIN'!important;display:block!important;font-size:13px!important;color:#fff!important;-webkit-text-fill-color:#fff!important}}
@media(max-width:900px){
 .login-page{width:100%!important;height:auto!important;min-height:100vh!important;overflow:auto!important;background:linear-gradient(160deg,#eaf8ff,#dff3ff)!important}
 .login-page .topbar{display:flex!important;position:relative!important;width:100%!important;height:68px!important;padding:14px 20px!important;background:#fff!important}
 .login-page .login-stage{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;min-height:calc(100vh - 68px)!important;margin:0!important;border-radius:0!important;overflow:visible!important}
 .login-page .hero-panel{display:flex!important;order:1!important;width:100%!important;height:34vh!important;min-height:220px!important;border-radius:0 0 54px 54px!important;padding:20px!important;background-image:linear-gradient(145deg,rgba(255,255,255,.32),rgba(6,101,177,.35)),url('/assets/login-panel.jpg?v=15')!important;background-size:cover!important;background-position:center!important}
 .login-page .hero-panel h2{display:none!important}.login-page .login-card{order:2!important;width:100%!important;height:auto!important;min-height:66vh!important;padding:38px 24px 44px!important;display:flex!important;background:linear-gradient(145deg,#0a67b5,#138bd2 60%,#4bb9e4)!important;color:#fff!important;clip-path:none!important}
 .login-page .login-card h1{font-size:30px!important;line-height:1.1!important;text-align:left!important;color:#fff!important;margin:0 0 8px!important}.login-page .login-card h1 span{color:#fff!important}.login-page .login-card h1:before{display:none!important}
 .login-page .login-card>p{display:block!important;font-size:11px!important;color:#eaf8ff!important;margin:0 0 20px!important}.login-page .login-card label{font-size:10px!important;color:#fff!important}.login-page .input-wrap{height:46px!important;background:#fff!important;border-radius:11px!important}.login-page .input-wrap input{font-size:12px!important}.login-page .remember{font-size:9px!important;color:#fff!important}.login-page .forgot{font-size:9px!important;color:#fff!important}
 .login-page .login-card .primary{height:46px!important;font-size:0!important;background:linear-gradient(90deg,#075ba9,#12a7e3)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.login-page .login-card .primary:after{content:'LOGIN'!important;font-size:12px!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
 .login-page .divider{display:flex!important;height:26px!important;color:#dff5ff!important}.login-page .admin-link{display:flex!important;height:30px!important;background:transparent!important;border:0!important;color:#fff!important;font-size:0!important}.login-page .admin-link:after{content:'Masuk sebagai Administrator'!important;font-size:9px!important;color:#fff!important}
}
/* Remove portal eyebrow and use square artwork on every viewport */
.login-page .login-card:before{content:none!important;display:none!important}
.login-page .hero-panel{border-radius:0!important}
.login-page .login-card h1{display:none!important}
@media(min-width:901px){.login-page .login-card{justify-content:flex-start!important;padding-top:25vh!important}.login-page .login-card>p{display:none!important}}
@media(max-width:900px){.login-page .login-card{padding-top:26px!important}.login-page .login-card>p{display:none!important}}