@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--background:#f5f6fa;--foreground:#171717;--surface:#fff;--surface-2:#eef0f5;--border:#d9dce5;--muted:#5d6372;--accent:#2f5bea;--accent-contrast:#fff;--error:#c62828;--error-bg:#fdecec;--wa:#1fa855;--tier-pemula:#8a8f9c;--tier-menengah:#2f8fd6;--tier-mahir:#1f9d6b;--tier-expert:#8e44d6;--tier-pro:#e08a00;--radius:14px}@media (prefers-color-scheme:dark){:root{--background:#0d0f14;--foreground:#ededed;--surface:#171a21;--surface-2:#20242d;--border:#2e3340;--muted:#a0a6b4;--accent:#6b8cff;--accent-contrast:#0d0f14;--error:#ff8a80;--error-bg:#3a1c1c;--wa:#25d366;--tier-pemula:#a0a6b4;--tier-menengah:#5bb4f5;--tier-mahir:#3fcf95;--tier-expert:#b98af0;--tier-pro:#ffb02e}}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:Arial,Helvetica,sans-serif;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.container{width:100%;max-width:960px;margin:0 auto;padding:2rem 1rem}.kalkulator{max-width:640px;margin:0 auto}.tabs{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem;display:grid}@media (min-width:560px){.tabs{grid-template-columns:repeat(4,1fr)}}.tab{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;min-height:48px;padding:.5rem .75rem;font-size:.95rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.tab:hover{border-color:var(--accent)}.tab.aktif{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.info{background:var(--surface-2);color:var(--muted);border-radius:10px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.95rem}.form{gap:1rem;display:grid}.field{gap:.4rem;display:grid}.field-label{font-size:.95rem;font-weight:600}.input{border:2px solid var(--border);background:var(--background);border-radius:12px;width:100%;min-height:56px;padding:.75rem 1rem;font-size:1.5rem;font-weight:600;transition:border-color .15s}.input::placeholder{color:var(--muted);font-size:1.1rem;font-weight:400}.input:focus{border-color:var(--accent);outline:none}.hasil{gap:1.25rem;margin-top:1.5rem;display:grid}.petunjuk{color:var(--muted);text-align:center}.error{background:var(--error-bg);color:var(--error);border-radius:10px;padding:.75rem 1rem;font-weight:600}.hasil-utama{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;display:flex}.hasil-ringkas{justify-items:start;gap:.75rem;display:grid}.tier-pemula{--warna-tier:var(--tier-pemula)}.tier-menengah{--warna-tier:var(--tier-menengah)}.tier-mahir{--warna-tier:var(--tier-mahir)}.tier-expert{--warna-tier:var(--tier-expert)}.tier-pro{--warna-tier:var(--tier-pro)}.badge{border:2px solid var(--warna-tier);color:var(--warna-tier);letter-spacing:.02em;border-radius:999px;padding:.35rem .9rem;font-weight:700;display:inline-block}.gauge{width:160px;height:160px;position:relative}.gauge svg{width:100%;height:100%}.gauge circle{fill:none;stroke-width:12px}.gauge-latar{stroke:var(--surface-2)}.gauge-isi{stroke:var(--warna-tier);stroke-linecap:round;transition:stroke-dashoffset .6s,stroke .3s;animation:.9s ease-out gauge-masuk}@keyframes gauge-masuk{0%{stroke-dashoffset:var(--keliling)}}.gauge-teks{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.gauge-angka{font-size:1.9rem;font-weight:800}.gauge-label{color:var(--muted);font-size:.8rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}.stat{gap:.2rem;display:grid}.stat-grid .stat{background:var(--surface-2);border-radius:12px;padding:1rem}.stat-label{color:var(--muted);font-size:.85rem}.stat-nilai{font-size:1.6rem;font-weight:800}.stat-grid .stat-nilai{color:var(--accent);font-size:2.2rem}.progres{gap:.4rem;display:grid}.progres-label{color:var(--muted);justify-content:space-between;gap:1rem;font-size:.9rem;display:flex}.progres-jalur{background:var(--surface-2);border-radius:999px;height:14px;overflow:hidden}.progres-isi{border-radius:inherit;background:var(--accent);height:100%;transition:width .5s}.catatan{color:var(--muted);line-height:1.5}.aksi{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.tombol{cursor:pointer;border:2px solid #0000;border-radius:12px;min-height:52px;padding:.75rem 1rem;font-weight:700}.tombol-wa{background:var(--wa);color:#fff}.tombol-salin{border-color:var(--border);background:0 0}.tombol-salin:hover{border-color:var(--accent)}.tombol-teks{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-weight:600}.riwayat{margin-top:1.5rem}.riwayat-kepala{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.riwayat-judul{font-size:1.1rem;font-weight:700}.riwayat ol{gap:.5rem;list-style:none;display:grid}.riwayat li{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:.25rem;padding:.75rem 1rem;font-size:.95rem;line-height:1.45;display:grid}.riwayat-tab{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);font-size:.75rem;font-weight:700}@media (prefers-reduced-motion:reduce){.gauge-isi,.progres-isi{transition:none;animation:none}}.konten{max-width:720px;margin:3rem auto 0;line-height:1.65}.konten h1{margin-bottom:1.5rem;font-size:clamp(1.6rem,5vw,2.2rem);line-height:1.25}.konten section{margin-bottom:2.5rem}.konten h2{margin-bottom:.75rem;font-size:1.4rem;line-height:1.3}.konten h3{margin:1.25rem 0 .5rem;font-size:1.1rem}.konten p{margin-bottom:.9rem}.konten ol,.konten ul{gap:.4rem;padding-left:1.5rem;display:grid}.tabel-wrap{border:1px solid var(--border);border-radius:12px;margin-top:.75rem;overflow-x:auto}.konten table{border-collapse:collapse;background:var(--surface);width:100%;font-size:.95rem}.konten th,.konten td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:.7rem .9rem}.konten tr:last-child th,.konten tr:last-child td{border-bottom:none}.konten thead th{background:var(--surface-2);font-weight:700}.faq{gap:1rem;display:grid}.faq-item{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:1rem 1.25rem}.faq-item h3{margin-top:0}.faq-item p{margin-bottom:0}