html,body{overflow-x:hidden;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}:root{--color-primary:#064e3b;--color-primary-light:#059669;--color-accent:#eab308;--color-accent-hover:#facc15;--color-text-main:#334155;--color-text-muted:#64748b;--color-bg-light:#f8fafc;--color-bg-white:#fff;--font-main:"Inter", "Segoe UI", sans-serif}#ipi-portal-final[data-astro-cid-lcdefpme]{font-family:var(--font-main);color:var(--color-text-main);background:var(--color-bg-light);line-height:1.6;overflow-x:hidden}.ipi-nav[data-astro-cid-lcdefpme]{backdrop-filter:blur(10px);z-index:100;background:#fffffff2;padding:15px 20px;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.nav-inner[data-astro-cid-lcdefpme]{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;display:flex}.nav-logo[data-astro-cid-lcdefpme]{color:var(--color-primary);align-items:center;gap:10px;font-size:1.2rem;font-weight:800;display:flex}.nav-logo-img[data-astro-cid-lcdefpme]{object-fit:contain;width:35px;height:35px}.nav-links[data-astro-cid-lcdefpme]{align-items:center;gap:30px;display:flex}.nav-links[data-astro-cid-lcdefpme] a[data-astro-cid-lcdefpme]{color:var(--color-text-muted);font-size:.95rem;font-weight:600;text-decoration:none;transition:color .3s}.nav-links[data-astro-cid-lcdefpme] a[data-astro-cid-lcdefpme]:hover{color:var(--color-primary-light)}.btn-nav-login[data-astro-cid-lcdefpme]{background:var(--color-primary);border-radius:20px;padding:8px 20px;transition:background .3s;color:var(--color-bg-white)!important}.btn-nav-login[data-astro-cid-lcdefpme]:hover{background:var(--color-primary-light)}.hero-full-gradient[data-astro-cid-lcdefpme]{background:linear-gradient(120deg, var(--color-primary) 0%, var(--color-primary-light) 60%, var(--color-accent) 100%);width:100vw;color:var(--color-bg-white);text-align:center;clip-path:ellipse(150% 100% at 50% 0);margin-bottom:60px;margin-left:-50vw;margin-right:-50vw;padding:80px 20px 100px;position:relative;left:50%;right:50%}.hero-inner[data-astro-cid-lcdefpme]{max-width:1000px;margin:0 auto}.hero-inner[data-astro-cid-lcdefpme] h1[data-astro-cid-lcdefpme]{margin:0 0 15px;font-size:3rem;font-weight:800}.hero-inner[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{color:#ecfdf5;max-width:700px;margin:0 auto;font-size:1.25rem;font-weight:300}.content-container[data-astro-cid-lcdefpme]{max-width:1100px;margin:0 auto;padding:0 20px 80px}.intro-grid[data-astro-cid-lcdefpme]{grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin-top:-40px;margin-bottom:80px;display:grid}.intro-text[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme]{color:var(--color-primary);margin-bottom:20px;font-size:2.2rem;font-weight:700}.intro-text[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme]:after{content:"";background:var(--color-accent);border-radius:4px;width:80px;height:5px;margin-top:10px;display:block}.card-wrapper[data-astro-cid-lcdefpme]{perspective:1200px;justify-content:center;display:flex}.card-design[data-astro-cid-lcdefpme]{background:linear-gradient(135deg, var(--color-primary) 0%, #047857 100%);aspect-ratio:1.58;width:100%;max-width:420px;color:var(--color-bg-white);border-top:1px solid #fff3;border-bottom:5px solid var(--color-accent);border-radius:16px;flex-direction:column;justify-content:space-between;padding:25px;transition:transform .5s;display:flex;position:relative;overflow:hidden;transform:rotateY(-10deg)rotateX(5deg)}.card-wrapper[data-astro-cid-lcdefpme]:hover .card-design[data-astro-cid-lcdefpme]{transform:rotateY(0)rotateX(0)scale(1.02)}.card-decor[data-astro-cid-lcdefpme]{background:#eab3081a;border-radius:50%;width:180px;height:180px;position:absolute;top:-60px;right:-60px}.card-header[data-astro-cid-lcdefpme]{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.card-logo-text[data-astro-cid-lcdefpme]{letter-spacing:1px;color:#fef08a;font-size:1.1rem;font-weight:800}.card-chip[data-astro-cid-lcdefpme]{background:linear-gradient(135deg,#fcd34d,#b45309);border-radius:6px;width:45px;height:35px}.card-user[data-astro-cid-lcdefpme]{z-index:2;align-items:flex-end;gap:20px;display:flex;position:relative}.card-photo[data-astro-cid-lcdefpme]{border:2px solid var(--color-accent);width:80px;height:100px;color:var(--color-text-muted);background:#f1f5f9;border-radius:8px;place-items:center;font-size:.7rem;font-weight:700;display:grid}.card-info[data-astro-cid-lcdefpme] h3[data-astro-cid-lcdefpme]{color:var(--color-bg-white);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:1rem}.card-info[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{color:#a7f3d0;margin:5px 0 0;font-family:monospace;font-size:.9rem}.card-jabatan[data-astro-cid-lcdefpme]{color:var(--color-accent);text-transform:uppercase;margin-top:2px;font-size:.85rem;font-weight:600}.section-title-line[data-astro-cid-lcdefpme]{background:var(--color-accent);border-radius:2px;width:60px;height:4px;margin:10px auto}.section-title-wrapper[data-astro-cid-lcdefpme]{text-align:center;margin-bottom:50px}.section-title-wrapper[data-astro-cid-lcdefpme] h3[data-astro-cid-lcdefpme]{color:var(--color-primary);margin:0;font-size:1.8rem}.features-grid[data-astro-cid-lcdefpme]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:80px;display:grid}.feature-box[data-astro-cid-lcdefpme]{background:var(--color-bg-white);border-left:4px solid var(--color-primary-light);border-radius:12px;padding:30px;transition:transform .3s,border-left-color .3s}.feature-box[data-astro-cid-lcdefpme]:hover{border-left-color:var(--color-accent);transform:translateY(-5px)}.f-icon[data-astro-cid-lcdefpme]{width:50px;height:50px;color:var(--color-primary-light);background:#ecfdf5;border-radius:50%;place-items:center;margin-bottom:20px;display:grid}.flow-section[data-astro-cid-lcdefpme]{background:var(--color-primary);color:var(--color-bg-white);text-align:center;border-radius:20px;padding:60px 40px}.steps-wrapper[data-astro-cid-lcdefpme]{flex-wrap:wrap;justify-content:center;gap:40px;margin:40px 0;display:flex}.step-card[data-astro-cid-lcdefpme]{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;width:220px;padding:25px}.step-num[data-astro-cid-lcdefpme]{color:var(--color-accent);margin-bottom:10px;font-size:2.5rem;font-weight:800;line-height:1;display:block}.btn-gold[data-astro-cid-lcdefpme]{background:var(--color-accent);color:var(--color-primary);border-radius:50px;padding:16px 40px;font-size:1.1rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-block}.btn-gold[data-astro-cid-lcdefpme]:hover{background:var(--color-accent-hover);transform:scale(1.05)}.btn-outline-white[data-astro-cid-lcdefpme]{color:var(--color-bg-white);border:2px solid #ffffff4d;border-radius:50px;margin-left:15px;padding:14px 30px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-outline-white[data-astro-cid-lcdefpme]:hover{background:var(--color-bg-white);color:var(--color-primary)}@media (width<=768px){.nav-links[data-astro-cid-lcdefpme]{display:none}.intro-grid[data-astro-cid-lcdefpme]{text-align:center;grid-template-columns:1fr;margin-top:0}.intro-text[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme]:after{margin:10px auto}.card-design[data-astro-cid-lcdefpme]{margin:0 auto;transform:none}.hero-inner[data-astro-cid-lcdefpme] h1[data-astro-cid-lcdefpme]{font-size:2rem}.steps-wrapper[data-astro-cid-lcdefpme]{flex-direction:column;align-items:center}.step-card[data-astro-cid-lcdefpme]{width:100%;max-width:300px}.btn-outline-white[data-astro-cid-lcdefpme]{margin:15px 0 0;display:block}}