@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap";[data-v-5cb0db4e]:root{--navy: #0a1628;--navy-mid: #122040;--navy-light: #1b3460;--gold: #d4a843;--gold-light: #e8c272;--gold-pale: #f7e4b0;--cream: #faf7f2;--text: #1a2a40;--text-muted: #5a7490;--white: #ffffff;--red: #c0392b}[data-v-5cb0db4e],[data-v-5cb0db4e]:before,[data-v-5cb0db4e]:after{box-sizing:border-box;margin:0;padding:0}.login-wrapper[data-v-5cb0db4e]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--navy);font-family:Plus Jakarta Sans,sans-serif;position:relative;overflow:hidden}.bg-layer[data-v-5cb0db4e]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bg-grid[data-v-5cb0db4e]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(212,168,67,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(212,168,67,.05) 1px,transparent 1px);background-size:48px 48px}.bg-glow[data-v-5cb0db4e]{position:absolute;border-radius:50%;filter:blur(120px);opacity:.35}.glow-1[data-v-5cb0db4e]{width:700px;height:700px;top:-250px;left:-200px;background:radial-gradient(circle,#1e3a5f,transparent)}.glow-2[data-v-5cb0db4e]{width:500px;height:500px;bottom:-150px;right:-100px;background:radial-gradient(circle,rgba(212,168,67,.25),transparent)}.glow-3[data-v-5cb0db4e]{width:300px;height:300px;top:50%;left:40%;background:radial-gradient(circle,rgba(212,168,67,.12),transparent)}.bg-orb[data-v-5cb0db4e]{position:absolute;border-radius:50%;border:1px solid rgba(212,168,67,.12);animation:orbPulse-5cb0db4e 9s ease-in-out infinite}.orb-1[data-v-5cb0db4e]{width:600px;height:600px;top:50%;left:30%;transform:translate(-50%,-50%);animation-delay:0s}.orb-2[data-v-5cb0db4e]{width:850px;height:850px;top:50%;left:30%;transform:translate(-50%,-50%);animation-delay:2s}.orb-3[data-v-5cb0db4e]{width:1100px;height:1100px;top:50%;left:30%;transform:translate(-50%,-50%);animation-delay:4s}@keyframes orbPulse-5cb0db4e{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.04)}}.login-container[data-v-5cb0db4e]{display:flex;width:min(1100px,96vw);min-height:620px;border-radius:24px;overflow:hidden;box-shadow:0 40px 120px #000000a6,0 0 0 1px #d4a84333;position:relative;z-index:1;animation:cardIn-5cb0db4e .9s cubic-bezier(.16,1,.3,1) both}@keyframes cardIn-5cb0db4e{0%{opacity:0;transform:translateY(32px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.brand-panel[data-v-5cb0db4e]{flex:0 0 460px;background:linear-gradient(160deg,#162c50,#0d1f3c 45%,#091628);padding:52px 48px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.panel-pattern[data-v-5cb0db4e]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,rgba(212,168,67,.03) 0px,rgba(212,168,67,.03) 1px,transparent 1px,transparent 22px)}.brand-panel[data-v-5cb0db4e]:before{content:"";position:absolute;top:0;left:0;width:160px;height:160px;border-top:2px solid rgba(212,168,67,.3);border-left:2px solid rgba(212,168,67,.3);border-radius:0 0 120px}.brand-panel[data-v-5cb0db4e]:after{content:"";position:absolute;bottom:0;right:0;width:120px;height:120px;border-bottom:2px solid rgba(212,168,67,.2);border-right:2px solid rgba(212,168,67,.2);border-radius:80px 0 0}.brand-content[data-v-5cb0db4e]{position:relative;z-index:1}.logos-row[data-v-5cb0db4e]{display:flex;align-items:center;gap:20px;margin-bottom:36px}.logo-wrap[data-v-5cb0db4e]{width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-imigrasi[data-v-5cb0db4e]{background:#ffffff0d;border:2px solid rgba(212,168,67,.5);box-shadow:0 0 30px #d4a84326,inset 0 0 20px #d4a8430d;animation:glowPulse-5cb0db4e 4s ease-in-out infinite}.logo-tanjak[data-v-5cb0db4e]{background:#ffffff12;border:2px solid rgba(255,255,255,.22);box-shadow:0 0 20px #ffffff0f}@keyframes glowPulse-5cb0db4e{0%,to{box-shadow:0 0 30px #d4a84326,inset 0 0 20px #d4a8430d}50%{box-shadow:0 0 50px #d4a84347,inset 0 0 28px #d4a8431a}}.logo-img[data-v-5cb0db4e]{width:76px;height:76px;object-fit:contain}.logo-sep[data-v-5cb0db4e]{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.logo-sep-line[data-v-5cb0db4e]{width:1px;height:22px;background:linear-gradient(to bottom,transparent,rgba(212,168,67,.55),transparent)}.logo-sep-gem[data-v-5cb0db4e]{width:7px;height:7px;background:var(--gold);transform:rotate(45deg);opacity:.7}.brand-name-block[data-v-5cb0db4e]{margin-bottom:28px}.brand-pill[data-v-5cb0db4e]{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.2em;color:#f5d978;text-transform:uppercase;background:#d4a8432e;border:1px solid rgba(212,168,67,.4);border-radius:20px;padding:5px 14px;margin-bottom:16px}.brand-title[data-v-5cb0db4e]{font-family:Cinzel,serif;font-size:32px;font-weight:900;line-height:1.05;color:#fff;letter-spacing:.06em;margin-bottom:10px;display:flex;align-items:center;gap:12px}.brand-title-main[data-v-5cb0db4e]{background:linear-gradient(#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-title-gem[data-v-5cb0db4e]{display:inline-block;width:12px;height:12px;background:var(--gold-light);transform:rotate(45deg);opacity:.8;flex-shrink:0}.brand-full-name[data-v-5cb0db4e]{font-size:13.5px;color:#ffffffa6;line-height:1.65;font-style:italic}.brand-divider[data-v-5cb0db4e]{display:flex;align-items:center;gap:12px;margin:22px 0}.brand-divider span[data-v-5cb0db4e]:not(.divider-gem){flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,67,.4),transparent)}.divider-gem[data-v-5cb0db4e]{width:8px;height:8px;background:var(--gold);transform:rotate(45deg);opacity:.55;flex-shrink:0}.brand-desc-block[data-v-5cb0db4e]{margin-bottom:28px}.brand-desc[data-v-5cb0db4e]{font-size:12.5px;color:#fff9;line-height:1.7;margin-bottom:14px}.brand-badges[data-v-5cb0db4e]{display:flex;flex-wrap:wrap;gap:7px}.badge[data-v-5cb0db4e]{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:#ffffffe0;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:5px 12px;letter-spacing:.02em}.brand-footer p[data-v-5cb0db4e]{font-size:11.5px;color:#fff6}.brand-footer .version[data-v-5cb0db4e]{font-size:11px;color:#d4a84399;margin-top:3px;font-family:monospace;letter-spacing:.05em}.form-panel[data-v-5cb0db4e]{flex:1;background:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:52px 44px;gap:20px;position:relative}.form-panel[data-v-5cb0db4e]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 80% 20%,rgba(212,168,67,.07) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(10,22,40,.04) 0%,transparent 50%);pointer-events:none}.form-card[data-v-5cb0db4e]{width:100%;max-width:420px;position:relative;z-index:1}.form-card.shake[data-v-5cb0db4e]{animation:shake-5cb0db4e .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake-5cb0db4e{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.form-header[data-v-5cb0db4e]{text-align:center;margin-bottom:32px}.form-icon-wrap[data-v-5cb0db4e]{position:relative;display:inline-block;margin-bottom:18px}.form-icon[data-v-5cb0db4e]{width:60px;height:60px;background:linear-gradient(135deg,var(--navy-light),var(--navy));border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px #0a162838,0 0 0 1px #d4a8432e}.form-icon svg[data-v-5cb0db4e]{width:28px;height:28px;color:var(--gold-light)}.form-icon-wrap[data-v-5cb0db4e]:after{content:"";position:absolute;top:-6px;right:-6px;width:10px;height:10px;background:var(--gold);transform:rotate(45deg);opacity:.75}.form-title[data-v-5cb0db4e]{font-family:Cinzel,serif;font-size:26px;font-weight:700;color:#1a2a40;margin-bottom:6px;letter-spacing:.04em}.form-subtitle[data-v-5cb0db4e]{font-size:12.5px;color:#5a7490;letter-spacing:.04em}.login-form[data-v-5cb0db4e]{display:flex;flex-direction:column;gap:18px}.field-group[data-v-5cb0db4e]{display:flex;flex-direction:column;gap:6px}.field-label[data-v-5cb0db4e]{font-size:11px;font-weight:700;color:#1a2a40;letter-spacing:.08em;text-transform:uppercase}.field-input-wrap[data-v-5cb0db4e]{position:relative;display:flex;align-items:center}.field-icon[data-v-5cb0db4e]{position:absolute;left:14px;display:flex;color:#8aa0b8;transition:color .2s;pointer-events:none}.field-icon svg[data-v-5cb0db4e]{width:17px;height:17px}.field-input[data-v-5cb0db4e]{width:100%;height:50px;padding:0 44px;border:1.5px solid #dde4ed;border-radius:12px;background:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;color:#1a2a40;transition:border-color .2s,box-shadow .2s;outline:none}.field-input[data-v-5cb0db4e]::placeholder{color:#b0bfcf;font-size:13px}.field-focused .field-input[data-v-5cb0db4e]{border-color:var(--navy-mid);box-shadow:0 0 0 3px #1220401a}.field-focused .field-icon[data-v-5cb0db4e]{color:var(--navy-mid)}.field-error .field-input[data-v-5cb0db4e]{border-color:var(--red);box-shadow:0 0 0 3px #c0392b14}.toggle-pass[data-v-5cb0db4e]{position:absolute;right:14px;background:none;border:none;cursor:pointer;color:#8aa0b8;display:flex;transition:color .2s;padding:0}.toggle-pass[data-v-5cb0db4e]:hover{color:var(--text)}.toggle-pass svg[data-v-5cb0db4e]{width:17px;height:17px}.field-err-msg[data-v-5cb0db4e]{font-size:11.5px;color:var(--red);padding-left:2px}.options-row[data-v-5cb0db4e]{display:flex;align-items:center;justify-content:space-between;margin-top:-4px}.remember-check[data-v-5cb0db4e]{display:flex;align-items:center;gap:8px;font-size:13px;color:#5a7490;cursor:pointer;-webkit-user-select:none;user-select:none}.remember-check input[data-v-5cb0db4e]{display:none}.checkmark[data-v-5cb0db4e]{width:17px;height:17px;border:1.5px solid #c8d0dc;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.remember-check input:checked~.checkmark[data-v-5cb0db4e]{background:var(--navy);border-color:var(--navy)}.remember-check input:checked~.checkmark[data-v-5cb0db4e]:after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px);display:block}.forgot-link[data-v-5cb0db4e]{font-size:12.5px;color:#b8862a;text-decoration:none;font-weight:600;transition:color .2s}.forgot-link[data-v-5cb0db4e]:hover{color:#966e1e}.alert-error[data-v-5cb0db4e]{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff5f5;border:1px solid #ffcccc;border-radius:10px;font-size:13px;color:#c0392b}.alert-error svg[data-v-5cb0db4e]{width:18px;height:18px;flex-shrink:0}.btn-login[data-v-5cb0db4e]{height:52px;background:linear-gradient(135deg,#1b3460,#0a1628);border:none;border-radius:12px;color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;letter-spacing:.05em;transition:all .25s;box-shadow:0 8px 24px #0a162847;margin-top:4px;position:relative;overflow:hidden}.btn-login[data-v-5cb0db4e]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(212,168,67,.2),transparent);opacity:0;transition:opacity .25s}.btn-login[data-v-5cb0db4e]:hover:not(:disabled):before{opacity:1}.btn-login[data-v-5cb0db4e]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 32px #0a162861}.btn-login[data-v-5cb0db4e]:active:not(:disabled){transform:translateY(0)}.btn-login[data-v-5cb0db4e]:disabled{opacity:.65;cursor:not-allowed}.btn-content[data-v-5cb0db4e]{display:flex;align-items:center;justify-content:center;gap:8px}.btn-content svg[data-v-5cb0db4e]{width:18px;height:18px}.btn-loader[data-v-5cb0db4e]{display:flex;align-items:center;justify-content:center;gap:6px}.loader-dot[data-v-5cb0db4e]{width:7px;height:7px;background:#fff;border-radius:50%;animation:dotBounce-5cb0db4e 1.2s ease-in-out infinite}.loader-dot[data-v-5cb0db4e]:nth-child(2){animation-delay:.15s}.loader-dot[data-v-5cb0db4e]:nth-child(3){animation-delay:.3s}@keyframes dotBounce-5cb0db4e{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-6px);opacity:1}}.form-footer[data-v-5cb0db4e]{text-align:center;margin-top:18px;font-size:12.5px;color:#6a8099;position:relative;z-index:1}.form-footer a[data-v-5cb0db4e]{color:#b8862a;text-decoration:none;font-weight:600}.form-footer a[data-v-5cb0db4e]:hover{color:#966e1e}.security-note[data-v-5cb0db4e]{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#6a8099;position:relative;z-index:1}.security-note svg[data-v-5cb0db4e]{width:14px;height:14px;color:#3a9e5a}.err-enter-active[data-v-5cb0db4e],.err-leave-active[data-v-5cb0db4e]{transition:all .2s}.err-enter-from[data-v-5cb0db4e],.err-leave-to[data-v-5cb0db4e]{opacity:0;transform:translateY(-4px)}.fade-down-enter-active[data-v-5cb0db4e],.fade-down-leave-active[data-v-5cb0db4e]{transition:all .3s}.fade-down-enter-from[data-v-5cb0db4e]{opacity:0;transform:translateY(-8px)}.fade-down-leave-to[data-v-5cb0db4e]{opacity:0}@media (max-width: 800px){.login-container[data-v-5cb0db4e]{flex-direction:column;width:95vw;min-height:unset}.brand-panel[data-v-5cb0db4e]{flex:none;padding:36px 32px 28px}.logos-row[data-v-5cb0db4e]{justify-content:center}.logo-wrap[data-v-5cb0db4e]{width:70px;height:70px}.logo-img[data-v-5cb0db4e]{width:58px;height:58px}.brand-title[data-v-5cb0db4e]{font-size:24px}.brand-desc[data-v-5cb0db4e],.brand-footer[data-v-5cb0db4e],.brand-divider[data-v-5cb0db4e]{display:none}.form-panel[data-v-5cb0db4e]{padding:32px 24px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{-webkit-font-smoothing:antialiased}