:root{--za-ink:#102a43;--za-muted:#64748b;--za-green:#15803d;--za-teal:#0f766e;--za-gold:#fbbf24;--za-line:#dbe5e1}
*{box-sizing:border-box}.login-page{min-height:100vh;margin:0;padding:0;background:#eef7f2;position:relative;overflow:hidden;font-family:Inter,Arial,sans-serif}.login-page:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(5,46,22,.94),rgba(15,118,110,.86)),url('../images/auth/zona-accounting-bg.svg') center/cover no-repeat}.login-page:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-130px;top:-180px;box-shadow:0 0 0 80px rgba(255,255,255,.035),0 0 0 160px rgba(255,255,255,.025)}
.login-page .container{max-width:1160px;position:relative;z-index:2}.login-page .form-outer{min-height:100vh;max-width:none;margin:0;padding:36px 0;display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(380px,.72fr);gap:70px;align-items:center!important;position:relative}.login-page .form-outer:before{content:"Keuangan tertata.\AOperasional terkendali.";white-space:pre;align-self:center;color:#fff;font-size:clamp(38px,4.3vw,58px);font-weight:800;line-height:1.14;letter-spacing:-.035em;max-width:670px;text-align:left;text-shadow:0 8px 40px rgba(0,0,0,.16)}
.login-page .form-inner{border-radius:26px;padding:42px 42px 36px;background:rgba(255,255,255,.97);box-shadow:0 28px 90px rgba(2,44,34,.35);margin:0;width:100%;backdrop-filter:blur(12px);position:relative}.login-page .login-heading{color:var(--za-ink);font-size:23px;font-weight:750;text-align:left;margin-top:24px}.login-page .login-subtitle{color:var(--za-muted);font-size:13px;text-align:left;margin-top:6px}
.login-page .logo{text-align:left;height:58px;display:flex;align-items:center}.login-page .logo img{width:250px!important;max-width:100%;height:59px;object-fit:contain;object-position:left center}.login-page form{margin:30px auto 18px;max-width:none}.form-group-material{margin-bottom:20px;position:relative;padding-top:22px}.login-page input.input-material{width:100%;height:52px;border:1px solid var(--za-line);border-radius:12px;padding:13px 44px 13px 15px;background:#f8fbfa;color:var(--za-ink);font-weight:500;transition:.2s}.login-page input.input-material:focus{border-color:var(--za-teal);box-shadow:0 0 0 4px rgba(15,118,110,.1);outline:0;background:#fff}.login-page input.input-material~label,.login-page input.input-material~label.active{position:absolute;top:0;left:2px;font-size:12px;color:var(--za-ink);font-weight:700}.login-page #togglePassword{right:15px!important;top:48px!important;color:#64748b}.login-page .btn-primary{height:52px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--za-green),var(--za-teal));font-weight:750;letter-spacing:.01em;box-shadow:0 12px 25px rgba(15,118,110,.22);transition:.2s}.login-page .btn-primary:hover,.login-page .btn-primary:focus{background:linear-gradient(135deg,#166534,#115e59);transform:translateY(-1px)}.login-page a.forgot-pass,.login-page a.signup{color:var(--za-teal);font-weight:650}.login-page a.forgot-pass{margin-top:20px}.login-page p{color:var(--za-muted)}.login-page .copyrights{position:absolute;right:0;bottom:2px;width:100%;grid-column:2;color:rgba(255,255,255,.9)}.login-page .copyrights p{color:rgba(255,255,255,.9);font-size:12px;margin:0}.login-page .alert{border-radius:10px;font-size:13px}.switch-theme{display:none!important}
@media(max-width:900px){.login-page .form-outer{grid-template-columns:1fr;gap:26px;max-width:520px;margin:auto}.login-page .form-outer:before{font-size:39px;text-align:center;padding-top:20px}.login-page .copyrights{grid-column:1}.login-page .form-inner{padding:36px 28px 32px}.login-page .logo{justify-content:center}.login-page .logo img{object-position:center}.login-page .login-heading,.login-page .login-subtitle{text-align:center}}
@media(max-width:480px){.login-page .form-outer{padding:20px 8px}.login-page .form-outer:before{font-size:31px}.login-page .form-inner{border-radius:20px;padding:31px 22px}.login-page .logo img{width:220px!important}}