.card-header[data-v-db81a614]{--px:var(--u,1px);margin-bottom:max(20px, calc(var(--px) * 24));text-align:center}.login-badge-btn[data-v-db81a614]{width:max(48px, calc(var(--px) * 54));height:max(48px, calc(var(--px) * 54));margin:0 auto max(12px, calc(var(--px) * 14));border-radius:max(14px, calc(var(--px) * 16));color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#155ee8 0%,#3560ea 55%,#6a52f4 100%);border:none;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:inline-flex;box-shadow:0 8px 20px #3560ea47}.login-badge-btn[data-v-db81a614]:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 12px 24px #3560ea61}.login-badge-btn[data-v-db81a614]:active{transform:translateY(0)scale(.96)}.login-badge-btn svg[data-v-db81a614]{width:max(22px, calc(var(--px) * 25));height:max(22px, calc(var(--px) * 25))}.card-title[data-v-db81a614]{color:#0b2a72;font-size:max(28px, calc(var(--px) * 35));letter-spacing:-.035em;margin:0;font-weight:800;line-height:1.15}.card-description[data-v-db81a614]{margin:max(5px, calc(var(--px) * 7)) 0 0;color:#64748b;font-size:max(13px, calc(var(--px) * 15.5));font-weight:400;line-height:1.45}.portal-actions[data-v-db81a614]{--px:var(--u,1px);flex-direction:column;display:flex}.btn-portal[data-v-db81a614]{justify-content:center;align-items:center;gap:max(10px, calc(var(--px) * 13));width:100%;height:max(50px, calc(var(--px) * 56));border-radius:max(12px, calc(var(--px) * 14));font-family:inherit;font-size:max(14.5px, calc(var(--px) * 16.5));box-sizing:border-box;cursor:pointer;background:#fff;padding:0 20px;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:flex}.btn-layanan[data-v-db81a614]{color:#4338ca;border:1.5px solid #6366f1;box-shadow:0 4px 14px #6366f114}.btn-layanan[data-v-db81a614]:hover{color:#3730a3;background:#f8faff;border-color:#4f46e5;transform:translateY(-1px);box-shadow:0 8px 20px #6366f129}.btn-portal[data-v-db81a614]:active{transform:translateY(0)}.portal-icon-svg[data-v-db81a614]{width:max(20px, calc(var(--px) * 23));height:max(20px, calc(var(--px) * 23));flex-shrink:0}.manual-form-wrapper[data-v-db81a614]{opacity:0;visibility:hidden;grid-template-rows:0fr;margin-top:0;transition:grid-template-rows .38s cubic-bezier(.33,1,.68,1),opacity .28s cubic-bezier(.33,1,.68,1),margin-top .38s cubic-bezier(.33,1,.68,1),visibility .38s;display:grid}.manual-form-wrapper.is-open[data-v-db81a614]{opacity:1;visibility:visible;margin-top:max(20px, calc(var(--px) * 24));grid-template-rows:1fr}.manual-form-inner[data-v-db81a614]{min-height:0;overflow:hidden}.login-form[data-v-db81a614]{--px:var(--u,1px);--field-h:max(46px, calc(var(--px) * 52));--field-r:max(10px, calc(var(--px) * 12));--ink:#0e2b6e;--line:#cbd5e1;--muted-icon:#94a3b8;gap:calc(var(--px) * 16);padding-top:max(18px, calc(var(--px) * 22));border-top:1px dashed #d6e2f8;flex-direction:column;padding-bottom:2px;display:flex}.form-header-bar[data-v-db81a614]{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.form-mode-badge[data-v-db81a614]{font-size:max(12px, calc(var(--px) * 13.5));color:#1e40af;align-items:center;gap:7px;font-weight:700;display:inline-flex}.mode-dot[data-v-db81a614]{background:#3b82f6;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 2px #3b82f633}.btn-close-cta[data-v-db81a614]{color:#334155;font-family:inherit;font-size:max(11.5px, calc(var(--px) * 12.5));cursor:pointer;background:#f1f5f9;border:1px solid #d1dcf5;border-radius:8px;align-items:center;gap:5px;padding:5px 11px;font-weight:700;transition:all .15s;display:inline-flex}.btn-close-cta[data-v-db81a614]:hover{color:#0f172a;background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-1px)}.status-message[data-v-db81a614]{color:#087b55;background:#effcf6;border:1px solid #b9ecd6;border-radius:11px;margin-bottom:16px;padding:10px 14px;font-size:13px;line-height:1.5}.form-group[data-v-db81a614]{flex-direction:column;display:flex}.form-label[data-v-db81a614]{margin-bottom:calc(var(--px) * 6);color:#1e293b;font-size:max(12.5px, calc(var(--px) * 14));font-weight:600;line-height:1.25}.input-wrapper[data-v-db81a614]{width:100%;height:var(--field-h);border:1.2px solid var(--line);border-radius:var(--field-r);box-sizing:border-box;background:#f8fafc;align-items:center;transition:border-color .18s,box-shadow .18s,background .18s;display:flex;position:relative}.input-wrapper[data-v-db81a614]:focus-within{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.input-wrapper.input-invalid[data-v-db81a614]{border-color:#ef4444}.input-wrapper.input-invalid[data-v-db81a614]:focus-within{box-shadow:0 0 0 3px #ef444426}.input-icon[data-v-db81a614]{left:max(14px, calc(var(--px) * 16));color:var(--muted-icon);pointer-events:none;align-items:center;display:flex;position:absolute}.input-icon svg[data-v-db81a614]{width:max(18px, calc(var(--px) * 20));height:max(18px, calc(var(--px) * 20))}.form-input[data-v-db81a614]{width:100%;height:100%;padding:0 max(14px, calc(var(--px) * 16)) 0 max(46px, calc(var(--px) * 52));border-radius:inherit;color:#0f172a;font:inherit;font-size:max(13.5px, calc(var(--px) * 15));box-sizing:border-box;background:0 0;border:0;outline:0}.form-input[data-v-db81a614]::placeholder{color:#94a3b8;opacity:1}.password-input[data-v-db81a614]{padding-right:max(46px, calc(var(--px) * 52))}.password-toggle[data-v-db81a614]{right:max(8px, calc(var(--px) * 10));width:32px;height:32px;color:var(--muted-icon);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex;position:absolute}.password-toggle[data-v-db81a614]:hover{color:#475569;background:#f1f5f9}.password-toggle[data-v-db81a614]:focus-visible{outline-offset:1px;outline:2px solid #4f46e5}.field-error[data-v-db81a614]{margin-top:5px;font-size:12px}.form-actions-group[data-v-db81a614]{flex-direction:column;align-items:center;gap:9px;margin-top:4px;display:flex}.btn-login[data-v-db81a614]{width:100%;height:max(46px, calc(var(--px) * 52));border-radius:var(--field-r);color:#fff;font-family:inherit;font-size:max(14px, calc(var(--px) * 16));cursor:pointer;background:linear-gradient(135deg,#155ee8 0%,#3560ea 52%,#6a52f4 100%);border:0;justify-content:center;align-items:center;padding:0 20px;font-weight:600;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 8px 20px #3560ea3d}.btn-login[data-v-db81a614]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px #3560ea52}.btn-login[data-v-db81a614]:focus-visible{outline-offset:2px;outline:3px solid #4269e866}.btn-login[data-v-db81a614]:disabled{cursor:wait;opacity:.75}.btn-content[data-v-db81a614]{justify-content:center;align-items:center;gap:calc(var(--px) * 10);display:inline-flex}.btn-content svg[data-v-db81a614]{width:max(17px, calc(var(--px) * 19));height:max(17px, calc(var(--px) * 19))}.btn-cancel-cta[data-v-db81a614]{color:#64748b;width:100%;height:38px;font-family:inherit;font-size:max(12px, calc(var(--px) * 13));cursor:pointer;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:600;transition:all .15s;display:inline-flex}.btn-cancel-cta[data-v-db81a614]:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.spinner[data-v-db81a614]{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.75s linear infinite spin-db81a614}@keyframes spin-db81a614{to{transform:rotate(360deg)}}