.v3-root{--shadow-v3-e0: 0 0 0 1px var(--ring-card);--shadow-v3-e1: 0 0 0 1px var(--ring-card), 0 1px 0 var(--color-depth-soft), 0 1px 2px rgb(0 0 0 / .04);--shadow-v3-e2: 0 0 0 1px var(--ring-card), 0 2px 0 var(--color-depth), 0 4px 8px rgb(0 0 0 / .06);--shadow-v3-e3: 0 0 0 1px var(--ring-card), 0 3px 0 var(--color-depth), 0 8px 16px rgb(0 0 0 / .08);--shadow-v3-e4: 0 0 0 1px var(--ring-card), 0 6px 0 var(--color-depth), 0 16px 32px rgb(0 0 0 / .1);--shadow-v3-tekan: 0 0 0 1px var(--ring-card), 0 1px 0 var(--color-depth);--shadow-v3-cekung: inset 0 2px 0 var(--color-depth-soft), inset 0 0 0 1px var(--color-line);--shadow-v3-cekung-aktif: inset 0 2px 0 var(--color-primary-depth-soft), inset 0 0 0 1px var(--color-primary);--shadow-v3-ungu: 0 3px 0 var(--color-primary-depth), 0 8px 16px rgb(0 0 0 / .1);--shadow-v3-ungu-tekan: 0 1px 0 var(--color-primary-depth);--shadow-v3-sorot: inset 0 1px 0 color-mix(in srgb, var(--color-on-inverse) 9%, transparent);--shadow-v3-sorot-kuat: inset 0 1px 0 color-mix(in srgb, var(--color-on-inverse) 28%, transparent);--v3-dur-1: .12s;--v3-dur-2: .2s;--v3-dur-3: .32s;--v3-tekan: 2px;--v3-tekan-utama: 3px;--v3-skala-tekan: .97;--v3-angkat: -2px;--v3-tilt: 4deg;--v3-perspektif: 900px;--v3-r-1: 10px;--v3-r-2: 16px;--v3-r-3: 20px;--v3-r-pil: 999px;--v3-panel-kanan: 300px;--v3-sidebar: 248px;--v3-sidebar-lipat: 76px;--v3-bilah-atas: 68px;--v3-tab-bawah: 64px;--v3-z-tempel: 20;--v3-z-atas: 30;--v3-z-tab: 40;--v3-z-laci: 50;--v3-z-toast: 60}.v3-root{color:var(--color-ink)}.v3-root [hidden]{display:none!important}.v3-root *,.v3-root *:before,.v3-root *:after{box-sizing:border-box}.v3-root :is(h1,h2,h3){font-weight:700;text-wrap:balance}.v3-root p{text-wrap:pretty}.v3-angka{font-variant-numeric:tabular-nums}.v3-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.v3-kepala{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 20px}.v3-kepala>:first-child{min-width:0;flex:1 1 320px}.v3-kicker{margin:0;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted)}.v3-judul{margin:4px 0 0;font-size:22px;font-weight:700;line-height:1.2;letter-spacing:-.02em}@media(min-width:640px){.v3-judul{font-size:26px}}.v3-lead{margin:6px 0 0;max-width:68ch;font-size:14px;line-height:1.55;color:var(--color-muted)}.v3-sec{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.v3-sec h2{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em}.v3-sec-tautan{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-size:13px;font-weight:700;color:var(--color-ink-soft);text-decoration:none;white-space:nowrap}.v3-sec-tautan:hover{color:var(--color-primary)}.v3-teks-kecil{margin:0;font-size:13px;line-height:1.5;color:var(--color-muted)}.v3-ik-penuh{fill:currentColor;stroke:none}.v3-tombol{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:0;border-radius:var(--v3-r-pil);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-v3-sorot),var(--shadow-v3-e2);font:inherit;font-size:14px;font-weight:700;line-height:1.25;text-align:center;text-decoration:none;cursor:pointer;max-width:100%;padding-block:8px;overflow-wrap:anywhere;transition:transform var(--v3-dur-1) ease-out,box-shadow var(--v3-dur-1) ease-out}@media(hover:hover){.v3-tombol:hover{transform:translateY(-1px);box-shadow:var(--shadow-v3-sorot),var(--shadow-v3-e3)}}.v3-tombol:active:not(:disabled){transform:translateY(var(--v3-tekan)) scale(var(--v3-skala-tekan));box-shadow:var(--shadow-v3-tekan);transition-duration:40ms}.v3-tombol:disabled,.v3-tombol[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow-v3-e0)}.v3-tombol.is-utama{min-height:48px;padding:0 22px;font-size:15px;color:var(--color-on-accent);background:linear-gradient(to bottom,var(--color-primary),color-mix(in srgb,var(--color-primary) 88%,var(--color-primary-depth)));box-shadow:var(--shadow-v3-sorot-kuat),var(--shadow-v3-ungu)}@media(hover:hover){.v3-tombol.is-utama:hover{box-shadow:var(--shadow-v3-sorot-kuat),0 4px 0 var(--color-primary-depth),0 10px 18px #0000001f}}.v3-tombol.is-utama:active:not(:disabled){transform:translateY(var(--v3-tekan-utama)) scale(var(--v3-skala-tekan));box-shadow:var(--shadow-v3-ungu-tekan)}.v3-tombol.is-lembut{background:var(--color-primary-soft);color:var(--color-primary);box-shadow:0 2px 0 var(--color-primary-depth-soft)}.v3-tombol.is-lembut:active:not(:disabled){box-shadow:0 0 0 var(--color-primary-depth-soft)}.v3-tombol.is-bahaya{background:var(--color-error-soft);color:var(--color-error-text);box-shadow:0 2px color-mix(in srgb,var(--color-error) 35%,var(--color-error-soft))}.v3-tombol.is-polos{background:transparent;box-shadow:none;color:var(--color-ink-soft)}.v3-tombol.is-polos:hover{background:var(--color-surface-2);transform:none;box-shadow:none}.v3-tombol.is-besar{min-height:52px;padding-inline:24px;font-size:16px}.v3-tombol.is-penuh{width:100%}.v3-tombol-ikon{min-width:44px;padding:0}@media(pointer:coarse){.v3-tombol-ikon{min-width:48px;min-height:48px}}.v3-pil-baris{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:3px}.v3-pil{display:inline-flex;flex:none;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:0;border-radius:var(--v3-r-pil);background:var(--color-surface);color:var(--color-ink-soft);box-shadow:var(--shadow-v3-sorot),var(--shadow-v3-e2);font:inherit;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform var(--v3-dur-1) ease-out,box-shadow var(--v3-dur-1) ease-out}.v3-pil:hover{color:var(--color-ink)}.v3-pil:active{transform:translateY(var(--v3-tekan));box-shadow:var(--shadow-v3-tekan)}.v3-pil[aria-pressed=true],.v3-pil[aria-current=page],.v3-pil[aria-selected=true]{background:var(--color-ink);color:var(--color-surface);transform:translateY(var(--v3-tekan));box-shadow:0 0 0 var(--color-depth);transition:none}.v3-pil small{font-size:12px;font-weight:700;color:var(--color-muted)}.v3-pil:is([aria-pressed=true],[aria-current=page],[aria-selected=true]) small{color:inherit;opacity:.8}.v3-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:var(--v3-r-pil);background:var(--color-surface-2);color:var(--color-ink-soft);font-size:12px;font-weight:700;line-height:1.6;white-space:nowrap}.v3-chip svg{width:14px;height:14px}.v3-chip.is-ungu{background:var(--color-primary-soft);color:var(--color-primary)}.v3-chip.is-hijau{background:var(--color-success-soft);color:var(--color-success-text)}.v3-chip.is-kuning{background:var(--color-warning-soft);color:var(--color-warning-text)}.v3-chip.is-merah{background:var(--color-error-soft);color:var(--color-error-text)}.v3-kartu{position:relative;display:block;border-radius:var(--v3-r-3);background:var(--color-surface);color:inherit;box-shadow:var(--shadow-v3-sorot),var(--shadow-v3-e1);text-decoration:none}.v3-kartu.is-isi,.v3-panel{padding:16px}@media(min-width:640px){.v3-kartu.is-isi,.v3-panel{padding:18px 20px}}.v3-panel{border-radius:18px;background:var(--color-surface);box-shadow:var(--shadow-v3-sorot),var(--shadow-v3-e1)}.v3-kartu.is-tautan{box-shadow:var(--shadow-v3-sorot),var(--shadow-v3-e2);transition:transform var(--v3-dur-2) ease-out,box-shadow var(--v3-dur-2) ease-out}@media(hover:hover){.v3-kartu.is-tautan:hover{transform:translateY(var(--v3-angkat));box-shadow:var(--shadow-v3-sorot),var(--shadow-v3-e4)}}.v3-kartu.is-tautan:focus-visible{transform:translateY(var(--v3-angkat));box-shadow:var(--shadow-v3-sorot),var(--shadow-v3-e4)}.v3-kartu.is-tautan:active{transform:translateY(1px);box-shadow:var(--shadow-v3-tekan);transition-duration:40ms}.v3-kartu.is-utama{box-shadow:var(--shadow-v3-sorot),var(--shadow-v3-e3);background:linear-gradient(to bottom,var(--color-surface) 0,var(--color-surface) 55%,color-mix(in srgb,var(--color-surface) 93%,var(--color-depth-soft)) 100%)}.v3-cekung{border-radius:var(--v3-r-2);background:var(--color-canvas);box-shadow:var(--shadow-v3-cekung)}.v3-input{width:100%;min-height:44px;padding:10px 14px;border:0;border-radius:var(--v3-r-2);background:var(--color-canvas);color:var(--color-ink);box-shadow:var(--shadow-v3-cekung);font:inherit;font-size:15px}.v3-input::placeholder{color:var(--color-muted)}.v3-input:focus{outline:none;box-shadow:var(--shadow-v3-cekung-aktif)}.v3-input:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}textarea.v3-input{min-height:120px;resize:vertical;line-height:1.55}.v3-bilah{position:relative;display:block;flex:1;height:10px;overflow:hidden;border-radius:var(--v3-r-pil);background:var(--color-surface-2);box-shadow:var(--shadow-v3-cekung)}.v3-bilah.is-tipis{height:6px}.v3-bilah>i{position:absolute;inset:0 auto 0 0;width:var(--p, 0%);border-radius:inherit;background:linear-gradient(to bottom,var(--color-primary),color-mix(in srgb,var(--color-primary) 85%,var(--color-primary-depth)));box-shadow:var(--shadow-v3-sorot-kuat);transform-origin:left;animation:v3-isi var(--v3-dur-3) ease-out both}.v3-bilah.is-selesai>i{background:var(--color-success)}@keyframes v3-isi{0%{transform:scaleX(0)}}.v3-cincin{position:relative;display:grid;place-items:center;width:76px;height:76px;flex:none}.v3-cincin svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.v3-cincin circle{fill:none;stroke-width:7}.v3-cincin .trek{stroke:var(--color-surface-2)}.v3-cincin .isi{stroke:var(--color-primary);stroke-linecap:round;stroke-dasharray:var(--p) 100;animation:v3-cincin var(--v3-dur-3) ease-out both}.v3-cincin strong{font-size:22px;font-weight:700;line-height:1}.v3-cincin.is-kecil{width:44px;height:44px}.v3-cincin.is-kecil circle{stroke-width:5}.v3-cincin.is-kecil strong{font-size:12px}@keyframes v3-cincin{0%{stroke-dasharray:0 100}}.v3-saklar{position:relative;display:inline-block;width:56px;height:44px;flex:none;padding:0;border:0;border-radius:var(--v3-r-pil);background:none;cursor:pointer}.v3-saklar:before{content:"";position:absolute;top:6px;left:2px;width:52px;height:32px;border-radius:var(--v3-r-pil);background:var(--color-surface-2);box-shadow:var(--shadow-v3-cekung)}.v3-saklar:after{content:"";position:absolute;top:10px;left:6px;width:24px;height:24px;border-radius:50%;background:var(--color-surface);box-shadow:var(--shadow-v3-sorot),0 2px 0 var(--color-depth),0 2px 4px #0000001f;transition:transform var(--v3-dur-2) ease-out}.v3-saklar[aria-checked=true]:before{background:var(--color-primary);box-shadow:inset 0 2px 0 var(--color-primary-depth)}.v3-saklar[aria-checked=true]:after{transform:translate(20px)}.v3-saklar-label{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px}.v3-rak{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,78%);gap:12px;margin-inline:-16px;padding:4px 16px 10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none}.v3-rak::-webkit-scrollbar{display:none}.v3-rak>*{scroll-snap-align:start}@media(min-width:640px){.v3-rak{grid-auto-columns:minmax(240px,46%)}}@media(min-width:1024px){.v3-rak{grid-auto-columns:calc((100% - 24px) / 3);margin-inline:0;padding-inline:2px}}@media(max-width:1023px){.v3-rak.is-pudar{-webkit-mask-image:linear-gradient(to right,transparent 0,black 16px,black calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black 16px,black calc(100% - 28px),transparent 100%)}}.v3-rak>li{display:flex}.v3-rak>li>*{flex:1}.v3-rak.is-pil{grid-auto-columns:max-content}.v3-remah{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px;padding:0;list-style:none;font-size:12px;font-weight:700;color:var(--color-muted)}.v3-remah a{display:inline-flex;align-items:center;min-height:24px;color:inherit;text-decoration:none}.v3-remah a:hover{color:var(--color-primary)}.v3-remah li+li:before{content:"›";margin-right:6px}.v3-tata{display:grid;gap:16px;align-items:start}.v3-tata>*{min-width:0}@media(min-width:1024px){.v3-tata{grid-template-columns:minmax(0,1fr) var(--v3-panel-kanan);gap:20px}}.v3-tumpuk{display:flex;flex-direction:column;gap:18px;min-width:0}.v3-sisi{display:flex;flex-direction:column;gap:14px}@media(min-width:1024px){.v3-sisi.is-tempel{position:sticky;top:calc(var(--v3-bilah-atas) + 12px)}}.v3-dua{display:grid;gap:16px}@media(min-width:768px){.v3-dua{grid-template-columns:repeat(2,minmax(0,1fr))}}.v3-baris{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 12px;border-radius:14px;color:inherit;text-decoration:none;box-shadow:inset 0 0 0 1px var(--color-line)}a.v3-baris{transition:transform var(--v3-dur-1) ease-out}a.v3-baris:hover{background:var(--color-canvas)}a.v3-baris:active{transform:translateY(1px)}.v3-baris-isi{min-width:0;flex:1}.v3-baris-isi strong{display:block;font-size:14px;line-height:1.35}.v3-baris-isi small{display:block;font-size:12px;line-height:1.4;color:var(--color-muted)}.v3-tegel{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:12px;background:color-mix(in srgb,var(--kat, var(--color-primary)) 14%,var(--color-surface));color:var(--kat-ink, var(--color-primary));box-shadow:0 2px color-mix(in srgb,var(--kat, var(--color-primary)) 30%,var(--color-depth))}.v3-k-soal{--kat: var(--color-primary);--kat-ink: var(--color-primary)}.v3-k-otak{--kat: var(--color-cat-ai);--kat-ink: var(--color-cat-ai-ink)}.v3-k-mat{--kat: var(--color-cat-coding);--kat-ink: var(--color-cat-coding-ink)}.v3-k-bahasa{--kat: var(--color-cat-design);--kat-ink: var(--color-cat-design-ink)}.v3-k-sains{--kat: var(--color-cat-data);--kat-ink: var(--color-cat-data-ink)}.v3-k-umum{--kat: var(--color-cat-bisnis);--kat-ink: var(--color-cat-bisnis-ink)}.v3-k-sim{--kat: var(--color-cat-finance);--kat-ink: var(--color-cat-finance-ink)}.v3-k-excel{--kat: var(--color-cat-excel);--kat-ink: var(--color-cat-excel-ink)}.v3-tilt-wadah{perspective:var(--v3-perspektif)}.v3-ubin{display:flex;flex-direction:column;gap:10px;min-height:152px;padding:14px;border-radius:18px;background:var(--color-surface);color:inherit;text-decoration:none;box-shadow:var(--shadow-v3-sorot),var(--shadow-v3-e3);transform-style:preserve-3d;transition:transform var(--v3-dur-2) ease-out,box-shadow var(--v3-dur-2) ease-out}.v3-ubin h3{margin:0;font-size:15px;font-weight:700;line-height:1.3}.v3-ubin p{margin:0;font-size:13px;line-height:1.45;color:var(--color-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.v3-ubin .v3-rekor{display:inline-flex;align-items:center;gap:4px;margin-top:auto;font-size:12px;font-weight:700;color:var(--color-ink-soft)}.v3-ubin:focus-visible,.v3-ubin.is-angkat{box-shadow:var(--shadow-v3-sorot),var(--shadow-v3-e4)}.v3-ubin:active{transform:translateY(2px)!important;box-shadow:var(--shadow-v3-tekan);transition-duration:40ms}.v3-lencana{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;text-align:center}.v3-lencana-ikon{position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);box-shadow:var(--shadow-v3-sorot),0 3px 0 var(--color-primary-depth-soft),0 6px 12px #00000014}.v3-lencana-ikon svg{width:26px;height:26px}.v3-lencana strong{font-size:13px;line-height:1.3}.v3-lencana small{font-size:12px;line-height:1.35;color:var(--color-muted)}.v3-lencana.is-terkunci .v3-lencana-ikon{background:var(--color-surface-2);color:var(--color-muted);box-shadow:var(--shadow-v3-cekung)}.v3-toast-wilayah{position:fixed;top:12px;left:50%;z-index:var(--v3-z-toast);display:grid;gap:8px;width:min(360px,calc(100vw - 32px));transform:translate(-50%)}@media(min-width:1024px){.v3-toast-wilayah{top:calc(var(--v3-bilah-atas) + 8px);right:24px;left:auto;transform:none}}.v3-toast{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 8px 8px 14px;border-radius:16px;background:var(--color-surface);box-shadow:var(--shadow-v3-sorot),var(--shadow-v3-e4);font-size:14px;animation:v3-masuk var(--v3-dur-2) ease-out both}@keyframes v3-masuk{0%{opacity:0;transform:translateY(-6px) scale(.95)}}.v3-root [data-v2]{opacity:.4;cursor:not-allowed}.v3-root [data-v2]:is(:hover,:active){transform:none}.v3-dialog{width:min(440px,calc(100vw - 32px));padding:20px;border:0;border-radius:var(--v3-r-3);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-v3-sorot),var(--shadow-v3-e4)}.v3-dialog::backdrop{background:#00000073}.v3-dialog[open]{animation:v3-masuk var(--v3-dur-2) ease-out both}.v3-kerangka{border-radius:var(--v3-r-3);background:var(--color-surface-2);animation:v3-denyut 1.2s ease-in-out infinite alternate}@keyframes v3-denyut{to{opacity:.55}}@media(prefers-reduced-motion:reduce){.v3-root *,.v3-root *:before,.v3-root *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.v3-root [data-v3-tilt],.v3-root .v3-ubin,.v3-root .v3-kartu,.v3-root .v3-tombol,.v3-root .v3-pil{transform:none!important}}.v3-ik-penuh{fill:currentColor}.v3-gbr{position:relative;display:block;width:100%;min-width:0;overflow:hidden;background:var(--color-surface-2)}.v3-gbr img{display:block;width:100%;max-width:100%;height:100%;object-fit:cover;transition:transform var(--v3-dur-3) ease-out}.v3-gbr:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #0000000f;pointer-events:none}.v3-gbr.is-header{aspect-ratio:920 / 430}.v3-gbr.is-potret{aspect-ratio:600 / 900}.v3-gbr.is-utama{aspect-ratio:1232 / 706}.v3-gbr.is-hero{aspect-ratio:1920 / 620}.v3-gbr.is-layar{aspect-ratio:16 / 9}.v3-gbr.is-kartu{aspect-ratio:3 / 2}.v3-gbr.is-lencana{aspect-ratio:1}.v3-gbr.is-kosong{aspect-ratio:4 / 3}.v3-gbr.is-cadangan{background:color-mix(in srgb,var(--kat, var(--color-primary)) 12%,var(--color-surface))}.v3-gbr-cadangan{position:absolute;inset:0;display:grid;place-items:center;color:var(--kat-ink, var(--color-primary))}.v3-gbr-cadangan>svg{width:clamp(56px,30%,96px);height:auto;aspect-ratio:1;padding:16px;border-radius:28%;background:var(--color-surface);box-shadow:var(--shadow-v3-sorot),0 3px color-mix(in srgb,var(--kat, var(--color-primary)) 30%,var(--color-depth)),0 8px 16px #00000014}@media(prefers-reduced-motion:reduce){.v3-root .v3-gbr img{transform:none!important}}