@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2)format("woff2-variations");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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");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:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-cyrillic-ext-wght-normal-cHuGMAiY.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-cyrillic-wght-normal-DwHjdM4S.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-greek-wght-normal-ece1310W.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-vietnamese-wght-normal-D-yuW59g.woff2)format("woff2-variations");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:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-latin-ext-wght-normal-CxNHBx-q.woff2)format("woff2-variations");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:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-latin-wght-normal-D9elroTD.woff2)format("woff2-variations");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}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-page:#f6f5f1;--surface-raised:#fff;--surface-subtle:#efede7;--surface-sunken:#e6e3db;--surface-inverse:#0f2c3d;--border-subtle:#e8e5dd;--border:#d9d6cc;--border-strong:#8f969c;--text-primary:#16202a;--text-secondary:#46505a;--text-muted:#5c6670;--text-inverse:#fff;--text-on-bright:#16202a;--brand-solid:#14506e;--brand-solid-hover:#0f3f58;--brand-on-solid:#fff;--brand-text:#155577;--brand-surface:#e4eff4;--brand-border:#b9d3e0;--gold-solid:#e2a93b;--gold-text:#7a5300;--gold-surface:#fbf1dc;--gold-border:#edd49b;--success-text:#1b7347;--success-surface:#e3f2e9;--success-border:#a9d6bb;--success-solid:#1b7347;--danger-text:#b3261e;--danger-surface:#fbe9e7;--danger-border:#efb9b3;--danger-solid:#b3261e;--warning-text:#8a5300;--warning-surface:#fdf0d5;--warning-border:#edd49b;--info-text:#1d5fa6;--info-surface:#e5eef9;--info-border:#b7cdeb;--sec-L:#2b6cb0;--sec-S:#a14e8c;--sec-R:#0e7c70;--focus-ring:#14506e;--shadow-sm:0 1px 2px #10202a0f;--shadow-md:0 1px 2px #10202a0d, 0 6px 16px -4px #10202a1a;--shadow-lg:0 2px 6px #10202a0f, 0 20px 44px -12px #10202a38;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px;--fs-root:16px;--fs-caption:.75rem;--fs-small:.875rem;--fs-body:1rem;--fs-reading:1.0625rem;--fs-lg:1.25rem;--fs-h2:1.5rem;--fs-h1:1.875rem;--fs-display:2.5rem;--font-ui:"Plus Jakarta Sans Variable", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-reading:"Source Serif 4 Variable", "Source Serif 4", Georgia, "Times New Roman", serif;--dur-fast:.15s;--dur-base:.22s;--dur-slow:.32s;--ease-out:cubic-bezier(.2,.8,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--content-max:1120px;--sidebar-w:240px;--tabbar-h:64px;--appbar-h:56px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-page:#0e1419;--surface-raised:#161e25;--surface-subtle:#1c262e;--surface-sunken:#232e37;--surface-inverse:#0a1f2b;--border-subtle:#222c35;--border:#2c3842;--border-strong:#6b7883;--text-primary:#e8edf1;--text-secondary:#b6c0c8;--text-muted:#97a3ad;--brand-solid:#7cc3e3;--brand-solid-hover:#9ad2eb;--brand-on-solid:#06202c;--brand-text:#8acbe8;--brand-surface:#15303d;--brand-border:#24495b;--gold-solid:#e8b654;--gold-text:#f0c774;--gold-surface:#33280f;--gold-border:#5a4618;--success-text:#5fcb8e;--success-surface:#12301f;--success-border:#22553a;--success-solid:#5fcb8e;--danger-text:#f28b82;--danger-surface:#3a1a18;--danger-border:#6a2e29;--danger-solid:#f28b82;--warning-text:#f0c060;--warning-surface:#33280f;--warning-border:#5a4618;--info-text:#86b6f0;--info-surface:#15263b;--info-border:#2a4566;--sec-L:#79aee8;--sec-S:#e09bcb;--sec-R:#5cc4b3;--focus-ring:#7cc3e3;--shadow-sm:0 1px 2px #0006;--shadow-md:0 1px 2px #00000059, 0 8px 20px -6px #00000080;--shadow-lg:0 2px 6px #0006, 0 24px 48px -12px #0009}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-page:#0e1419;--surface-raised:#161e25;--surface-subtle:#1c262e;--surface-sunken:#232e37;--surface-inverse:#0a1f2b;--border-subtle:#222c35;--border:#2c3842;--border-strong:#6b7883;--text-primary:#e8edf1;--text-secondary:#b6c0c8;--text-muted:#97a3ad;--brand-solid:#7cc3e3;--brand-solid-hover:#9ad2eb;--brand-on-solid:#06202c;--brand-text:#8acbe8;--brand-surface:#15303d;--brand-border:#24495b;--gold-solid:#e8b654;--gold-text:#f0c774;--gold-surface:#33280f;--gold-border:#5a4618;--success-text:#5fcb8e;--success-surface:#12301f;--success-border:#22553a;--success-solid:#5fcb8e;--danger-text:#f28b82;--danger-surface:#3a1a18;--danger-border:#6a2e29;--danger-solid:#f28b82;--warning-text:#f0c060;--warning-surface:#33280f;--warning-border:#5a4618;--info-text:#86b6f0;--info-surface:#15263b;--info-border:#2a4566;--sec-L:#79aee8;--sec-S:#e09bcb;--sec-R:#5cc4b3;--focus-ring:#7cc3e3;--shadow-sm:0 1px 2px #0006;--shadow-md:0 1px 2px #00000059, 0 8px 20px -6px #00000080;--shadow-lg:0 2px 6px #0006, 0 24px 48px -12px #0009}.inverse{background:var(--surface-inverse);color:var(--text-inverse);--text-primary:#fff;--text-secondary:#b9ccd8;--text-muted:#b9ccd8;--surface-raised:#ffffff12;--surface-subtle:#ffffff0f;--border:#ffffff2e;--border-subtle:#ffffff1a;--brand-text:#9ad2eb;--focus-ring:#e2a93b}html.teks-besar{--fs-root:18px}@media (prefers-reduced-motion:reduce){:root{--dur-fast:.01ms;--dur-base:.01ms;--dur-slow:.01ms}*{scroll-behavior:auto!important;animation:none!important}}*{box-sizing:border-box}html{font-size:var(--fs-root);-webkit-text-size-adjust:100%}body{background:var(--surface-page);color:var(--text-primary);font:400 var(--fs-body)/1.55 var(--font-ui);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{letter-spacing:-.015em;margin:0 0 .5em;line-height:1.2}h1{font-size:var(--fs-h1);font-weight:800}h2{font-size:var(--fs-h2);font-weight:800}h3{font-size:var(--fs-lg);font-weight:700}p{margin:0 0 12px}a{color:var(--brand-text)}.num{font-variant-numeric:tabular-nums}.muted{color:var(--text-muted)}.sec2{color:var(--text-secondary)}.small{font-size:var(--fs-small)}.cap{font-size:var(--fs-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 8px;font-weight:700}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}[lang=en]{-webkit-hyphens:manual;hyphens:manual}.serif{font-family:var(--font-reading)}.stack>*+*{margin-top:12px}.row{align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}.btn{border-radius:var(--radius-sm);background:var(--brand-solid);width:100%;min-height:50px;color:var(--brand-on-solid);font:700 var(--fs-body)/1.2 var(--font-ui);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), transform 80ms var(--ease-out), box-shadow var(--dur-fast);box-shadow:var(--shadow-sm);border:0;justify-content:center;align-items:center;gap:8px;padding:12px 18px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--brand-solid-hover)}.btn:active{box-shadow:none;transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn.auto{width:auto}.btn.gold{background:var(--gold-solid);color:var(--text-on-bright)}.btn.gold:hover{filter:brightness(1.05)}.btn.ghost{color:var(--brand-text);border:1.5px solid var(--border);box-shadow:none;background:0 0}.btn.ghost:hover{border-color:var(--brand-border);background:var(--brand-surface)}.btn.danger{background:var(--danger-solid);color:#fff}.btn.small{min-height:40px;font-size:var(--fs-small);padding:8px 14px}.link{min-height:44px;color:var(--brand-text);font:600 var(--fs-body) var(--font-ui);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;text-decoration:none;display:inline-flex}.link:hover{text-underline-offset:3px;text-decoration:underline}.link.small{font-size:var(--fs-small);min-height:36px}.link.danger{color:var(--danger-text)}.iconbtn{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.iconbtn:hover{background:var(--surface-subtle)}.card{background:var(--surface-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:20px}.card.flat{box-shadow:none;border:1px solid var(--border-subtle)}.card.hero{border-radius:var(--radius-lg)}.card+.card{margin-top:12px}a.card{color:inherit;transition:box-shadow var(--dur-fast), transform var(--dur-fast);text-decoration:none;display:block}a.card:hover{box-shadow:var(--shadow-lg)}.chip{border-radius:var(--radius-pill);background:var(--surface-subtle);min-height:36px;color:var(--text-secondary);font:600 var(--fs-small) var(--font-ui);cursor:pointer;border:1.5px solid #0000;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.chip.on{background:var(--brand-surface);color:var(--brand-text);border-color:var(--brand-border)}.chip.gold{background:var(--gold-solid);color:var(--text-on-bright)}.pill{border-radius:var(--radius-pill);font:700 var(--fs-caption) var(--font-ui);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.pill.netral{background:var(--surface-subtle);color:var(--text-secondary)}.pill.info{background:var(--info-surface);color:var(--info-text)}.pill.brand{background:var(--brand-surface);color:var(--brand-text)}.pill.ok{background:var(--success-surface);color:var(--success-text)}.pill.warn{background:var(--warning-surface);color:var(--warning-text)}.pill.bad{background:var(--danger-surface);color:var(--danger-text)}.pill.gold{background:var(--gold-surface);color:var(--gold-text)}.callout{border-radius:var(--radius-sm);gap:12px;margin:12px 0;padding:14px 16px;display:flex}.callout svg{flex:none;margin-top:2px}.callout.info{background:var(--info-surface);color:var(--text-primary)}.callout.warn{background:var(--warning-surface);color:var(--text-primary)}.callout.brand{background:var(--brand-surface);color:var(--text-primary)}.callout.ok{background:var(--success-surface);color:var(--text-primary)}.callout.bad{background:var(--danger-surface);color:var(--text-primary)}.galat{color:var(--danger-text);background:var(--danger-surface);border-radius:var(--radius-sm);font-size:var(--fs-small);align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.app{min-height:100vh}.appbar{z-index:20;height:var(--appbar-h);background:color-mix(in srgb, var(--surface-page) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;padding:0 12px 0 16px;display:flex;position:sticky;top:0}.logo{color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:8px;font-size:18px;font-weight:800;text-decoration:none;display:inline-flex}.logo svg{width:28px;height:28px}.appbar .judul{font-weight:700;font-size:var(--fs-body)}.streakchip{border-radius:var(--radius-pill);background:var(--gold-surface);color:var(--gold-text);font-weight:800;font-size:var(--fs-small);align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.avatar{background:var(--brand-surface);width:36px;height:36px;color:var(--brand-text);border-radius:50%;place-items:center;font-size:14px;font-weight:800;text-decoration:none;display:inline-grid}main.konten{width:100%;max-width:var(--content-max);padding:16px 16px calc(var(--tabbar-h) + 40px + env(safe-area-inset-bottom));margin:0 auto}main.konten.fokus{max-width:760px;padding-bottom:120px}.tabbar{z-index:20;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface-raised);border-top:1px solid var(--border-subtle);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--text-muted);font:600 12px var(--font-ui);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.tabbar a .ind{border-radius:var(--radius-pill);width:56px;height:30px;transition:background var(--dur-base) var(--ease-out);place-items:center;display:grid}.tabbar a.kini{color:var(--brand-text)}.tabbar a.kini .ind{background:var(--brand-surface)}.sidebar{display:none}@media (width>=1024px){.app.berside{grid-template-columns:var(--sidebar-w) 1fr;display:grid}.sidebar{background:var(--surface-raised);border-right:1px solid var(--border-subtle);flex-direction:column;gap:4px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.sidebar .logo{padding:4px 10px 18px}.sidebar .cap{margin:16px 10px 6px}.sidebar a.nav{border-radius:var(--radius-sm);height:44px;color:var(--text-secondary);align-items:center;gap:12px;padding:0 12px;font-weight:600;text-decoration:none;display:flex;position:relative}.sidebar a.nav:hover{background:var(--surface-subtle)}.sidebar a.nav.kini{background:var(--brand-surface);color:var(--brand-text)}.sidebar a.nav.kini:before{content:"";background:var(--brand-solid);border-radius:3px;width:3px;position:absolute;top:10px;bottom:10px;left:0}.sidebar .bawah{margin-top:auto}.tabbar,.app.berside .appbar .logo{display:none}main.konten{padding:28px 32px 64px}}.footer-disc{font-size:var(--fs-caption);color:var(--text-muted);border-top:1px solid var(--border-subtle);margin-top:40px;padding-top:14px;line-height:1.5}.footer-disc a{color:var(--text-muted)}label.f{font-weight:600;font-size:var(--fs-small);color:var(--text-secondary);margin-bottom:14px;display:block}.input{border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);align-items:center;min-height:48px;margin-top:6px;display:flex}.input:focus-within{border-color:var(--brand-solid);box-shadow:0 0 0 3px var(--brand-surface)}.input input,.input select{min-width:0;min-height:46px;color:var(--text-primary);font:500 var(--fs-body) var(--font-ui);background:0 0;border:0;outline:none;flex:1;padding:10px 12px}.input .pref{color:var(--text-muted);padding-left:12px;font-weight:600}.input.salah{border-color:var(--danger-text)}.helper{font-size:var(--fs-caption);color:var(--text-muted);align-items:center;gap:4px;margin-top:4px;font-weight:500;display:flex}.helper.ok{color:var(--success-text)}.helper.bad{color:var(--danger-text)}.check{font-size:var(--fs-small);color:var(--text-secondary);cursor:pointer;align-items:flex-start;gap:12px;margin:8px 0 14px;display:flex}.check input{width:22px;height:22px;accent-color:var(--brand-solid);flex:none;margin:1px 0 0}.pemisah{color:var(--text-muted);font-size:var(--fs-small);align-items:center;gap:12px;margin:16px 0;display:flex}.pemisah:before,.pemisah:after{content:"";background:var(--border);flex:1;height:1px}.seg{border-radius:var(--radius-sm);background:var(--surface-subtle);gap:4px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.seg button{min-height:40px;color:var(--text-secondary);font:700 var(--fs-small) var(--font-ui);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.seg button.on{background:var(--surface-raised);color:var(--text-primary);box-shadow:var(--shadow-sm)}.lp-top{max-width:var(--content-max);align-items:center;gap:8px;margin:0 auto;padding:14px 16px;display:flex}.lp-top .navlinks{gap:20px;margin-left:24px;display:none}.lp-top .navlinks a{color:var(--text-secondary);font-weight:600;text-decoration:none}@media (width>=900px){.lp-top .navlinks{display:flex}}.lp-hero{border-radius:0;padding:40px 16px 48px;position:relative;overflow:hidden}.lp-hero .kontur{opacity:.12;pointer-events:none;position:absolute;inset:0}.lp-hero .isi{max-width:var(--content-max);gap:28px;margin:0 auto;display:grid;position:relative}.lp-hero h1{margin:8px 0 14px;font-size:2rem;line-height:1.12}.lp-hero h1 u{background:linear-gradient(transparent 82%, var(--gold-solid) 82%);text-decoration:none}.lp-hero .kicker{color:var(--gold-solid);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:800}.lp-hero .sub{color:var(--text-secondary);max-width:34ch;font-size:1.0625rem}@media (width>=900px){.lp-hero{padding:64px 32px 72px}.lp-hero .isi{grid-template-columns:7fr 5fr;align-items:center}.lp-hero h1{font-size:3rem}}.lp-sec{max-width:var(--content-max);margin:0 auto;padding:44px 16px 0}.grid3,.grid2{gap:14px;display:grid}@media (width>=768px){.grid3{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:repeat(2,1fr)}}.fakta{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (width>=768px){.fakta{grid-template-columns:repeat(4,1fr)}}.fakta div{border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-sm);padding:14px}.fakta b{font-size:1.5rem;font-weight:800;display:block}.langkah{counter-reset:l;gap:14px;display:grid}@media (width>=768px){.langkah{grid-template-columns:repeat(3,1fr)}}.langkah .card{padding-top:52px;position:relative}.langkah .card:before{counter-increment:l;content:counter(l);background:var(--brand-solid);width:28px;height:28px;color:var(--brand-on-solid);border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:16px;left:20px}details.faq{border-bottom:1px solid var(--border);padding:4px 0}details.faq summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:700;list-style-position:outside}details.faq p{color:var(--text-secondary)}.harga b.besar{font-size:2rem;font-weight:800}.paket-tangga{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.5rem;margin:.5rem 0;display:grid}.kartuhasil{border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-lg);color:var(--text-primary);padding:22px}.inverse .kartuhasil{color:#16202a;--text-muted:#5c6670;--text-secondary:#46505a;--surface-subtle:#efede7;background:#fff}.skor-besar{font-size:var(--fs-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}@media (width>=768px){.skor-besar{font-size:3rem}}.secbar{margin:10px 0}.secbar .lbl{font-size:var(--fs-small);justify-content:space-between;align-items:center;gap:8px;font-weight:600;display:flex}.secbar .lbl svg{flex:none}.track{border-radius:var(--radius-pill);background:var(--surface-subtle);height:10px;margin-top:6px;position:relative;overflow:visible}.track>i{border-radius:var(--radius-pill);height:100%;transition:width var(--dur-slow) var(--ease-in-out);display:block}.track .prev{background:var(--text-muted);border-radius:2px;width:2px;position:absolute;top:-3px;bottom:-3px}.meter{border-radius:var(--radius-pill);background:#ffffff24;height:14px;margin:30px 0 10px;position:relative}.meter .band{border-radius:var(--radius-pill);background:#ffffff59;position:absolute;top:0;bottom:0}.meter .titik{width:18px;height:18px;box-shadow:0 0 0 3px var(--surface-inverse);background:#fff;border-radius:50%;margin:-9px 0 0 -9px;position:absolute;top:50%}.meter .target{border-left:2px dashed var(--gold-solid);position:absolute;top:-22px;bottom:-6px}.meter .target span{color:var(--gold-solid);white-space:nowrap;font-size:11px;font-weight:800;position:absolute;top:-2px;left:6px}.meter.lewat .target{animation:nyala .9s var(--ease-out) 1}@keyframes nyala{0%{filter:drop-shadow(0 0 0 var(--gold-solid))}40%{filter:drop-shadow(0 0 8px var(--gold-solid))}to{filter:none}}.dash{gap:16px;display:grid}@media (width>=1024px){.dash{grid-template-columns:8fr 4fr;align-items:start}}.stat4{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (width>=768px){.stat4{grid-template-columns:repeat(4,1fr)}}.stat{background:var(--surface-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:14px}.stat b{font-variant-numeric:tabular-nums;font-size:1.375rem;font-weight:800;line-height:1.2;display:block}.tugas{border-radius:var(--radius-md);background:var(--surface-raised);min-height:64px;box-shadow:var(--shadow-sm);color:inherit;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.tugas+.tugas{margin-top:8px}.tugas .ik{background:var(--brand-surface);width:40px;height:40px;color:var(--brand-text);border-radius:10px;flex:none;place-items:center;display:grid}.tugas .meta{font-size:var(--fs-small);color:var(--text-muted)}.tugas.beres{opacity:.7}.tugas.beres .t{text-decoration:line-through;-webkit-text-decoration-color:var(--text-muted);text-decoration-color:var(--text-muted)}.ring{--p:0;background:conic-gradient(var(--brand-solid) calc(var(--p) * 1%), var(--surface-subtle) 0);border-radius:50%;flex:none;place-items:center;width:56px;height:56px;display:grid}.ring.ok{background:conic-gradient(var(--success-solid) calc(var(--p) * 1%), var(--surface-subtle) 0)}.ring>span{background:var(--surface-raised);border-radius:50%;place-items:center;width:44px;height:44px;font-size:12px;font-weight:800;display:grid}.kalender{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.kalender i{aspect-ratio:1;background:var(--surface-subtle);border-radius:4px}.kalender i[data-l="1"]{background:color-mix(in srgb, var(--gold-solid) 35%, var(--surface-subtle))}.kalender i[data-l="2"]{background:color-mix(in srgb, var(--gold-solid) 65%, var(--surface-subtle))}.kalender i[data-l="3"]{background:var(--gold-solid)}.unitlist{position:relative}.unit{color:inherit;border-radius:var(--radius-sm);align-items:center;gap:14px;padding:12px 4px;text-decoration:none;display:flex;position:relative}.unit:hover{background:var(--surface-subtle)}.unit .no{z-index:1;background:var(--surface-raised);border:2px solid var(--border);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid;position:relative}.unit.lulus .no{background:var(--success-solid);color:#fff;border-color:var(--success-solid)}.unit.dilatih .no,.unit.dibaca .no{border-color:var(--brand-solid);color:var(--brand-text)}.unitlist:before{content:"";background:var(--border-subtle);width:2px;position:absolute;top:24px;bottom:24px;left:21px}.baca{max-width:68ch}.baca .isi p{font-family:var(--font-reading);font-size:var(--fs-reading);line-height:1.7}.baca h2{font-size:var(--fs-lg);margin-top:28px}.pola{background:var(--surface-subtle);border-radius:var(--radius-sm);margin:10px 0;padding:12px 14px;font-weight:600}.pola div+div{margin-top:6px}.contoh{align-items:flex-start;gap:10px;padding:8px 0;display:flex}.contoh .kal{font-family:var(--font-reading);font-size:var(--fs-reading)}.contoh .kal b{color:var(--brand-text);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.contoh.salah .kal b{color:var(--danger-text)}.contoh .cat{font-size:var(--fs-small);color:var(--text-muted);margin-top:2px;display:block}.aksi-sticky{bottom:calc(var(--tabbar-h) + 8px);background:linear-gradient(transparent, var(--surface-page) 30%);grid-template-columns:1fr;gap:8px;padding:12px 0;display:grid;position:sticky}@media (width>=600px){.aksi-sticky{grid-template-columns:1fr 1fr}}@media (width>=1024px){.aksi-sticky{bottom:8px}}.player-head{z-index:15;height:var(--appbar-h);background:var(--surface-page);border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;margin:-16px -16px 0;padding:0 12px;display:flex;position:sticky;top:0}@media (width>=1024px){.player-head{margin:-28px -32px 0;padding:0 24px}}.progress4{background:var(--surface-subtle);height:4px;margin:0 -16px 16px}@media (width>=1024px){.progress4{margin:0 -32px 20px}}.progress4>i{background:var(--brand-solid);height:100%;transition:width var(--dur-slow) var(--ease-in-out);display:block}.seg5{gap:6px;display:flex}.seg5 i{background:var(--surface-subtle);height:6px;transition:background var(--dur-slow);border-radius:3px;flex:1}.seg5 i.ok{background:var(--success-solid)}.seg5 i.bad{background:var(--danger-solid);opacity:.7}.seg5 i.kini{background:var(--brand-border)}.timer{border-radius:var(--radius-pill);background:var(--surface-subtle);color:var(--text-secondary);font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding:6px 12px;font-weight:800;display:inline-flex}.timer.lima{background:var(--warning-surface);color:var(--warning-text)}.timer.satu{background:var(--danger-surface);color:var(--danger-text)}.butir{animation:masuk var(--dur-base) var(--ease-out)}@keyframes masuk{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.player2{gap:16px;display:grid}@media (width>=1024px){.player2.reading{grid-template-columns:55fr 45fr;align-items:start}.player2.reading .passage{max-height:calc(100vh - 100px);position:sticky;top:72px}}.stem{font-size:var(--fs-reading);margin:4px 0 14px;line-height:1.6}.stem .slot{border-bottom:2px solid var(--text-primary);min-width:72px;display:inline-block}.opsi{gap:10px;display:grid}.opt{text-align:left;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);width:100%;min-height:56px;color:var(--text-primary);font:500 var(--fs-reading)/1.45 var(--font-ui);cursor:pointer;transition:border-color var(--dur-fast), background var(--dur-fast), transform 80ms;align-items:flex-start;gap:12px;padding:13px 14px;display:flex}.opt:hover{border-color:var(--brand-border)}.opt:active{transform:translateY(1px)}.opt .huruf{background:var(--surface-subtle);width:28px;height:28px;color:var(--text-secondary);border-radius:6px;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.opt.sel{border-color:var(--brand-solid);background:var(--brand-surface)}.opt.sel .huruf{background:var(--brand-solid);color:var(--brand-on-solid)}.opt.ok{border-color:var(--success-text);background:var(--success-surface)}.opt.ok .huruf{background:var(--success-solid);color:#fff}.opt.bad{border-color:var(--danger-text);background:var(--danger-surface);animation:getar .18s var(--ease-in-out) 1}.opt.bad .huruf{background:var(--danger-solid);color:#fff}.opt.redup{opacity:.65}.opt .tanda{flex:none;margin-left:auto}@keyframes getar{0%,to{transform:none}33%{transform:translate(-4px)}66%{transform:translate(4px)}}.pop{animation:pop var(--dur-base) var(--ease-spring) 1}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.we{background:var(--surface-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:16px 18px;font-size:1.2rem;line-height:2.2}.we .segm{font:inherit;color:inherit;border:0;border-bottom:2.5px solid var(--text-primary);cursor:pointer;background:0 0;border-radius:6px 6px 0 0;margin:0 1px;padding:6px 3px 2px;line-height:1.3}.we .segm sub{font:700 11px var(--font-ui);color:var(--text-muted);margin-left:2px}.we .segm.sel{background:var(--brand-surface);border-bottom-color:var(--brand-solid)}.we .segm.ok{background:var(--success-surface);border-bottom-color:var(--success-text)}.we .segm.bad{background:var(--danger-surface);border-bottom-color:var(--danger-text)}.audio{border-radius:var(--radius-md);background:var(--brand-surface);align-items:center;gap:14px;margin-bottom:14px;padding:14px;display:flex}.audio .play{background:var(--brand-solid);width:56px;height:56px;color:var(--brand-on-solid);cursor:pointer;box-shadow:var(--shadow-md);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.audio .play:disabled{opacity:.4;cursor:default;box-shadow:none}.audio .bar{background:color-mix(in srgb, var(--brand-solid) 18%, transparent);border-radius:3px;flex:1;height:6px;overflow:hidden}.audio .bar i{background:var(--brand-solid);height:100%;display:block}.passage{background:var(--surface-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);max-height:45vh;padding:18px 20px;overflow-y:auto}.passage h3{font-size:var(--fs-body)}.passage p{font-family:var(--font-reading);font-size:var(--fs-reading);padding-left:24px;line-height:1.7;position:relative}.passage .para{font:700 12px var(--font-ui);color:var(--text-muted);position:absolute;top:3px;left:0}.exp{animation:naik var(--dur-base) var(--ease-out);margin:16px 0 8px}@keyframes naik{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.vonis{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:12px 14px;font-weight:800;display:flex}.vonis.ok{background:var(--success-surface);color:var(--success-text)}.vonis.bad{background:var(--danger-surface);color:var(--danger-text)}.vonis.netral{background:var(--surface-subtle);color:var(--text-secondary)}.exp h4{font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:16px 0 6px}.exp .alasan{font-size:var(--fs-body)}.exp details{border-top:1px solid var(--border-subtle)}.exp details summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;padding:10px 0;font-weight:600;display:flex}.exp details p{color:var(--text-secondary);margin:0 0 10px}.tagchip{border-radius:var(--radius-pill);background:var(--brand-surface);color:var(--brand-text);font-size:var(--fs-small);align-items:center;gap:4px;margin:0 6px 6px 0;padding:4px 10px;font-weight:600;text-decoration:none;display:inline-flex}.transkrip p{font-size:var(--fs-small);margin:4px 0}.aksibar{z-index:25;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--surface-raised);border-top:1px solid var(--border-subtle);position:fixed;bottom:0;left:0;right:0}.aksibar .isi{align-items:center;gap:10px;max-width:760px;margin:0 auto;display:flex}@media (width>=1024px){.aksibar{left:var(--sidebar-w)}}.gridsoal{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;margin:12px 0;display:grid}.gridsoal button{border:1.5px solid var(--border);background:var(--surface-raised);min-height:44px;color:var(--text-primary);font:700 14px var(--font-ui);cursor:pointer;border-radius:8px;position:relative}.gridsoal button.isi{background:var(--brand-surface);border-color:var(--brand-border)}.gridsoal button.ragu:after{content:"";background:var(--gold-solid);border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:4px}.gridsoal button.kini{outline:2px solid var(--text-primary)}.gridsoal button.ok{background:var(--success-surface);border-color:var(--success-border)}.gridsoal button.bad{background:var(--danger-surface);border-color:var(--danger-border)}.modal-bg{z-index:50;animation:fade var(--dur-base);background:#0a141c8c;place-items:end center;display:grid;position:fixed;inset:0}@media (width>=640px){.modal-bg{place-items:center}}.modal{background:var(--surface-raised);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:480px;box-shadow:var(--shadow-lg);animation:naik var(--dur-slow) var(--ease-out);max-height:90vh;padding:22px;overflow-y:auto}@media (width>=640px){.modal{border-radius:var(--radius-lg)}}@keyframes fade{0%{opacity:0}}textarea{border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);width:100%;min-height:96px;color:var(--text-primary);font:500 var(--fs-body) var(--font-ui);padding:10px 12px}.hasil-hero{border-radius:var(--radius-lg);padding:24px 20px}.tren svg{width:100%;height:auto;display:block}.lencana-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.lencana{text-align:center;border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-sm);font-size:var(--fs-small);padding:12px 8px}.lencana .med{clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:var(--surface-subtle);width:52px;height:52px;color:var(--text-muted);place-items:center;margin:0 auto 6px;display:grid}.lencana.dapat .med{background:var(--gold-solid);color:var(--text-on-bright)}.lencana b{font-size:13px;line-height:1.25;display:block}.bar-tipe{grid-template-columns:1fr;gap:10px;display:grid}.auth{min-height:100vh;display:grid}@media (width>=960px){.auth{grid-template-columns:5fr 6fr}}.auth .panel{display:none}@media (width>=960px){.auth .panel{flex-direction:column;justify-content:center;gap:18px;padding:48px;display:flex}}.auth .formwrap{flex-direction:column;justify-content:center;padding:24px 16px 48px;display:flex}.auth .form{width:100%;max-width:440px;margin:0 auto}.stepper{margin:20px 0;padding:0;list-style:none}.stepper li{gap:14px;padding-bottom:22px;display:flex;position:relative}.stepper li:before{content:"";background:var(--border);width:2px;position:absolute;top:30px;bottom:2px;left:13px}.stepper li:last-child:before{display:none}.stepper .dot{border:2px solid var(--border);background:var(--surface-raised);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.stepper .done .dot{background:var(--success-solid);border-color:var(--success-solid);color:#fff}.stepper .aktif .dot{border-color:var(--brand-solid);animation:1.8s ease-in-out infinite denyut}@keyframes denyut{50%{box-shadow:0 0 0 6px var(--brand-surface)}}.admin{min-height:100vh;display:grid}@media (width>=1024px){.admin{grid-template-columns:220px 1fr}}.admin aside{padding:18px 12px}.admin aside a{border-radius:var(--radius-sm);height:44px;color:var(--text-secondary);align-items:center;gap:10px;padding:0 12px;font-weight:600;text-decoration:none;display:flex}.admin aside a.kini{color:#fff;background:#ffffff1a}.admin .main{min-width:0;padding:20px 16px 64px}@media (width>=1024px){.admin .main{padding:28px 32px}}.statusbox{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (width>=768px){.statusbox{grid-template-columns:repeat(4,1fr)}}.statusbox button{text-align:left;border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-sm);cursor:pointer;font:inherit;color:inherit;border:1.5px solid #0000;padding:14px}.statusbox button.on{border-color:var(--brand-solid)}.statusbox b{font-size:1.75rem;font-weight:800;display:block}.tabel{border-collapse:collapse;background:var(--surface-raised);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);font-size:var(--fs-small);overflow:hidden}.tabel th{text-align:left;font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--surface-subtle);padding:10px 12px}.tabel td{border-top:1px solid var(--border-subtle);vertical-align:top;padding:10px 12px}.tabel-wrap{overflow-x:auto}@media (width<=767px){.tabel.kartu thead{display:none}.tabel.kartu,.tabel.kartu tbody,.tabel.kartu tr,.tabel.kartu td{width:100%;display:block}.tabel.kartu tr{border-top:1px solid var(--border-subtle);padding:10px 4px}.tabel.kartu td{border:0;padding:4px 12px}}.toast{z-index:60;right:16px;bottom:calc(var(--tabbar-h) + 16px);border-radius:var(--radius-sm);background:var(--surface-inverse);color:#fff;max-width:360px;box-shadow:var(--shadow-lg);animation:naik var(--dur-base) var(--ease-out);padding:12px 16px;position:fixed}@media (width>=1024px){.toast{bottom:24px}}.skeleton{background:linear-gradient(90deg, var(--surface-subtle), var(--surface-sunken), var(--surface-subtle));border-radius:var(--radius-sm);background-size:200% 100%;min-height:64px;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}:root{--grad-brand:linear-gradient(135deg, #14506e 0%, #1a6a8c 55%, #1f7a86 100%);--grad-gold:linear-gradient(135deg, #f0be55 0%, #e2a93b 50%, #cf8e22 100%);--grad-hero:radial-gradient(1200px 520px at 85% -10%, #e2a93b38, transparent 60%), radial-gradient(900px 600px at -10% 10%, #1f7a8673, transparent 60%), linear-gradient(160deg, #0b2433 0%, #0f2c3d 45%, #12384d 100%);--bg-glow:radial-gradient(900px 420px at 100% -5%, #14506e1a, transparent 70%), radial-gradient(700px 380px at -5% 0%, #e2a93b1a, transparent 70%);--dot:#14506e12}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--grad-brand:linear-gradient(135deg, #5fb3d9 0%, #7cc3e3 60%, #8ed3d0 100%);--bg-glow:radial-gradient(900px 420px at 100% -5%, #7cc3e31a, transparent 70%), radial-gradient(700px 380px at -5% 0%, #e8b65414, transparent 70%);--dot:#ffffff0d}}:root[data-theme=dark]{--grad-brand:linear-gradient(135deg, #5fb3d9 0%, #7cc3e3 60%, #8ed3d0 100%);--bg-glow:radial-gradient(900px 420px at 100% -5%, #7cc3e31a, transparent 70%), radial-gradient(700px 380px at -5% 0%, #e8b65414, transparent 70%);--dot:#ffffff0d}body{background:var(--bg-glow), radial-gradient(var(--dot) 1px, transparent 1.2px) 0 0 / 22px 22px, var(--surface-page);background-attachment:fixed}.btn{background:var(--grad-brand);box-shadow:0 6px 18px -8px #14506e8c,inset 0 1px #ffffff2e}.btn:hover{background:var(--grad-brand);filter:brightness(1.06)}.btn.gold{background:var(--grad-gold);color:var(--text-on-bright);box-shadow:0 8px 22px -8px #cf8e2299,inset 0 1px #ffffff59}.btn.ghost{background:color-mix(in srgb, var(--surface-raised) 70%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:none}.btn.danger{background:var(--danger-solid)}.card{border:1px solid var(--border-subtle);background:linear-gradient(180deg, var(--surface-raised), color-mix(in srgb, var(--surface-raised) 94%, var(--surface-subtle)))}.card.hero{box-shadow:var(--shadow-lg)}.card.aksen{position:relative;overflow:hidden}.card.aksen:before{content:"";background:var(--grad-brand);height:4px;position:absolute;inset:0 0 auto}.card.brandbg{background:var(--grad-hero);color:#fff;--text-primary:#fff;--text-secondary:#c6d7e2;--text-muted:#b9ccd8;--surface-subtle:#ffffff1f;--brand-text:#9ad2eb;border:0;position:relative;overflow:hidden}.card.brandbg .btn{background:var(--grad-gold);color:var(--text-on-bright)}.card.brandbg .ring>span{color:#fff;background:#12384d}.card.brandbg .ring{background:conic-gradient(var(--gold-solid) calc(var(--p) * 1%), #ffffff26 0)}.card.brandbg .pola-latar{opacity:.5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.card.brandbg>:not(.pola-latar){position:relative}.stat{border:1px solid var(--border-subtle);position:relative;overflow:hidden}.stat:after{content:"";background:var(--warna,var(--brand-surface));opacity:.6;border-radius:50%;width:70px;height:70px;position:absolute;top:-18px;right:-18px}.stat:first-child{--warna:var(--brand-surface)}.stat:nth-child(2){--warna:var(--gold-surface)}.stat:nth-child(3){--warna:var(--info-surface)}.stat:nth-child(4){--warna:var(--success-surface)}.stat>*{z-index:1;position:relative}.tugas{border:1px solid var(--border-subtle);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast);position:relative;overflow:hidden}.tugas:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.tugas:before{content:"";background:var(--strip,var(--brand-solid));width:4px;position:absolute;top:0;bottom:0;left:0}.tugas[data-sec=L]{--strip:var(--sec-L)}.tugas[data-sec=S]{--strip:var(--sec-S)}.tugas[data-sec=R]{--strip:var(--sec-R)}.tugas[data-sec=G]{--strip:var(--gold-solid)}.tugas .ik{border:1px solid var(--brand-border);background:linear-gradient(135deg, var(--brand-surface), color-mix(in srgb, var(--brand-surface) 55%, var(--surface-raised)));border-radius:12px;width:44px;height:44px}.banner{border-radius:var(--radius-lg);color:#fff;background:var(--grad-hero);box-shadow:var(--shadow-lg);margin:14px 0 18px;padding:22px 22px 20px;position:relative;overflow:hidden}.banner[data-sec=L]{background:radial-gradient(600px 300px at 90% -20%,#fff3,#0000 60%),linear-gradient(135deg,#1d4e86,#2b6cb0 60%,#3e86c9)}.banner[data-sec=S]{background:radial-gradient(600px 300px at 90% -20%,#fff3,#0000 60%),linear-gradient(135deg,#6e2f60,#a14e8c 60%,#b96aa5)}.banner[data-sec=R]{background:radial-gradient(600px 300px at 90% -20%,#fff3,#0000 60%),linear-gradient(135deg,#0a5a51,#0e7c70 60%,#23998b)}.banner[data-sec=G]{background:radial-gradient(600px 300px at 90% -20%,#ffffff40,#0000 60%),linear-gradient(135deg,#8a5a10,#c48a26 60%,#e2a93b)}.banner .emblem-bg{opacity:.22;pointer-events:none;position:absolute;bottom:-16px;right:-12px}.banner h1,.banner h2,.banner h3,.banner b{color:#fff}.banner .track{background:#ffffff40}.banner .track>i{background:#fff!important}.banner .muted,.banner .small,.banner .sec2{color:#ffffffe0}.banner>:not(.emblem-bg){position:relative}.emblemkotak{background:#ffffff2e;border:1px solid #ffffff4d;border-radius:14px;flex:none;place-items:center;width:52px;height:52px;display:inline-grid}.tabbar{background:color-mix(in srgb, var(--surface-raised) 84%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);box-shadow:0 -6px 24px -12px #10202a40}.tabbar a.kini .ind{background:var(--grad-brand);color:var(--brand-on-solid);box-shadow:0 6px 14px -6px #14506e99}.sidebar{background:linear-gradient(180deg, var(--surface-raised), color-mix(in srgb, var(--surface-raised) 90%, var(--brand-surface)))}@media (width>=1024px){.sidebar a.nav.kini{background:var(--grad-brand);color:var(--brand-on-solid);box-shadow:0 6px 16px -8px #14506e99}.sidebar a.nav.kini:before{display:none}}.adminpin{background:var(--grad-gold);color:var(--text-on-bright);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 6px 14px -8px #cf8e22b3}.lp-hero{background:var(--grad-hero)}.lp-hero .ilus{display:none}@media (width>=900px){.lp-hero .ilus{display:block}}.lp-pita{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.lp-pita span{color:#dce8ef;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.fakta div{border:1px solid var(--border-subtle);position:relative;overflow:hidden}.fakta div:after{content:"";background:var(--gold-surface);border-radius:50%;width:64px;height:64px;position:absolute;bottom:-16px;right:-16px}.fakta div>*{z-index:1;position:relative}.fakta b{background:var(--grad-brand);color:#0000;-webkit-background-clip:text;background-clip:text}.kartuhasil{border:1px solid #fff6}.untuk .card{position:relative;overflow:hidden}.untuk .card .emblem-bg{opacity:.14;position:absolute;bottom:-10px;right:-10px}.opt{box-shadow:var(--shadow-sm)}.opt.sel{box-shadow:0 0 0 3px var(--brand-surface)}.audio{background:linear-gradient(135deg, var(--brand-surface), color-mix(in srgb, var(--brand-surface) 50%, var(--surface-raised)));border:1px solid var(--brand-border)}.audio .play{background:var(--grad-brand)}.hasil-hero{background:var(--grad-hero);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.passage,.we{border:1px solid var(--border-subtle)}.auth .panel{background:var(--grad-hero)}.kosong{text-align:center;padding:24px 16px}.kosong svg{margin:0 auto 10px;display:block}.heroKanan{position:relative}.heroKanan .ilus{z-index:0;pointer-events:none;width:104%;position:absolute;top:-36px;right:-4%}.heroKanan .kartuhasil{z-index:1;position:relative}@media (width>=900px){.heroKanan .kartuhasil{max-width:360px;margin:210px 0 0 -10%}.heroKanan .ilus{top:-60px}}