:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.c101-home{--moss:#5c7048;--moss-dark:#3f5233;--olive:#8a7b3f;--teal-sage:#4f7268;--cream:#faf7ef;--cream-soft:#f2efe2;--ink:#26301c;--ink-soft:#5b6152;--border:#e4ded0;color:var(--ink);background:var(--cream);font-family:Work Sans,system-ui,sans-serif}.c101-home h1,.c101-home h2,.c101-home h3{color:var(--moss-dark);margin:0;font-family:Fraunces,serif;font-weight:600}.c101-home a{text-decoration:none}.c101-btn{cursor:pointer;border:1px solid #0000;border-radius:.6rem;align-items:center;gap:.4rem;padding:.75rem 1.4rem;font-size:.95rem;font-weight:600;transition:transform .15s,background .2s;display:inline-flex}.c101-btn--primary{background:var(--moss-dark);color:#fff}.c101-btn--primary:hover{background:var(--moss)}.c101-btn--outline{border-color:var(--moss-dark);color:var(--moss-dark);background:0 0}.c101-btn--outline:hover{background:var(--cream-soft)}.c101-btn--sm{padding:.4rem .9rem;font-size:.8rem}.c101-btn--done{background:var(--moss-dark);color:#fff}.c101-card{border:1px solid var(--border);background:#fff;border-radius:1rem;transition:border-color .2s,transform .15s;display:block}.c101-nav{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);background:#faf7efeb;position:sticky;top:0}.c101-nav__inner{align-items:center;gap:1.5rem;max-width:1180px;margin:0 auto;padding:.9rem 1.5rem;display:flex}.c101-nav__brand{align-items:center;gap:.6rem;margin-right:auto;display:flex}.c101-nav__logo{object-fit:contain;width:2.4rem;height:2.4rem}.c101-nav__brand-text{flex-direction:column;line-height:1.15;display:flex}.c101-nav__brand-text strong{color:var(--moss-dark);font-family:Fraunces,serif;font-size:1.15rem}.c101-nav__brand-text small{color:var(--ink-soft);font-size:.72rem}.c101-nav__links{align-items:center;gap:1.4rem;font-size:.92rem;font-weight:500;display:flex}.c101-nav__links a{color:var(--ink)}.c101-nav__links a:hover{color:var(--moss-dark)}.c101-nav__links a.is-aktif{color:var(--moss-dark);font-weight:600}.c101-nav__cta{white-space:nowrap}.c101-hero{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;max-width:1180px;margin:0 auto;padding:3rem 1.5rem 4rem;display:grid}.c101-hero__text h1{margin-bottom:1rem;font-size:2.6rem;line-height:1.15}.c101-hero__lead{color:var(--ink-soft);max-width:34rem;margin-bottom:1.5rem;font-size:1.05rem;line-height:1.6}.c101-badges{flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem;display:flex}.c101-badge{border:1px solid var(--border);color:var(--moss-dark);background:#fff;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.85rem;display:inline-flex}.c101-hero__cta{margin-bottom:1.5rem}.c101-hero__note{background:var(--cream-soft);border:1px solid var(--border);max-width:30rem;color:var(--ink-soft);border-radius:.75rem;align-items:flex-start;gap:.6rem;padding:.8rem 1rem;font-size:.85rem;display:flex}.c101-hero__note svg{color:var(--moss-dark);flex-shrink:0;margin-top:.15rem}.c101-hero__note p{margin:0;line-height:1.5}.c101-hero__visual{flex-direction:column;gap:1.5rem;display:flex}.c101-flow{justify-content:space-between;align-items:flex-start;gap:.25rem;display:flex}.c101-flow__step{flex:1;align-items:center;gap:.25rem;display:flex}.c101-flow__icon{border:2px solid var(--cream-soft);border-radius:999px;flex-shrink:0;width:3.4rem;height:3.4rem;overflow:hidden}.c101-flow__icon img{object-fit:cover;width:100%;height:100%}.c101-flow__label{display:none}.c101-flow__arrow{color:var(--moss);flex-shrink:0;font-size:1.1rem}.c101-hero__image{object-fit:cover;aspect-ratio:16/10;border-radius:1.25rem;width:100%;display:block}@media (width>=640px){.c101-flow__label{color:var(--ink-soft);flex-direction:column;font-size:.68rem;font-weight:600;line-height:1.2;display:flex}}.c101-journey{text-align:center;max-width:1180px;margin:0 auto;padding:1rem 1.5rem 4rem}.c101-journey h2{justify-content:center;align-items:center;gap:.6rem;margin-bottom:2rem;font-size:1.7rem;display:flex}.c101-journey h2 svg{color:var(--olive)}.c101-journey__grid{align-items:stretch;gap:.5rem;display:flex}.c101-journey__item{flex:1;align-items:center;min-width:0;display:flex}.c101-journey__card{text-align:center;flex-direction:column;flex:1;padding:1.5rem;display:flex;position:relative}.c101-journey__card:hover{border-color:var(--moss);transform:translateY(-2px)}.c101-journey__card.is-done{background:var(--cream-soft);border-color:var(--moss)}.c101-journey__number{color:var(--ink-soft);background:var(--cream-soft);border-radius:.4rem;align-self:flex-start;margin-bottom:.75rem;padding:.15rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.c101-journey__icon-wrap{justify-content:center;margin-bottom:.9rem;display:flex}.c101-journey__icon{object-fit:cover;border-radius:50%;width:6rem;height:6rem;display:block}.c101-journey__card h3{margin-bottom:.35rem;font-size:1.1rem}.c101-journey__card p{color:var(--ink-soft);min-height:2.4em;margin-bottom:1.25rem;font-size:.85rem;line-height:1.4}.c101-journey__footer{text-align:left;justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;display:flex}.c101-journey__durasi{color:var(--ink-soft);font-size:.78rem}.c101-journey__connector{color:var(--moss);flex-shrink:0;align-items:center;padding:0 .15rem;display:flex}.c101-roles{max-width:1180px;margin:0 auto;padding:1rem 1.5rem 3rem}.c101-roles h2{align-items:center;gap:.6rem;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.c101-roles h2 svg{color:var(--teal-sage)}.c101-roles__grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.c101-role{min-height:12rem;display:flex;overflow:hidden}.c101-role:hover{transform:translateY(-2px)}.c101-role--moss:hover{border-color:var(--moss)}.c101-role--teal:hover{border-color:var(--teal-sage)}.c101-role--olive:hover{border-color:var(--olive)}.c101-role__img{object-fit:cover;width:40%;display:block}.c101-role__body{flex-direction:column;flex:1;padding:1.25rem;display:flex;position:relative}.c101-role__tag{letter-spacing:.03em;font-size:.72rem;font-weight:700}.c101-role--moss .c101-role__tag{color:var(--moss)}.c101-role--teal .c101-role__tag{color:var(--teal-sage)}.c101-role--olive .c101-role__tag{color:var(--olive)}.c101-role__body h3{margin:.3rem 0 .4rem;font-size:1.05rem}.c101-role__body p{color:var(--ink-soft);margin:0 0 1rem;font-size:.83rem;line-height:1.4}.c101-role__cta{align-self:flex-start;margin-top:auto}.c101-glossary-banner{background:var(--cream-soft);border:1px solid var(--border);border-radius:1rem;align-items:center;gap:1.25rem;max-width:1180px;margin:0 auto 1rem;padding:1.5rem 1.75rem;display:flex}.c101-glossary-banner__icon{border:1px solid var(--border);width:3rem;height:3rem;color:var(--olive);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.c101-glossary-banner__text{flex:1}.c101-glossary-banner__text .c101-role__tag{color:var(--olive)}.c101-glossary-banner__text h3{margin:.25rem 0;font-size:1.1rem}.c101-glossary-banner__text p{color:var(--ink-soft);margin:0;font-size:.85rem}.c101-footer{background:var(--moss-dark);color:#eef1e6;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:100%;padding:2.5rem 1.5rem;display:grid}.c101-footer__col{align-items:flex-start;gap:.75rem;max-width:24rem;margin:0 auto;display:flex}.c101-footer__col svg{color:#c8d6b5;flex-shrink:0;margin-top:.2rem}.c101-footer__col strong{margin-bottom:.25rem;font-family:Fraunces,serif;display:block}.c101-footer__col p{color:#d3dcc6;margin:0;font-size:.85rem;line-height:1.45}@media (width<=900px){.c101-hero{grid-template-columns:1fr;padding-top:2rem}.c101-nav__links{display:none}.c101-journey__grid{flex-direction:column}.c101-journey__connector{align-self:center;padding:.25rem 0;transform:rotate(90deg)}.c101-roles__grid,.c101-footer{grid-template-columns:1fr}}@media (width<=560px){.c101-hero__text h1{font-size:2rem}.c101-role{flex-direction:column}.c101-role__img{width:100%;height:9rem}.c101-nav__inner{gap:.75rem}.c101-nav__brand-text small{display:none}.c101-nav__cta{padding:.6rem 1rem;font-size:.85rem}.c101-flow{gap:.1rem}.c101-flow__icon{width:2.6rem;height:2.6rem}}.c101m-page{--moss:#5c7048;--moss-dark:#3f5233;--olive:#8a7b3f;--teal-sage:#4f7268;--cream:#faf7ef;--cream-soft:#f2efe2;--ink:#26301c;--ink-soft:#5b6152;--border:#e4ded0;color:var(--ink);background:var(--cream);min-height:100svh;font-family:Work Sans,system-ui,sans-serif}.c101m-page h1,.c101m-page h2,.c101m-page h3{color:var(--moss-dark);margin:0;font-family:Fraunces,serif;font-weight:600}.c101m-notfound{text-align:center;padding:3rem}.c101m-layout{grid-template-columns:250px minmax(0,1fr) 260px;align-items:start;gap:1.75rem;max-width:1240px;margin:0 auto;padding:1.75rem 1.5rem 2.5rem;display:grid}.c101m-sidebar-left{position:sticky;top:1.5rem}.c101m-backlink{color:var(--ink-soft);margin-bottom:1.25rem;font-size:.85rem;text-decoration:none;display:inline-block}.c101m-backlink:hover{color:var(--moss-dark)}.c101m-progress-card{border:1px solid var(--border);background:#fff;border-radius:.9rem;margin-bottom:1.25rem;padding:1.1rem 1.25rem}.c101m-progress-card__label{color:var(--ink-soft);margin-bottom:.15rem;font-size:.8rem;display:block}.c101m-progress-card__percent{color:var(--moss-dark);font-family:Fraunces,serif;font-size:1.6rem;font-weight:600;display:block}.c101m-progress-bar{background:var(--cream-soft);border-radius:999px;height:.45rem;margin:.6rem 0 .5rem;overflow:hidden}.c101m-progress-bar__fill{background:var(--moss);border-radius:999px;height:100%;transition:width .3s}.c101m-progress-card__note{color:var(--ink-soft);font-size:.78rem}.c101m-navlist{flex-direction:column;gap:.4rem;display:flex}.c101m-navlist__heading{letter-spacing:.04em;color:var(--ink-soft);text-transform:uppercase;margin:.75rem 0 .15rem .25rem;font-size:.72rem;font-weight:700}.c101m-navitem{color:var(--ink);border-radius:.6rem;align-items:flex-start;gap:.6rem;padding:.6rem .65rem;text-decoration:none;display:flex}.c101m-navitem:hover{background:var(--cream-soft)}.c101m-navitem.is-aktif{background:var(--cream-soft);border:1px solid var(--moss)}.c101m-navitem__nomor{background:var(--cream-soft);width:1.6rem;height:1.6rem;color:var(--ink-soft);border-radius:.4rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.c101m-navitem.is-aktif .c101m-navitem__nomor{background:var(--moss-dark);color:#fff}.c101m-navitem__text{flex-direction:column;flex:1;min-width:0;display:flex}.c101m-navitem__text strong{font-size:.85rem;line-height:1.3}.c101m-navitem__text small{color:var(--ink-soft);font-size:.72rem;line-height:1.3}.c101m-navitem__status{color:var(--border);flex-shrink:0;margin-top:.2rem}.c101m-navitem.is-selesai .c101m-navitem__status{color:var(--moss)}.c101m-main{min-width:0}.c101m-eyebrow{letter-spacing:.05em;color:var(--moss);margin:0 0 .4rem;font-size:.75rem;font-weight:700}.c101m-main h1{margin-bottom:.4rem;font-size:2.1rem}.c101m-subtitle{color:var(--ink-soft);margin:0 0 1.5rem;font-size:1rem}.c101m-video-embed{aspect-ratio:16/9;background:var(--cream-soft);border:1px solid var(--border);border-radius:1rem;width:100%;margin-bottom:1.5rem;position:relative;overflow:hidden}.c101m-video-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.c101m-intro{margin-bottom:1.5rem;line-height:1.6}.c101m-materi-tambahan{flex-direction:column;gap:2rem;margin-bottom:2rem;display:flex}.c101m-infografis{margin:0}.c101m-infografis img{border:1px solid var(--border);border-radius:1rem;width:100%;display:block}.c101m-infografis figcaption{flex-direction:column;gap:.15rem;margin-top:.6rem;display:flex}.c101m-infografis figcaption strong{color:var(--moss-dark);font-size:.95rem}.c101m-infografis figcaption span{color:var(--ink-soft);font-size:.85rem;line-height:1.5}.c101m-materi-video h3{margin-bottom:.75rem;font-size:1.1rem}.c101m-checklist{background:var(--cream-soft);border:1px solid var(--border);border-radius:1rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.c101m-checklist h2{margin-bottom:.75rem;font-size:1rem}.c101m-checklist ul{grid-template-columns:repeat(2,1fr);gap:.5rem 1rem;margin:0;padding:0;list-style:none;display:grid}.c101m-checklist li{align-items:flex-start;gap:.5rem;font-size:.9rem;line-height:1.4;display:flex}.c101m-checklist li svg{color:var(--moss);flex-shrink:0;margin-top:.2rem}.c101m-terms{margin-bottom:2rem}.c101m-terms__label{margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.c101m-terms__list{flex-wrap:wrap;gap:.5rem;display:flex}.c101m-tag{border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:999px;padding:.35rem .8rem;font-size:.82rem}.c101m-placeholder{color:var(--ink-soft);background:var(--cream-soft);border:1px dashed var(--border);border-radius:.75rem;padding:1.5rem;font-style:italic}.c101m-sidebar-right{flex-direction:column;gap:1.25rem;display:flex;position:sticky;top:1.5rem}.c101m-panel{border:1px solid var(--border);background:#fff;border-radius:.9rem;padding:1.25rem}.c101m-panel h3{margin-bottom:.6rem;font-size:1rem}.c101m-panel p{color:var(--ink-soft);margin:0 0 .75rem;font-size:.88rem;line-height:1.5}.c101m-panel--action p{margin-bottom:1rem}.c101m-btn{cursor:pointer;border:1px solid #0000;border-radius:.6rem;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1.3rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.c101m-btn--primary{background:var(--moss-dark);color:#fff;width:100%}.c101m-btn--primary:hover{background:var(--moss)}.c101m-btn--outline{border-color:var(--border);color:var(--ink);background:#fff}.c101m-btn--outline:hover{border-color:var(--moss);color:var(--moss-dark)}.c101m-btn--wide{background:var(--moss-dark);color:#fff;flex:1;padding:.9rem 1.5rem}.c101m-btn--wide:hover{background:var(--moss)}.c101m-btn--half{flex:1;padding:.9rem 1.5rem}.c101m-bottomnav{align-items:center;gap:1rem;max-width:1240px;margin:0 auto;padding:0 1.5rem 2.5rem;display:flex}@media (width<=980px){.c101m-layout{grid-template-columns:1fr}.c101m-sidebar-left,.c101m-sidebar-right{position:static}.c101m-checklist ul{grid-template-columns:1fr}}@media (width<=560px){.c101m-main h1{font-size:1.7rem}.c101m-bottomnav{flex-direction:column;align-items:stretch}}.c101g-hero{max-width:780px;margin:0 auto;padding:2.5rem 1.5rem 1rem}.c101g-backlink{color:var(--ink-soft);margin-bottom:1.25rem;font-size:.85rem;text-decoration:none;display:inline-block}.c101g-backlink:hover{color:var(--moss-dark)}.c101g-hero h1{margin-bottom:.5rem;font-size:2.1rem}.c101g-lead{color:var(--ink-soft);margin:0;font-size:1rem;line-height:1.6}.c101g-body{max-width:780px;margin:0 auto;padding:1rem 1.5rem 4rem}.c101g-placeholder{color:var(--ink-soft);background:var(--cream-soft);border:1px dashed var(--border);border-radius:.75rem;padding:1.5rem;font-style:italic}:root{--hijau-lumut:#5c7048;--hijau-tua:#3f5233;--krem:#faf7ef;--teks:#26301c}body{background:var(--krem);color:var(--teks);margin:0;font-family:Work Sans,system-ui,sans-serif}