@font-face{font-family:sora;src:url(../media/Sora_Variable-s.p.19jzllqzq-o4u.ttf)format("truetype");font-display:swap;font-weight:600 700}@font-face{font-family:sora Fallback;src:local(Arial);ascent-override:85.11%;descent-override:25.44%;line-gap-override:0.0%;size-adjust:113.97%}._78CWWG_className{font-family:sora,sora Fallback}._78CWWG_variable{--font-heading:"sora", "sora Fallback"}
@font-face{font-family:dmSans;src:url(../media/DMSans_Variable-s.p.1a3xc3go2o1ar.woff2)format("woff2");font-display:swap;font-weight:400 600}@font-face{font-family:dmSans Fallback;src:local(Arial);ascent-override:93.39%;descent-override:29.18%;line-gap-override:0.0%;size-adjust:106.22%}.OZLKDW_className{font-family:dmSans,dmSans Fallback}.OZLKDW_variable{--font-body:"dmSans", "dmSans Fallback"}
:root{--mint:#00ddb5;--ink:#0c1113;--white:#fff;--surface:#f3f7f6;--muted:#52615d;--border:#dce5e2;--mint-text:#007a65;--merah:#b42318;--radius-tombol:10px;--radius-kartu:16px}*{box-sizing:border-box}html,body{background:var(--surface);color:var(--ink);font-family:var(--font-body), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}h1,h2,h3{font-family:var(--font-heading), system-ui, sans-serif;margin:0;line-height:1.15}h1{font-size:28px;font-weight:700}h2{font-size:18px;font-weight:600}.redup{color:var(--muted);margin:0}.kartu{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-kartu);padding:24px}.tombol{appearance:none;border-radius:var(--radius-tombol);background:var(--mint);color:var(--ink);font:inherit;cursor:pointer;border:0;padding:12px 18px;font-weight:600}.tombol:disabled{opacity:.6;cursor:progress}.tombol-garis{background:var(--white);border:1px solid var(--border)}.halaman-masuk{place-items:center;min-height:100dvh;padding:16px;display:grid}.kartu-masuk{gap:8px;width:100%;max-width:400px;padding:32px;display:grid}.kartu-masuk .logo{height:auto;margin-bottom:16px}.form{gap:16px;margin-top:16px;display:grid}.form label{gap:6px;font-size:14px;font-weight:500;display:grid}.form input{font:inherit;border:1px solid var(--border);border-radius:var(--radius-tombol);background:var(--white);color:var(--ink);padding:12px 14px}.form input:focus{outline:2px solid var(--mint);outline-offset:1px;border-color:var(--mint)}.galat{color:var(--merah);margin:0;font-size:14px}.atas{background:var(--white);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.atas img{display:block}.atas form{margin:0}.isi{gap:24px;max-width:960px;margin:0 auto;padding:32px 16px 64px;display:grid}.kisi{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.status{gap:8px;display:grid}.status .label{color:var(--muted);font-size:13px;font-weight:500}.status .nilai{font-family:var(--font-heading), system-ui, sans-serif;align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.titik{background:var(--mint);border-radius:2px;flex:none;width:10px;height:10px}.titik.mati{background:var(--merah)}.daftar{color:var(--muted);margin:8px 0 0;padding-left:20px}.daftar li+li{margin-top:4px}.daftar .selesai{color:var(--mint-text)}