.mulai-page{background:var(--bg);--mulai-atas:146px;min-height:100dvh}.mulai-bar{z-index:20;background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;display:flex;position:sticky;top:0}.mulai-bar-baris{align-items:center;gap:10px;min-height:56px;padding:8px 14px;display:flex}.mulai-bar-logo{flex:none;display:flex}.mulai-bar-status{align-items:center;gap:5px;min-width:0;margin-left:auto;display:inline-flex}.mulai-bar-keluar{flex:none}@media (min-width:721px){.mulai-page{--mulai-atas:148px}.mulai-bar-baris{gap:16px;padding:10px 24px}}.mulai-alur{width:100%;max-width:592px;margin-inline:auto;padding:0 16px 8px;display:flex}.mulai-alur-daftar{align-items:center;width:100%;margin:0;padding:0;list-style:none;display:flex}.mulai-alur-butir{align-items:center;min-width:0;display:flex}.mulai-alur-butir:not(:last-child){flex:1}.mulai-alur-butir:not(:last-child):after{content:"";border-radius:var(--r-full);background:var(--surface-3);min-width:6px;height:2px;transition:background-color .2s var(--ease);flex:1;margin:0 5px}.mulai-alur-butir.is-selesai:after{background:var(--success)}.mulai-alur-tombol{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:none;align-items:center;gap:6px;min-height:44px;padding:0 2px;display:inline-flex}.mulai-alur-tombol:disabled{cursor:default}.mulai-alur-tombol:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--r-xs)}.mulai-alur-tanda{border-radius:var(--r-full);width:22px;height:22px;font-size:var(--fs-2xs);background:var(--surface-3);color:var(--text-3);transition:background-color .2s var(--ease), color .2s var(--ease);flex:none;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.mulai-alur-teks{color:var(--text-3);white-space:nowrap;transition:color .18s var(--ease);line-height:1.2}.mulai-alur-butir.is-selesai .mulai-alur-tanda{background:var(--success-soft);color:var(--success);box-shadow:inset 0 0 0 1.5px var(--success)}.mulai-alur-butir.is-selesai .mulai-alur-teks{color:var(--text-2)}.mulai-alur-butir.is-kini .mulai-alur-tanda{background:var(--primary);color:var(--on-primary)}.mulai-alur-butir.is-kini .mulai-alur-teks{color:var(--text);font-weight:700}.mulai-alur-tombol:hover:not(:disabled) .mulai-alur-teks{color:var(--text);text-decoration:underline}.mulai-alur.is-rapat{padding-bottom:4px}.mulai-alur.is-rapat .mulai-alur-tombol{min-height:34px}.mulai-alur.is-rapat .mulai-alur-tanda{width:18px;height:18px}@media (min-width:721px){.mulai-alur{max-width:608px;padding:0 24px 10px}.mulai-alur-butir:not(:last-child):after{margin:0 10px}}.mulai-isi{flex-direction:column;flex:1;align-items:center;gap:14px;width:100%;padding:18px 16px 8px;display:flex}.mulai-panggung{flex-direction:column;gap:14px;width:100%;max-width:560px;display:flex}.mulai-lebar{max-width:940px}.mulai-lebar-sedang{max-width:640px}.mulai-tengah{text-align:center;align-items:center}@keyframes mulai-masuk-maju{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes mulai-masuk-mundur{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}.mulai-panggung[data-arah=maju]{animation:mulai-masuk-maju .2s var(--ease) both}.mulai-panggung[data-arah=mundur]{animation:mulai-masuk-mundur .2s var(--ease) both}.mulai-judul{overflow-wrap:anywhere;margin:0}.mulai-sub{max-width:46ch;margin:0}.mulai-tengah .mulai-sub{margin-inline:auto}.mulai-tonggak{color:var(--accent-text)}.mulai-lencana{align-self:flex-start}.mulai-catatan{margin:0}@media (min-width:721px){.mulai-isi{gap:18px;padding:34px 24px 16px}.mulai-panggung{gap:16px}}.mulai-tonggak-bar{gap:6px;width:100%;max-width:592px;margin-inline:auto;padding:0 16px 6px;display:flex}.mulai-tonggak-item{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;min-height:44px;padding:8px 2px 4px;display:flex}.mulai-tonggak-item:disabled{cursor:not-allowed;opacity:.55}.mulai-tonggak-item:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--r-xs)}.mulai-tonggak-garis{border-radius:var(--r-full);background:var(--surface-3);width:100%;height:4px;display:block;position:relative;overflow:hidden}.mulai-tonggak-garis:after{content:"";border-radius:inherit;background:var(--primary);transform:scaleX(var(--isi,0));transform-origin:0;transition:transform .24s var(--ease), background-color .2s var(--ease);position:absolute;inset:0}.mulai-tonggak-item.is-selesai .mulai-tonggak-garis:after{background:var(--success)}.mulai-tonggak-item:hover:not(:disabled) .mulai-tonggak-garis{background:var(--border-strong)}.mulai-tonggak-label,.mulai-tonggak-pendek{color:var(--text-3);white-space:nowrap;transition:color .18s var(--ease);line-height:1.2}.mulai-tonggak-label{display:none}.mulai-tonggak-item.is-aktif .mulai-tonggak-label,.mulai-tonggak-item.is-aktif .mulai-tonggak-pendek{color:var(--text);font-weight:700}.mulai-tonggak-item.is-selesai:not(.is-aktif) .mulai-tonggak-label,.mulai-tonggak-item.is-selesai:not(.is-aktif) .mulai-tonggak-pendek{color:var(--text-2)}@keyframes mulai-tandai{0%{transform:scaleY(1)}50%{transform:scaleY(2.6)}to{transform:scaleY(1)}}.mulai-tonggak-item.is-baru .mulai-tonggak-garis{animation:mulai-tandai .22s var(--ease)}@media (min-width:721px){.mulai-tonggak-label{display:block}.mulai-tonggak-pendek{display:none}.mulai-tonggak-bar{gap:10px;max-width:608px;padding:0 24px 8px}}.mulai-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mulai-kolom{flex-direction:column;gap:14px;display:flex}.mulai-input{font-size:var(--fs-body)}.mulai-input.textarea{min-height:88px}.mulai-segment{align-items:center;width:100%;height:46px;padding:4px}.mulai-chips{flex-wrap:wrap;gap:8px;display:flex}.mulai-chips>.chip{min-height:42px;transition:background-color .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease), transform .12s var(--ease)}.mulai-chips>.chip:active{transform:scale(.96)}.mulai-kolom .field:focus-within>.t-label{color:var(--primary-text)}.mulai-kolom .field>.t-label{transition:color .18s var(--ease)}.mulai-sah{width:16px;color:var(--success);opacity:0;transition:opacity .18s var(--ease), transform .18s var(--ease);flex:none;display:inline-flex;transform:scale(.7)}.mulai-sah.is-sah{opacity:1;transform:none}@keyframes mulai-galat-masuk{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.mulai-galat{animation:mulai-galat-masuk .18s var(--ease)}.mulai-ikut{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);transition:border-color .18s var(--ease), background-color .18s var(--ease);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.mulai-ikut.is-nyala{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));background:color-mix(in srgb, var(--primary) 7%, var(--surface))}.mulai-ikut-pilih{cursor:pointer;align-items:center;gap:10px;min-height:28px;margin:0;display:flex}.mulai-ikut-pilih>input{width:20px;height:20px;accent-color:var(--primary);cursor:pointer;flex:none;margin:0}.mulai-ikut-pilih>input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.mulai-ikut-isi{flex-direction:column;gap:2px;margin:0;padding-left:30px;display:flex}.mulai-foto-aksi{grid-auto-flow:row;gap:10px;display:grid}.mulai-foto-aksi>.btn{justify-content:center;width:100%}.mulai-foto-besar{grid-template-columns:minmax(0,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.mulai-foto-kartu{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);flex-direction:column;gap:10px;padding:10px;display:flex}.mulai-foto-kartu>img{object-fit:contain;border-radius:var(--r-sm);background:var(--surface);width:100%;height:auto;max-height:56vh;display:block}.mulai-foto-baris{justify-content:space-between;align-items:center;gap:10px;display:flex}.mulai-foto-tambah{align-self:flex-start}.mulai-foto-lagi{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}@media (min-width:721px){.mulai-foto-aksi{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.mulai-foto-besar{grid-template-columns:repeat(2,minmax(0,1fr))}.mulai-foto-kartu>img{max-height:62vh}}.mulai-denyut{animation:mulai-denyut 1.4s var(--ease) infinite}@keyframes mulai-denyut{0%,to{opacity:1}50%{opacity:.45}}.mulai-progress-baca{width:100%;max-width:320px;overflow:hidden}.mulai-progress-baca>i{width:34%;animation:mulai-jalan 1.15s var(--ease) infinite}@keyframes mulai-jalan{0%{transform:translate(-105%)}to{transform:translate(300%)}}.mulai-periksa{flex-direction:column;gap:12px;display:flex}.mulai-blok{flex-direction:column;gap:10px;display:flex}.mulai-grup{scroll-margin-top:calc(var(--mulai-atas) + 16px)}@keyframes mulai-sorot{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--primary) 34%, transparent)}30%{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 34%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--primary) 0%, transparent)}}.mulai-grup.is-sorot{animation:mulai-sorot 1.1s var(--ease)}.mulai-catatan-baris{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;display:flex}.mulai-catatan-kanan{justify-content:flex-end}.mulai-jalan-lain{flex-wrap:wrap;align-items:center;gap:2px 16px;display:flex}.mulai-tautan{min-height:32px;font-size:var(--fs-2xs);color:var(--primary-text);cursor:pointer;transition:opacity .15s var(--ease);background:0 0;border:none;align-items:center;gap:5px;padding:0;font-weight:700;display:inline-flex}.mulai-tautan:hover{text-decoration:underline}.mulai-tautan:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--r-xs)}.mulai-pratinjau{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);align-items:center;gap:12px;margin:0;padding:12px;display:flex}.mulai-pratinjau-kartu{border-radius:var(--r-sm);width:92px;height:150px;box-shadow:var(--shadow-sm);flex:none;overflow:hidden}.mulai-phone{width:258px;height:428px}@media (min-width:721px){.mulai-phone{width:300px;height:500px}}.mulai-tema-terpasang{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);align-items:center;gap:12px;padding:10px 12px;display:flex}.mulai-tema-cuplik{flex:none;width:46px;height:34px}@keyframes mulai-naik{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.mulai-jadi .mulai-judul{animation:mulai-naik .24s var(--ease)}.mulai-jadi .mulai-phone{animation:mulai-naik .24s var(--ease) 80ms backwards}.mulai-aksi{z-index:5;padding:12px 0 calc(12px + env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--border);grid-template-columns:auto minmax(0,1fr);gap:10px;margin-top:4px;display:grid;position:sticky;bottom:0}.mulai-aksi-tunggal{grid-template-columns:minmax(0,1fr)}.mulai-aksi>.btn{justify-content:center;min-height:46px}.mulai-aksi-utama{width:100%}.mulai-aksi>.btn{transition:background-color .15s var(--ease), border-color .15s var(--ease), transform .12s var(--ease)}.mulai-aksi>.btn:active:not(:disabled){transform:scale(.985)}.mulai-hasil-aksi{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:14px;display:grid}.mulai-hasil-aksi>.btn{justify-content:center;min-height:44px}@media (min-width:381px){.mulai-hasil-aksi{grid-template-columns:1fr 1fr}}@media (min-width:721px){.mulai-hasil-aksi{grid-template-columns:auto auto;justify-content:flex-start}}.mulai-aksi-duo{grid-template-columns:minmax(0,1fr)}@media (min-width:361px){.mulai-aksi-duo{grid-template-columns:1fr 1fr}}.mulai-aksi-kiri{grid-template-columns:minmax(0,1fr)}.mulai-aksi-tiga{grid-template-columns:1fr 1fr}.mulai-aksi-tiga>.mulai-aksi-utama{grid-column:1/-1}.mulai-lewati{min-height:44px;font-size:var(--fs-sm);color:var(--text-3);cursor:pointer;background:0 0;border:none;align-self:center;padding:0 12px;font-weight:600}.mulai-lewati:hover:not(:disabled){color:var(--text);text-decoration:underline}.mulai-lewati:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--r-xs)}.mulai-lewati:disabled{opacity:.55;cursor:not-allowed}.mulai-kaki{padding:4px 16px calc(16px + env(safe-area-inset-bottom,0px));justify-content:center;display:flex}@media (min-width:721px){.mulai-aksi{background:0 0;border-top:none;grid-template-columns:auto auto;justify-content:space-between;padding:10px 0 0;position:static}.mulai-aksi>.btn{min-height:40px}.mulai-aksi-utama{width:auto}.mulai-aksi-tunggal{grid-template-columns:auto;justify-content:flex-end}.mulai-aksi-duo{grid-template-columns:auto auto;justify-content:flex-end}.mulai-aksi-kiri{grid-template-columns:auto;justify-content:flex-start}.mulai-aksi-tiga{grid-template-columns:auto auto auto}.mulai-aksi-tiga>.mulai-aksi-utama{grid-column:auto}.mulai-tengah .mulai-aksi{justify-content:center;gap:12px}}@media (prefers-reduced-motion:reduce){.mulai-panggung[data-arah=maju],.mulai-panggung[data-arah=mundur],.mulai-tonggak-item.is-baru .mulai-tonggak-garis,.mulai-grup.is-sorot,.mulai-galat,.mulai-jadi .mulai-judul,.mulai-jadi .mulai-phone,.mulai-denyut,.mulai-progress-baca>i{animation:none}.mulai-progress-baca>i{width:100%}.mulai-sah,.mulai-tonggak-garis:after,.mulai-alur-tanda,.mulai-alur-teks,.mulai-alur-butir:not(:last-child):after{transition:none}.mulai-aksi>.btn:active:not(:disabled){transform:none}}