@font-face{font-family:display;src:url(../media/bricolage_grotesque_latin_400_normal-s.p.2_o2v7tpo0q5m.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:display;src:url(../media/bricolage_grotesque_latin_600_normal-s.p.3_r60-qkmao3a.woff2)format("woff2");font-display:swap;font-weight:600}@font-face{font-family:display;src:url(../media/bricolage_grotesque_latin_800_normal-s.p.3wu8zis1p120o.woff2)format("woff2");font-display:swap;font-weight:800}@font-face{font-family:display Fallback;src:local(Arial);ascent-override:87.18%;descent-override:25.31%;line-gap-override:0.0%;size-adjust:106.68%}.L8rTdW_className{font-family:display,display Fallback}.L8rTdW_variable{--font-display:"display", "display Fallback"}
@font-face{font-family:body;src:url(../media/figtree_latin_500_normal-s.p.2sprn8ch4rvz1.woff2)format("woff2");font-display:swap;font-weight:500}@font-face{font-family:body;src:url(../media/figtree_latin_600_normal-s.p.0dmqx9hpf6n_u.woff2)format("woff2");font-display:swap;font-weight:600}@font-face{font-family:body Fallback;src:local(Arial);ascent-override:92.95%;descent-override:24.46%;line-gap-override:0.0%;size-adjust:102.21%}.X3e8Ha_className{font-family:body,body Fallback}.X3e8Ha_variable{--font-body:"body", "body Fallback"}
:root{--kunyit:#f3c53b;--pandan:#12352a;--pandan-soft:#2e5e4a;--cabai:#d7261e;--kertas:#fffdf6;--garis:#e9dfc6;--display:var(--font-display), system-ui, sans-serif;--body:var(--font-body), system-ui, sans-serif;--pad:20px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--kunyit);color:var(--pandan);font-family:var(--body);-webkit-tap-highlight-color:transparent;font-size:1.0625rem;line-height:1.55;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.18;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .4 0 0 0 0 .05 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit}:focus-visible{outline:3px solid var(--cabai);outline-offset:3px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.top{z-index:1;max-width:1180px;padding:max(18px, env(safe-area-inset-top)) var(--pad) 56px;margin:0 auto;position:relative}.header{justify-content:space-between;align-items:center;gap:12px;display:flex}.logo{font-family:var(--display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.22rem;font-weight:800;text-decoration:none;display:flex}.logo svg{flex:none;width:36px;height:36px}.logo-word{display:inline-block}.logo .tld{opacity:.65;font-weight:400}.steam path{stroke-dasharray:14;animation:2.4s ease-in-out infinite steam}.steam path:nth-child(2){animation-delay:.6s}@keyframes steam{0%{stroke-dashoffset:14px;opacity:0}40%{opacity:1}to{stroke-dashoffset:-14px;opacity:0}}.status{white-space:nowrap;background:var(--pandan);color:var(--kunyit);border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:.88rem;font-weight:600;display:inline-flex}.dot{background:var(--cabai);border-radius:50%;flex:none;width:9px;height:9px;animation:1.6s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #d7261e99}70%{box-shadow:0 0 0 9px #d7261e00}to{box-shadow:0 0 #d7261e00}}.main{gap:64px;padding-top:44px;display:grid}.headline{font-family:var(--display);letter-spacing:-.045em;font-size:clamp(3.6rem,19vw,6.6rem);font-weight:800;line-height:.9}.mask{margin-bottom:-.09em;padding-bottom:.09em;display:block;overflow:hidden}.line{will-change:transform;display:block}.lede{max-width:32ch;margin-top:24px;font-size:1.16rem;font-weight:500;line-height:1.45}.notify{max-width:470px;margin-top:28px}.notify form{flex-direction:column;gap:10px;display:flex}.notify input{width:100%;font:inherit;border:2px solid var(--pandan);background:var(--kertas);color:var(--pandan);border-radius:14px;padding:15px 18px;font-size:16px}.notify input::placeholder{color:#6f7d6f}.notify input[aria-invalid=true]{border-color:var(--cabai)}.btn{font:inherit;cursor:pointer;border:2px solid var(--pandan);background:var(--pandan);color:var(--kunyit);border-radius:14px;min-height:52px;padding:15px 22px;font-size:1rem;font-weight:600;transition:transform .12s,background .15s}.btn:hover{background:var(--pandan-soft)}.btn:active{transform:scale(.97)}.btn[disabled]{opacity:.6;cursor:wait}.notify>.btn{width:100%}.note{min-height:1.4em;margin-top:10px;font-size:.92rem}.note.err{color:#8c120c;font-weight:600}.sent{background:var(--kertas);border:2px solid var(--pandan);border-radius:14px;padding:16px 18px;font-size:1.05rem;font-weight:600}.card-zone{justify-content:center;display:flex}.card{background:var(--kertas);background-image:repeating-linear-gradient(to bottom, transparent 0 39px, var(--garis) 39px 40px);background-position:0 22px;border-radius:6px;width:100%;max-width:460px;padding:28px 22px 22px;position:relative;box-shadow:0 1px #d9cfb2,0 26px 50px -20px #12352a8c}.card:before{content:"";background:#fff9;border:1px solid #12352a14;width:120px;height:30px;position:absolute;top:-14px;left:50%;transform:translate(-50%)rotate(-3deg)}.card-top{border-bottom:2px solid var(--pandan);justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:12px;display:flex}.card h2{font-family:var(--display);letter-spacing:-.02em;font-size:1.6rem;font-weight:800;line-height:1.05}.card h2 small{font-family:var(--body);letter-spacing:0;opacity:.7;margin-bottom:2px;font-size:.88rem;font-weight:500;display:block}.stamp{font-family:var(--display);color:var(--cabai);border:2px solid var(--cabai);border-radius:8px;flex:none;padding:2px 9px;font-size:.9rem;font-weight:800;display:inline-block}.meta{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 4px;font-size:.82rem;display:grid}.meta dd{font-family:var(--display);font-size:.98rem;font-weight:600;line-height:1.2}.card h3{font-family:var(--display);margin-top:18px;margin-bottom:4px;font-size:1.1rem;font-weight:600}.bahan{list-style:none}.bahan label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;min-height:40px;display:flex}.box{border:2px solid var(--pandan);background:var(--kertas);width:22px;height:22px;color:var(--kertas);border-radius:5px;flex:none;place-items:center;transition:background .15s;display:grid}.box.on{background:var(--pandan)}.box svg{width:16px;height:16px}.bahan input:focus-visible+.box{outline:3px solid var(--cabai);outline-offset:2px}.txt{transition:opacity .2s;position:relative}.bahan input:checked~.txt{opacity:.6}.strike{background:var(--cabai);transform-origin:0;border-radius:2px;height:2px;position:absolute;top:52%;left:-2px;right:-2px}.langkah{list-style:none}.langkah li{grid-template-columns:30px 1fr auto;align-items:center;gap:10px;min-height:40px;display:grid}.num{width:26px;height:26px;font-family:var(--display);border:2px solid var(--pandan);border-radius:50%;place-content:center;font-size:.8rem;font-weight:800;line-height:1;display:grid}.tag{white-space:nowrap;border-radius:999px;padding:0 9px;font-size:.76rem;font-weight:600;line-height:22px}.done .num{background:var(--pandan);color:var(--kertas)}.done .tag{background:#dfe9d9}.now .num{border-color:var(--cabai);color:var(--cabai)}.now .tag{background:var(--cabai);color:var(--kertas)}.next .tag{border:1.5px dashed var(--pandan)}.dots i{font-style:normal;animation:1.2s infinite blink}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}.tip{opacity:.8;margin-top:14px;font-size:.86rem;font-style:italic}.progress{z-index:1;background:var(--pandan);color:var(--kertas);position:relative}.progress-inner{max-width:1180px;padding:72px var(--pad) 64px;margin:0 auto}.big{font-family:var(--display);letter-spacing:-.04em;font-size:clamp(3rem,15vw,6rem);font-weight:800;line-height:.98}.big .hl{color:var(--kunyit)}.bar{max-width:620px;margin-top:44px}.bar-label{justify-content:space-between;margin-bottom:12px;font-weight:600;display:flex}.track{background:#fffdf624;border-radius:999px;height:18px;overflow:hidden}.fill{background:var(--kunyit);background-image:repeating-linear-gradient(-45deg,#12352a33 0 10px,#0000 10px 20px);background-size:28px 28px;border-radius:999px;height:100%;animation:1s linear infinite stripes}@keyframes stripes{to{background-position:28px 0}}.bar-note{opacity:.75;margin-top:14px;font-size:.95rem}.footer{z-index:1;background:var(--pandan);color:var(--kertas);padding:22px var(--pad) calc(96px + env(safe-area-inset-bottom));border-top:1px solid #fffdf626;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.9rem;display:flex;position:relative}.sharebar{z-index:20;left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));background:var(--kertas);color:var(--pandan);border:2px solid var(--pandan);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 10px 18px;display:flex;position:fixed;box-shadow:0 14px 40px -12px #12352a99}.sharebar-txt{align-items:center;gap:10px;font-weight:600;display:inline-flex}.btn-small{border-radius:12px;min-height:44px;padding:10px 18px;font-size:.95rem}@media (min-width:560px){:root{--pad:32px}.notify form{flex-direction:row}.notify input{flex:1}.notify>.btn{width:auto}.card{padding:32px 30px 26px}}@media (min-width:960px){.main{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;min-height:calc(100vh - 140px);padding-top:64px}.headline{font-size:clamp(4.5rem,7.4vw,6.6rem)}.lede{font-size:1.3rem}.sharebar{width:340px;bottom:24px;left:auto;right:24px}.footer{padding-bottom:28px}.progress-inner{grid-template-columns:1.1fr .9fr;align-items:end;gap:56px;padding:110px 32px 96px;display:grid}.bar{margin-top:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}