html,body{overflow-x:hidden;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}#ipi-portal-final[data-astro-cid-mqlybnxu]{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}:root{--bg-page:#f8fafc;--bg-header:#022c22;--bg-progress:#fff;--bg-card:#065f46;--bg-card-head:#00000026;--highlight:#eab308;--highlight-hover:#ca8a04;--text-dark:#334155;--text-light:#fff;--text-muted:#a7f3d0;--input-bg:#ffffff0f;--input-border:#ffffff26;--error:#f87171;--success:#34d399}#ipi-portal-final[data-astro-cid-mqlybnxu]{background-color:var(--bg-page);color:var(--text-dark);box-sizing:border-box;font-family:Inter,sans-serif;line-height:1.6}#ipi-portal-final[data-astro-cid-mqlybnxu] [data-astro-cid-mqlybnxu]{box-sizing:border-box}.page-hero[data-astro-cid-mqlybnxu]{background:linear-gradient(180deg, var(--bg-header) 0%, #064e3b 100%);text-align:center;border-bottom:5px solid var(--highlight);width:100%;color:var(--text-light);margin:0;padding:60px 20px 40px;position:relative}.page-hero[data-astro-cid-mqlybnxu]:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#eab30826 0%,#0000 65%);position:absolute;inset:0}.page-hero[data-astro-cid-mqlybnxu] h1[data-astro-cid-mqlybnxu]{color:var(--text-light);margin:0 0 14px;font-size:2.4rem;font-weight:800;line-height:1.2}.page-hero[data-astro-cid-mqlybnxu] h1[data-astro-cid-mqlybnxu] span[data-astro-cid-mqlybnxu]{color:var(--highlight)}.page-hero[data-astro-cid-mqlybnxu] p[data-astro-cid-mqlybnxu]{color:var(--text-muted);max-width:560px;margin:0 auto;font-size:1.05rem}.progress-wrap[data-astro-cid-mqlybnxu]{background:var(--bg-progress);z-index:90;border-bottom:1px solid #e2e8f0;width:100%;padding:0;position:sticky;top:0;box-shadow:0 2px 10px #00000008}.progress-inner[data-astro-cid-mqlybnxu]{align-items:center;max-width:700px;margin:0 auto;padding:18px 20px;display:flex}.step-item[data-astro-cid-mqlybnxu]{flex-direction:column;flex:1;align-items:center;gap:5px;display:flex;position:relative}.step-item[data-astro-cid-mqlybnxu]:not(:last-child):after{content:"";z-index:0;background:#e2e8f0;height:2px;position:absolute;top:18px;left:55%;right:-45%}.step-item[data-astro-cid-mqlybnxu].done:not(:last-child):after{background:var(--highlight)}.step-circle[data-astro-cid-mqlybnxu]{background:var(--bg-progress);color:#64748b;z-index:1;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;transition:all .3s;display:flex;position:relative}.step-item[data-astro-cid-mqlybnxu].active .step-circle[data-astro-cid-mqlybnxu]{border-color:var(--highlight);background:var(--highlight);color:#022c22;box-shadow:0 0 15px #eab3084d}.step-item[data-astro-cid-mqlybnxu].done .step-circle[data-astro-cid-mqlybnxu]{border-color:var(--highlight);color:var(--highlight);background:#eab30826}.step-label[data-astro-cid-mqlybnxu]{color:#64748b;text-align:center;letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:700}.step-item[data-astro-cid-mqlybnxu].active .step-label[data-astro-cid-mqlybnxu]{color:#064e3b}.main-wrap[data-astro-cid-mqlybnxu]{max-width:800px;margin:0 auto;padding:40px 20px 80px}.form-section[data-astro-cid-mqlybnxu]{animation:.4s fadeIn;display:none}.form-section[data-astro-cid-mqlybnxu].active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-card[data-astro-cid-mqlybnxu]{background:var(--bg-card);color:var(--text-light);border:1px solid #0000001a;border-radius:16px;margin-bottom:16px;overflow:hidden;box-shadow:0 15px 35px #0000001a}.section-head[data-astro-cid-mqlybnxu]{border-bottom:1px solid var(--input-border);background:var(--bg-card-head);align-items:center;gap:12px;padding:18px 28px;display:flex}.section-icon[data-astro-cid-mqlybnxu]{color:var(--highlight);font-size:1.4rem}.section-title[data-astro-cid-mqlybnxu]{color:var(--text-light);margin:0;font-size:1.1rem;font-weight:700}.section-body[data-astro-cid-mqlybnxu]{padding:28px}.field-row[data-astro-cid-mqlybnxu]{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.field-row[data-astro-cid-mqlybnxu].full{grid-template-columns:1fr}.field-row[data-astro-cid-mqlybnxu].triple{grid-template-columns:1fr 1fr 1fr}.field[data-astro-cid-mqlybnxu]{flex-direction:column;gap:8px;display:flex}.field[data-astro-cid-mqlybnxu] label[data-astro-cid-mqlybnxu]{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.field[data-astro-cid-mqlybnxu] label[data-astro-cid-mqlybnxu] .req[data-astro-cid-mqlybnxu]{color:var(--highlight)}.field[data-astro-cid-mqlybnxu] input[data-astro-cid-mqlybnxu],.field[data-astro-cid-mqlybnxu] select[data-astro-cid-mqlybnxu],.field[data-astro-cid-mqlybnxu] textarea[data-astro-cid-mqlybnxu]{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-light);border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .2s}.field[data-astro-cid-mqlybnxu] input[data-astro-cid-mqlybnxu]::placeholder,.field[data-astro-cid-mqlybnxu] textarea[data-astro-cid-mqlybnxu]::placeholder{color:#fff6}.field[data-astro-cid-mqlybnxu] select[data-astro-cid-mqlybnxu] option[data-astro-cid-mqlybnxu]{color:var(--text-light);background:#022c22}.field[data-astro-cid-mqlybnxu] input[data-astro-cid-mqlybnxu]:focus,.field[data-astro-cid-mqlybnxu] select[data-astro-cid-mqlybnxu]:focus,.field[data-astro-cid-mqlybnxu] textarea[data-astro-cid-mqlybnxu]:focus{border-color:var(--highlight);background:#ffffff1a;outline:none;box-shadow:0 0 0 3px #eab30826}.field[data-astro-cid-mqlybnxu] input[data-astro-cid-mqlybnxu].error,.field[data-astro-cid-mqlybnxu] select[data-astro-cid-mqlybnxu].error,.field[data-astro-cid-mqlybnxu] textarea[data-astro-cid-mqlybnxu].error{border-color:var(--error)}.err-msg[data-astro-cid-mqlybnxu]{color:var(--error);margin-top:-4px;font-size:.75rem;font-weight:600;display:none}.field[data-astro-cid-mqlybnxu].has-error .err-msg[data-astro-cid-mqlybnxu]{display:block}.upload-zone[data-astro-cid-mqlybnxu]{border:2px dashed var(--input-border);text-align:center;cursor:pointer;background:#0000001a;border-radius:12px;padding:40px 20px;transition:all .2s;position:relative}.upload-zone[data-astro-cid-mqlybnxu]:hover{border-color:var(--highlight);background:#eab3080d}.upload-zone[data-astro-cid-mqlybnxu] input[data-astro-cid-mqlybnxu][type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-icon[data-astro-cid-mqlybnxu]{color:var(--highlight);margin-bottom:10px;font-size:3rem}.file-preview[data-astro-cid-mqlybnxu]{background:#eab3081a;border:1px solid #eab30866;border-radius:8px;align-items:center;gap:12px;margin-top:15px;padding:12px 16px;display:none}.file-preview[data-astro-cid-mqlybnxu].show{display:flex}.card-design[data-astro-cid-mqlybnxu]{aspect-ratio:1.58;color:#fff;border-top:1px solid #ffffff1a;border-bottom:5px solid var(--highlight);background:linear-gradient(135deg,#022c22 0%,#065f46 100%);border-radius:16px;flex-direction:column;justify-content:space-between;width:100%;max-width:400px;padding:25px;display:flex;position:relative;overflow:hidden;transform:rotateY(-5deg)rotateX(2deg);box-shadow:0 20px 40px #0006}.card-header[data-astro-cid-mqlybnxu]{z-index:2;justify-content:space-between;align-items:center;display:flex}.card-user[data-astro-cid-mqlybnxu]{z-index:2;align-items:flex-end;gap:15px;display:flex}.card-photo[data-astro-cid-mqlybnxu]{border:2px solid var(--highlight);background:#ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:75px;height:95px;display:flex;overflow:hidden}.card-photo[data-astro-cid-mqlybnxu] img[data-astro-cid-mqlybnxu]{object-fit:cover;width:100%;height:100%;display:none}.card-info[data-astro-cid-mqlybnxu] h3[data-astro-cid-mqlybnxu]{color:#fff;text-transform:uppercase;margin:0;font-size:1.1rem}.card-info[data-astro-cid-mqlybnxu] p[data-astro-cid-mqlybnxu]{color:var(--text-muted);margin:3px 0 0;font-family:monospace;font-size:.85rem}.card-jabatan[data-astro-cid-mqlybnxu]{color:var(--highlight);text-transform:uppercase;margin-top:5px;font-size:.8rem;font-weight:700}.form-nav[data-astro-cid-mqlybnxu]{border-top:1px solid var(--input-border);background:#00000026;justify-content:space-between;padding:20px 28px;display:flex}.btn[data-astro-cid-mqlybnxu]{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-weight:700;transition:all .2s;display:inline-flex}.btn-back[data-astro-cid-mqlybnxu]{color:var(--text-muted);border:1px solid var(--input-border);background:0 0}.btn-back[data-astro-cid-mqlybnxu]:hover{color:var(--text-light);background:#ffffff1a}.btn-next[data-astro-cid-mqlybnxu]{background:var(--highlight);color:#022c22}.btn-next[data-astro-cid-mqlybnxu]:hover{background:var(--highlight-hover);transform:translateY(-2px);box-shadow:0 5px 15px #eab3084d}.btn-next[data-astro-cid-mqlybnxu]:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (width<=600px){.field-row[data-astro-cid-mqlybnxu],.field-row[data-astro-cid-mqlybnxu].triple{grid-template-columns:1fr;gap:15px}.card-design[data-astro-cid-mqlybnxu]{transform:none}}