:root{--bg:#0b0f14;--bg-2:#0f141b;--card:#121a22;--card-2:#151f29;--border:#2a3746;--border-strong:#3a4b5e;--text:#eef2f5;--muted:#b7c2cd;--accent:#bfe9c6;--accent-ink:#0b0f14;--danger:#ffb4a2;--danger-bg:#2a1613;--radius:14px;--shell:1140px;--ease:cubic-bezier(0.22,1,0.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}html:focus-within{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--accent);color:var(--accent-ink)}a{color:var(--text);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;left:50%;top:-80px;transform:translateX(-50%);background:var(--accent);color:var(--accent-ink);padding:12px 20px;border-radius:999px;font-weight:700;z-index:100;transition:top .2s var(--ease)}.skip-link:focus{top:12px;text-decoration:none}.shell{width:min(100% - 40px,var(--shell));margin-inline:auto}h1{font-size:clamp(2rem,1.2rem + 3.2vw,3.4rem);line-height:1.08;letter-spacing:-.018em;margin:0 0 20px}h1,h2{font-weight:800;text-wrap:balance}h2{font-size:clamp(1.75rem,1.1rem + 2.2vw,2.5rem);line-height:1.15;letter-spacing:-.015em;margin:0 0 16px}h3{font-size:1.125rem;line-height:1.3;font-weight:700;margin:0 0 8px}p{margin:0 0 16px}body:before{z-index:-2;background:linear-gradient(rgba(191,233,198,.035) 1px,transparent 0),linear-gradient(90deg,rgba(191,233,198,.035) 1px,transparent 0);background-size:56px 56px;background-position:top}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:after{z-index:-1;background:radial-gradient(820px 520px at 18% -8%,rgba(191,233,198,.1),transparent 62%),radial-gradient(720px 460px at 92% 18%,rgba(191,233,198,.06),transparent 65%),radial-gradient(900px 700px at 50% 108%,rgba(191,233,198,.05),transparent 70%)}.topbar{position:sticky;top:0;z-index:50;padding:16px 0;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid transparent;transition:padding .28s var(--ease),border-color .28s var(--ease),background .28s var(--ease)}.topbar[data-shrunk=yes]{padding:8px 0;background:color-mix(in srgb,var(--bg) 92%,transparent);border-bottom-color:var(--border)}.topbar-in{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.brand,.topbar-in{align-items:center}.brand{display:inline-flex;gap:10px;font-weight:800;font-size:1.125rem;letter-spacing:-.01em}.brand:hover{text-decoration:none}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--accent);color:var(--accent-ink);flex:0 0 auto}.topnav{display:flex;gap:8px;flex-wrap:wrap}.topnav,.topnav a{align-items:center}.topnav a{display:inline-flex;min-height:44px;min-width:44px;padding:10px 14px;border-radius:999px;color:var(--muted);font-weight:600}.topnav a:hover{color:var(--text);background:var(--card)}@media (max-width:767px){.topnav{flex-wrap:nowrap;gap:6px}.topnav .topnav-cta,.topnav-cta{display:none}}@media (min-width:768px){.topnav .topnav-cta,.topnav-cta{display:inline-flex}}.topnav-cta{background:var(--accent)!important;color:var(--accent-ink)!important}.topnav-cta:hover{background:#d3f2da!important}.hero{position:relative;padding:56px 0 64px;overflow:hidden;overflow-x:clip}.hero-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(680px 420px at 20% 0,rgba(191,233,198,.14),transparent 60%),radial-gradient(560px 380px at 80% 12%,rgba(191,233,198,.07),transparent 62%);pointer-events:none}.hero-in{display:grid;grid-template-columns:1fr;gap:36px;align-items:start}.hero-copy{max-width:640px}.status-chip{display:inline-flex;align-items:center;gap:10px;min-height:36px;padding:8px 14px;border-radius:999px;border:1px solid var(--border-strong);background:var(--card);color:var(--muted);font-weight:600;font-size:.9375rem;margin-bottom:22px}.chip-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(191,233,198,.18);flex:0 0 auto}.hero-lede{font-size:1.125rem;line-height:1.65;color:var(--muted);max-width:56ch}.hero-aksi{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;align-items:center}.hero-note{color:var(--muted);font-size:.9375rem;margin-top:16px}.btn-utama{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 22px;border-radius:999px;border:1px solid transparent;background:linear-gradient(135deg,#d9f4de,var(--accent));color:var(--accent-ink);font-weight:800;font-size:1rem;cursor:pointer;overflow:hidden;isolation:isolate;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease);box-shadow:0 10px 30px rgba(191,233,198,.22)}.btn-utama:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.55) 50%,transparent 68%);transform:translateX(-130%);transition:transform .7s var(--ease);pointer-events:none}.btn-utama:hover:after{transform:translateX(130%)}.btn-utama:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(191,233,198,.28)}.btn-utama:active{transform:translateY(0) scale(.98);box-shadow:0 8px 20px rgba(191,233,198,.2)}.btn-utama:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.magnet{transform:translate(var(--mx,0),var(--my,0))}.btn-panah{display:inline-flex;align-items:center;justify-content:center;transition:transform .28s var(--ease)}.btn-utama:hover .btn-panah{transform:translateX(4px)}.btn-ghost{position:relative;display:inline-flex;align-items:center;min-height:52px;padding:14px 18px;border-radius:999px;color:var(--text);font-weight:700;background:transparent;border:1px solid var(--border-strong)}.btn-ghost:before{content:"";position:absolute;left:18px;right:18px;bottom:12px;height:2px;background:var(--accent);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .32s var(--ease)}.btn-ghost:hover{background:var(--card);text-decoration:none}.btn-ghost:hover:before{transform:scaleX(1)}.btn-ghost:active{transform:scale(.98)}.btn-utama-penuh{width:100%;min-height:52px}.hero-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:0 18px 40px rgba(0,0,0,.35)}.panel-kepala{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:12px}.panel-judul{font-weight:800;font-size:1rem}.panel-tag{font-size:.8125rem;color:var(--muted);border:1px solid var(--border-strong);border-radius:999px;padding:4px 10px}.panel-daftar{list-style:none;margin:0;padding:0;display:grid;gap:10px}.panel-baris{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border-radius:12px;border:1px solid var(--border);background:var(--card-2)}.panel-baris strong{display:block;font-size:1rem;line-height:1.3}.panel-baris small{display:block;color:var(--muted);font-size:.9375rem;margin-top:2px}.panel-ikon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--bg-2);color:var(--accent);flex:0 0 auto}.panel-prioritas{border-color:var(--border-strong);background:linear-gradient(135deg,var(--card-2),var(--bg-2))}.panel-prioritas .panel-ikon{background:var(--accent);color:var(--accent-ink)}.panel-kaki{color:var(--muted);font-size:.9375rem;margin:14px 0 0}.bagian{padding:64px 0}.bagian-alt{background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.bagian-lede{color:var(--muted);max-width:62ch;font-size:1.0625rem}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}.langkah-list{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:16px}.langkah{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.langkah:nth-child(2){background:linear-gradient(135deg,var(--card),var(--card-2))}.langkah-nomor{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:1.125rem;margin-bottom:14px}.langkah p{color:var(--muted);margin:0}.jaminan-list{display:grid;grid-template-columns:1fr;gap:16px;margin-top:32px}.jaminan-kartu{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.jaminan-kartu p{color:var(--muted);margin:0}.jaminan-ikon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--bg-2);color:var(--accent);margin-bottom:14px}.daftar-grid{display:grid;grid-template-columns:1fr;gap:32px;align-items:start}.daftar-poin{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}.daftar-poin li{position:relative;padding-left:30px;color:var(--muted)}.daftar-poin li:before{content:"";position:absolute;left:0;top:7px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(191,233,198,.14)}.form-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:0 18px 40px rgba(0,0,0,.32)}.form-progress{height:8px;border-radius:999px;background:var(--bg-2);border:1px solid var(--border);overflow:hidden;margin-bottom:12px}.form-progress-fill{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#d9f4de);border-radius:999px;transition:width .45s var(--ease)}.form-langkah-label{color:var(--muted);font-weight:700;font-size:.9375rem;margin-bottom:20px}fieldset{border:0;margin:0;padding:0;min-width:0}legend{font-size:1.35rem;font-weight:800;line-height:1.2;padding:0;margin-bottom:8px}.form-help{color:var(--muted);font-size:.9375rem;margin-bottom:20px}.field{display:grid;gap:8px;margin-bottom:18px}.field label,.field-label{font-weight:700;font-size:1rem}.field input[type=email],.field input[type=text]{width:100%;min-height:52px;padding:12px 16px;border-radius:12px;border:1px solid var(--border-strong);background:var(--bg-2);color:var(--text);font-size:16px;font-family:inherit;transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)}.field input[type=email]:hover,.field input[type=text]:hover{border-color:var(--accent)}.field input[type=email]:focus,.field input[type=text]:focus{border-color:var(--accent);background:var(--bg);box-shadow:0 0 0 3px rgba(191,233,198,.22);outline:none}.field input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px rgba(255,180,162,.18);background:var(--danger-bg)}.field-galat{color:var(--danger);font-size:.9375rem;font-weight:600;margin:0}.pilihan{display:grid;gap:10px}.pilihan-item{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 16px;border-radius:12px;border:1px solid var(--border-strong);background:var(--bg-2);cursor:pointer;font-weight:600;transition:border-color .2s var(--ease),background .2s var(--ease),transform .15s var(--ease)}.pilihan-item:hover{border-color:var(--accent)}.pilihan-item:has(input:checked){border-color:var(--accent);background:var(--card-2);box-shadow:inset 0 0 0 1px var(--accent)}.pilihan-item:active{transform:scale(.99)}.pilihan-item input{width:22px;height:22px;accent-color:var(--accent);flex:0 0 auto;cursor:pointer}.pilihan-item:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.form-tombol{display:flex;align-items:center;gap:12px;margin-top:24px;flex-wrap:wrap}.form-tombol-spacer{flex:1 1 auto}.btn-kembali,.btn-lanjut{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 22px;border-radius:999px;font-weight:800;font-size:1rem;cursor:pointer;border:1px solid transparent;transition:transform .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease)}.btn-lanjut{background:var(--accent);color:var(--accent-ink)}.btn-lanjut:hover{background:#d3f2da;transform:translateY(-1px);box-shadow:0 10px 24px rgba(191,233,198,.22)}.btn-kembali:active,.btn-lanjut:active{transform:scale(.98)}.btn-kembali{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-kembali:hover{background:var(--card-2)}.form-sukses{text-align:left;padding:8px 0}.sukses-ikon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:var(--accent);color:var(--accent-ink);margin-bottom:16px}.form-sukses h3{font-size:1.5rem;font-weight:800;margin-bottom:10px}.form-sukses p{color:var(--muted)}.form-sukses-note{font-size:.9375rem;border-top:1px dashed var(--border-strong);padding-top:14px;margin-top:18px}.form-panel{animation:slideMasuk .42s var(--ease) both}.form-panel[data-arah="-1"]{animation:slideMundur .42s var(--ease) both}@keyframes slideMasuk{0%{opacity:0;transform:translateX(26px)}to{opacity:1;transform:translateX(0)}}@keyframes slideMundur{0%{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:translateX(0)}}.cta-mobile{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--border)}.cta-mobile .btn-utama{text-decoration:none}.footer,main{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.footer{border-top:1px solid var(--border);padding:36px 0 44px;background:var(--bg)}.footer-in{display:grid;gap:16px}.footer-brand{font-size:1.35rem;font-weight:800;margin:0}.footer-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.footer-nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);font-weight:600}.footer-nav a:hover{color:var(--text)}.footer-note,.footer-titik{color:var(--muted)}.footer-note{font-size:.9375rem;margin:0}@media (min-width:768px){.hero{padding:72px 0 80px}.hero-in{grid-template-columns:1.15fr .85fr;gap:44px}.jaminan-list,.langkah-list{grid-template-columns:repeat(3,1fr);gap:20px}.daftar-grid{grid-template-columns:1fr 1fr;gap:44px}.form-card{padding:28px}.cta-mobile{display:none}.footer,main{padding-bottom:0}.footer{padding:44px 0 52px}}@media (min-width:1024px){.hero{padding:84px 0 96px}.bagian{padding:80px 0}.hero-aksi{gap:14px}.footer-in{grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.footer-nav{justify-content:center}}@media (prefers-reduced-motion:reduce){html,html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1}.magnet,.reveal{transform:none}.form-panel,.form-panel[data-arah="-1"]{animation:none}}