:root{--navy: rgb(20, 61, 108);--navy-dark: rgb(13, 41, 74);--navy-mid: rgb(28, 80, 138);--navy-light: rgb(36, 100, 170);--blue: rgb(28, 80, 138);--sky: rgb(56, 130, 200);--gold: #f5c842;--gold-dark: #d9a800;--white: #ffffff;--offwhite: #f2f6fb;--text: rgb(15, 40, 72);--muted: #5c718f;--border: #d8e3ef;--radius-lg: 20px;--radius-xl: 32px;--shadow-sm: 0 2px 12px rgba(20, 61, 108, .08);--shadow-md: 0 8px 40px rgba(20, 61, 108, .14);--shadow-lg: 0 20px 60px rgba(20, 61, 108, .18)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;background:var(--offwhite);color:var(--text);overflow-x:hidden}.topbar{background:var(--navy);padding:10px 0;font-size:13px;color:#ffffffa6}.topbar a{color:var(--gold);text-decoration:none}.navbar-kipk{background:var(--white);border-bottom:1px solid var(--border);padding:0;position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-sm)}.navbar-kipk .navbar-brand{padding:14px 0}.navbar-kipk .brand-logo{width:40px;height:40px;background:var(--navy);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--gold);font-weight:900;font-size:13px;letter-spacing:.5px;flex-shrink:0}.brand-text{line-height:1.2}.brand-text span{display:block;font-size:10px;color:var(--muted);font-weight:500}.brand-text strong{font-size:14px;color:var(--navy)}.navbar-kipk .nav-link{font-size:14px;font-weight:600;color:var(--text);padding:22px 14px!important;border-bottom:3px solid transparent;transition:all .2s}.navbar-kipk .nav-link:hover,.navbar-kipk .nav-link.active{color:var(--blue);border-bottom-color:var(--blue)}.btn-masuk{background:var(--blue);color:var(--white)!important;border-radius:10px;padding:8px 22px!important;font-size:14px!important;font-weight:700!important;border-bottom:none!important}.btn-masuk:hover{background:var(--navy)!important}.hero{background:#fff;position:relative;overflow:hidden;padding:80px 0 0;min-height:580px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(20,61,108,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(20,61,108,.07) 1px,transparent 1px);background-size:48px 48px}.hero:before{content:"";position:absolute;top:-80px;right:-80px;width:520px;height:520px;border-radius:50%;border:1.5px solid rgba(20,61,108,.08);pointer-events:none}.hero:after{content:"";position:absolute;top:20px;right:20px;width:360px;height:360px;border-radius:50%;border:1.5px solid rgba(20,61,108,.06);pointer-events:none}.hero-dots{position:absolute;bottom:60px;right:60px;width:160px;height:160px;background-image:radial-gradient(circle,rgba(20,61,108,.18) 1.5px,transparent 1.5px);background-size:18px 18px;pointer-events:none}.hero-accent-bar{position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#143d6c,#143d6c1a)}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#143d6c14;border:1px solid rgba(20,61,108,.2);border-radius:100px;padding:6px 16px;font-size:12px;font-weight:700;color:#143d6c;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px}.hero-badge span.dot{width:6px;height:6px;background:#143d6c;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.hero h1{font-family:Poppins,sans-serif;font-size:clamp(34px,5.5vw,62px);font-weight:800;color:#143d6c;line-height:1.1}.hero h1 em{font-style:normal;color:var(--gold-dark)}.hero-sub{font-size:16px;color:#4a5f7a;font-weight:400;margin-top:16px;max-width:480px;line-height:1.75}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.btn-hero-primary{background:var(--gold);color:var(--navy);font-weight:800;font-size:15px;padding:14px 32px;border-radius:12px;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .25s;box-shadow:0 4px 20px #f5c84266}.btn-hero-primary:hover{background:var(--white);color:var(--navy);transform:translateY(-2px)}.btn-hero-outline{background:transparent;color:#143d6c;font-weight:700;font-size:15px;padding:14px 28px;border-radius:12px;border:1.5px solid rgba(20,61,108,.3);text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .25s}.btn-hero-outline:hover{border-color:#143d6c;background:#143d6c0f;color:#143d6c}.hero-stats{display:flex;gap:32px;margin-top:48px}.hero-stat-item{text-align:left}.hero-stat-item strong{display:block;font-family:Poppins,sans-serif;font-size:32px;font-weight:800;color:#143d6c;line-height:1}.hero-stat-item span{font-size:12px;color:#7a90a8;font-weight:500}.hero-card-wrap{position:relative;z-index:2;padding-bottom:0}.hero-visual-card{background:var(--white);border:1.5px solid rgba(20,61,108,.12);border-radius:var(--radius-lg);overflow:hidden;padding:40px;box-shadow:0 12px 48px #143d6c1a}.hero-visual-card .card-label{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#143d6c;text-transform:uppercase;margin-bottom:12px}.steps-mini{display:flex;flex-direction:column;gap:10px}.step-mini-item{display:flex;align-items:center;gap:14px;background:#143d6c0a;border:1px solid rgba(20,61,108,.07);border-radius:10px;padding:11px 14px;color:#143d6c;font-size:13px;font-weight:500;transition:background .2s}.step-mini-item:hover{background:#143d6c14}.step-mini-num{width:26px;height:26px;border-radius:7px;background:#143d6c;color:var(--white);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-mini-item.done{background:#22c55e0f;border-color:#22c55e33}.step-mini-item.done .step-mini-num{background:#22c55e}.step-mini-item.done{color:#15803d}.step-mini-item .step-mini-icon{margin-left:auto;color:#143d6c40;font-size:11px}.hero-wave{display:block;margin-bottom:-2px;color:var(--offwhite)}.section-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--blue);margin-bottom:10px}.section-label:before{content:"";width:20px;height:2px;background:var(--blue);border-radius:2px}.section-title{font-family:Poppins,sans-serif;font-size:clamp(26px,3.5vw,40px);font-weight:800;color:var(--navy);line-height:1.2}.section-title em{font-style:italic;color:var(--blue)}.section-desc{font-size:16px;color:var(--muted);line-height:1.75;max-width:540px}.stats-strip{background:var(--white);border-bottom:1px solid var(--border);padding:28px 0}.stat-item{text-align:center}.stat-item strong{display:block;font-family:Poppins,sans-serif;font-size:34px;font-weight:800;color:var(--navy);line-height:1}.stat-item span{font-size:13px;color:var(--muted);font-weight:500}.stat-divider{width:1px;background:var(--border);align-self:stretch;margin:4px 0}.info-section{padding:80px 0}.info-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);padding:32px;height:100%;transition:all .3s;position:relative;overflow:hidden}.info-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--sky));transform:scaleX(0);transform-origin:left;transition:transform .3s}.info-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.info-card:hover:after{transform:scaleX(1)}.info-card-icon{width:52px;height:52px;border-radius:14px;background:var(--offwhite);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px;color:var(--blue)}.info-card h5{font-size:17px;font-weight:800;color:var(--navy);margin-bottom:8px}.info-card p{font-size:14px;color:var(--muted);line-height:1.7}.steps-section{background:var(--navy);padding:90px 0;position:relative;overflow:hidden}.steps-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 70% at 0% 50%,rgba(56,130,200,.25) 0%,transparent 60%),radial-gradient(ellipse 40% 50% at 100% 80%,rgba(13,41,74,.6) 0%,transparent 60%)}.steps-section .section-label{color:var(--gold)}.steps-section .section-label:before{background:var(--gold)}.steps-section .section-title{color:var(--white)}.steps-section .section-desc{color:#fff9}.step-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:28px 24px;position:relative;height:100%;transition:all .3s}.step-card:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-4px)}.step-num{font-family:Poppins,sans-serif;font-size:64px;font-weight:900;line-height:1;color:#ffffff0f;position:absolute;top:16px;right:20px;pointer-events:none}.step-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gold);color:var(--navy);font-weight:900;font-size:14px;border-radius:10px;margin-bottom:16px}.step-card h5{font-size:18px;font-weight:800;color:var(--white);margin-bottom:8px}.step-card p{font-size:13px;color:#fff9;line-height:1.75}.step-card .step-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--gold);text-decoration:none;margin-top:14px}.step-card .step-link:hover{color:var(--white)}.step-connector{display:flex;align-items:center;justify-content:center;padding-top:42px;color:#fff3;font-size:18px}.syarat-section{padding:90px 0;background:var(--white)}.syarat-box{background:var(--offwhite);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px}.syarat-box h5{font-size:16px;font-weight:800;color:var(--navy);margin-bottom:20px;display:flex;align-items:center;gap:10px}.syarat-box h5 .badge-dot{width:8px;height:8px;background:var(--blue);border-radius:50%}.syarat-list{list-style:none;display:flex;flex-direction:column;gap:10px}.syarat-list li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--text);line-height:1.6}.syarat-list li:before{content:"";width:18px;height:18px;border-radius:50%;background:var(--blue);flex-shrink:0;margin-top:2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:11px;background-repeat:no-repeat;background-position:center}.syarat-list.warning li:before{background-color:var(--gold)}.highlight-box{background:linear-gradient(135deg,#143d6c,#0d294a);border-radius:var(--radius-lg);padding:36px;color:var(--white)}.highlight-box h4{font-family:Poppins,sans-serif;font-size:22px;font-weight:800;color:var(--gold);margin-bottom:12px}.highlight-box p{font-size:14px;color:#ffffffbf;line-height:1.75}.benefit-chip{display:inline-flex;align-items:center;gap:7px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:100px;padding:7px 16px;font-size:13px;font-weight:600;color:#ffffffd9;margin:4px}.benefit-chip i{color:var(--gold)}.prodi-section{padding:80px 0}.prodi-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px;display:flex;align-items:center;gap:16px;transition:all .25s;cursor:pointer;text-decoration:none}.prodi-card:hover{border-color:var(--blue);box-shadow:0 4px 20px #1b4fd81a;transform:translate(4px)}.prodi-icon{width:44px;height:44px;border-radius:12px;background:var(--offwhite);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.prodi-name{font-size:14px;font-weight:700;color:var(--navy)}.prodi-level{font-size:11px;font-weight:700;border-radius:6px;padding:2px 10px;letter-spacing:.5px;text-transform:uppercase}.level-s1{background:#eef4ff;color:var(--blue)}.level-s2{background:#f0fdf4;color:#16a34a}.level-s3{background:#fff7ed;color:#ea580c}.level-d3{background:#fdf4ff;color:#9333ea}.cta-section{background:linear-gradient(135deg,#1c508a,#143d6c 40%,#0d294a);padding:80px 0;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-60px;right:-60px;width:300px;height:300px;border-radius:50%;border:60px solid rgba(255,255,255,.05)}.cta-section:after{content:"";position:absolute;bottom:-80px;left:-40px;width:240px;height:240px;border-radius:50%;border:40px solid rgba(245,200,66,.08)}.cta-section h2{font-family:Poppins,sans-serif;font-size:clamp(26px,3.5vw,40px);font-weight:800;color:var(--white)}.cta-section h2 em{font-style:italic;color:var(--gold)}.cta-section p{font-size:16px;color:#ffffffbf}.kontak-section{padding:80px 0;background:var(--offwhite)}.kontak-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;display:flex;align-items:center;gap:16px;height:100%}.kontak-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.kontak-card h6{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.kontak-card strong{font-size:16px;font-weight:800;color:var(--navy);display:block}.kontak-card small{font-size:12px;color:var(--muted)}.footer{background:var(--navy);padding:56px 0 24px;color:#ffffffa6}.footer-brand{margin-bottom:20px}.footer-brand strong{font-size:18px;font-weight:800;color:var(--white)}.footer-brand p{font-size:13px;margin-top:6px}.footer h6{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#fff6;text-transform:uppercase;margin-bottom:16px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:8px}.footer-links a{color:#ffffffa6;text-decoration:none;font-size:13px;transition:color .2s}.footer-links a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:40px;padding-top:20px;font-size:12px;color:#ffffff59}.social-link{width:36px;height:36px;border-radius:10px;background:#ffffff14;display:inline-flex;align-items:center;justify-content:center;color:#fff9;font-size:14px;text-decoration:none;transition:all .2s}.social-link:hover{background:var(--gold);color:var(--navy)}.wa-float{position:fixed;bottom:28px;right:28px;z-index:999;background:#25d366;color:var(--white);border-radius:50px;padding:14px 22px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:10px;text-decoration:none;box-shadow:0 6px 24px #25d36666;transition:all .3s}.wa-float:hover{background:#128c7e;color:var(--white);transform:translateY(-3px)}@media (max-width: 768px){.hero{padding:56px 0 0}.hero-stats{flex-wrap:wrap;gap:20px}.step-connector{display:none}.hero-card-wrap{margin-top:40px}}.fade-up{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.fade-up.visible{opacity:1;transform:translateY(0)}