/* Susunan halaman login mengikuti proporsi desain layanan. */
html,body{min-height:100%;background:#fffdf7}.login-container{min-height:100vh;display:grid;grid-template-columns:58% 42%;background:#fffdf7 url('../image/login.webp') center/cover no-repeat}
.login-brand{min-width:0;padding:28px 55px 35px;background:transparent;justify-content:center;overflow:hidden}.login-brand::after{display:none}.login-brand::before{display:none!important;content:none!important;background:none!important;border:0!important}.brand-kicker{top:32px;left:6%;right:6%;font-size:10px;letter-spacing:3px}.brand-logo-wrap{width:min(590px,65vh)!important;height:min(590px,65vh)!important;margin:65px auto 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.brand-logo-wrap img{object-fit:contain!important;filter:drop-shadow(0 14px 25px #002b2366)}.brand-content{display:none}
.login-box{min-width:0;padding:25px 8%;background:transparent;animation:none}.login-box::before{display:none}.form-wrap{max-width:435px}.login-identity{display:flex;align-items:center;gap:13px;margin:0 0 32px;text-decoration:none;color:#073f35}.login-identity img{width:68px;height:68px;object-fit:contain}.login-identity b{display:block;font-size:22px;letter-spacing:.3px}.login-identity small{display:block;font-size:7px;line-height:1.55;font-weight:700;letter-spacing:.6px}.form-header{margin-bottom:25px}.form-header h2{font:600 39px/1.1 Georgia,serif!important;text-align:center;color:#073f35}.form-header h2::after{content:"◆";display:block;margin:10px auto 0;color:#bd8b1d;font-size:14px;letter-spacing:13px}.form-header p{max-width:410px;margin:9px auto 0!important;font-size:12px!important;line-height:1.5!important}.field-group{margin-bottom:14px}.field-group label,.captcha-box label{font-size:12px;margin-bottom:6px;color:#173f36}.input-wrap input{height:51px;padding:12px 16px;background:rgba(255,254,249,.78);border:1px solid #ba8984;border-radius:8px;font-size:13px}.captcha-box{margin-bottom:13px}.captcha-display{height:54px;margin-bottom:9px;padding:10px 18px;background:linear-gradient(100deg,#075143,#198162);border-radius:8px;font:700 22px Georgia,serif}.btn-submit{height:53px;min-height:53px;margin-top:5px;background:linear-gradient(100deg,#075143,#198162);border-radius:8px;font-size:14px}.auth-actions{gap:9px;margin-top:14px}.auth-link{height:50px;min-height:50px;padding:9px;font-size:11px;background:rgba(255,254,249,.72)}.back-link{font-size:11px;padding-top:5px}.form-footer{margin-top:10px;padding-top:15px;font-size:9px}
@media(max-height:800px) and (min-width:769px){.login-identity{margin-bottom:15px}.form-header{margin-bottom:15px}.form-header h2{font-size:32px!important}.input-wrap input{height:45px}.captcha-display,.btn-submit{height:47px;min-height:47px}.field-group{margin-bottom:10px}.auth-link{height:43px;min-height:43px}.brand-logo-wrap{width:min(500px,61vh)!important;height:min(500px,61vh)!important}}
@media(max-width:768px){.login-container{display:flex;flex-direction:column;background-position:35% center}.login-brand{min-height:360px;padding:60px 20px 28px;background:rgba(5,66,55,.86)}.brand-kicker{top:18px;font-size:8px;letter-spacing:1.5px}.brand-logo-wrap{width:260px!important;height:260px!important;margin:12px auto 0!important}.login-box{padding:28px 20px 38px;background:rgba(255,253,247,.97)}.login-identity{justify-content:center}.form-wrap{max-width:470px}.form-header h2{font-size:32px!important}}

/* Foto gedung resmi pada panel branding login. */
.login-buildings{position:absolute;inset:0;z-index:0;display:flex;overflow:hidden;mask-image:linear-gradient(to bottom,#000 0 58%,transparent 84%)}
.login-buildings img{width:50%;height:62%;object-fit:cover;filter:saturate(.85) brightness(.72) contrast(1.08)}
.login-buildings img:first-child{object-position:54% center}.login-buildings img:last-child{object-position:45% center}
.login-buildings:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#06483d 25%,transparent 76%),linear-gradient(90deg,rgba(4,65,55,.2),rgba(4,65,55,.42))}
.login-brand .brand-kicker,.login-brand .brand-logo-wrap{position:relative;z-index:2}