.rn-scope{--rn-accent:var(--color-primary);--rn-accent-soft:var(--color-primary-50);font-family:var(--font-sans);max-width:640px;margin:0 auto}.rn-eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary)}.rn-judul{margin-top:10px;font-family:var(--font-display);font-size:clamp(24px,5vw,34px);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--color-heading,var(--color-ink))}.rn-sub{margin-top:10px;max-width:52ch;font-size:14px;line-height:1.65;color:var(--color-ink-soft)}.rn-pilih{display:flex;flex-direction:column;gap:12px;margin-top:22px}.rn-mode{display:flex;align-items:flex-start;gap:14px;width:100%;padding:16px 16px 15px;border-radius:18px;border:1px solid var(--color-line);background:radial-gradient(120% 150% at 92% 0,var(--rn-accent-soft) 0,transparent 58%),var(--color-surface);font-family:inherit;text-align:left;cursor:pointer;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,border-color .22s}.rn-mode:focus-visible,.rn-mode:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--rn-accent) 45%,transparent);box-shadow:0 16px 32px -18px color-mix(in srgb,var(--rn-accent) 75%,transparent)}.rn-mode-ikon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;font-size:21px;background:color-mix(in srgb,var(--rn-accent) 14%,var(--color-bg));border:1px solid color-mix(in srgb,var(--rn-accent) 26%,transparent)}.rn-mode-isi{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.rn-mode-baris{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.rn-mode-nama{font-family:var(--font-display);font-size:16px;font-weight:800;color:var(--color-ink)}.rn-mode-irama{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;padding:1px 7px;border-radius:999px;color:var(--rn-accent);background:color-mix(in srgb,var(--rn-accent) 12%,transparent)}.rn-mode-kapan{font-size:12.5px;font-weight:700;color:var(--color-ink)}.rn-mode-alasan{margin-top:2px;font-size:12.5px;line-height:1.6;color:var(--color-ink-soft)}.rn-mode-meta{margin-top:6px;font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--color-ink-soft)}.rn-mode-panah{flex:0 0 auto;align-self:center;font-size:17px;color:var(--rn-accent);transition:transform .25s cubic-bezier(.16,1,.3,1)}.rn-mode:focus-visible .rn-mode-panah,.rn-mode:hover .rn-mode-panah{transform:translateX(4px)}.rn-catatan{margin-top:20px;font-size:11.5px;line-height:1.6;color:var(--color-ink-soft)}.rn-scope--sesi{flex-direction:column;gap:18px;padding:clamp(18px,4vw,30px) 18px 26px;border-radius:24px;background:radial-gradient(85% 60% at 50% 0,var(--rn-accent-soft) 0,transparent 70%),var(--color-bg);border:1px solid var(--color-line)}.rn-atas,.rn-scope--sesi{display:flex;align-items:center}.rn-atas{justify-content:space-between;width:100%;font-size:12px;font-weight:700;color:var(--color-ink-soft)}.rn-atas-mode{color:var(--rn-accent)}.rn-arena{position:relative;width:min(300px,78vw);aspect-ratio:1;display:grid;place-items:center}.rn-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.rn-ring-alas,.rn-ring-isi{fill:none;stroke-width:2.5;stroke-linecap:round}.rn-ring-alas{stroke:color-mix(in srgb,var(--rn-accent) 16%,transparent)}.rn-ring-isi{stroke:var(--rn-accent);transition:stroke-dashoffset 1s linear}.rn-bola,.rn-teks{grid-area:1/1}.rn-bola{width:68%;aspect-ratio:1;border-radius:50%;background:radial-gradient(65% 65% at 35% 28%,color-mix(in srgb,#fff 70%,transparent) 0,transparent 62%),linear-gradient(150deg,color-mix(in srgb,var(--rn-accent) 55%,var(--color-bg)) 0,color-mix(in srgb,var(--rn-accent) 22%,var(--color-bg)) 100%);box-shadow:0 0 0 1px color-mix(in srgb,var(--rn-accent) 22%,transparent),0 22px 60px -26px color-mix(in srgb,var(--rn-accent) 85%,transparent);transition-property:transform;transition-timing-function:cubic-bezier(.37,0,.63,1)}.rn-teks{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.rn-fase{font-size:15px;letter-spacing:.01em}.rn-fase,.rn-hitung{font-family:var(--font-display);font-weight:800;color:var(--color-ink);text-shadow:0 1px 2px color-mix(in srgb,var(--color-bg) 80%,transparent)}.rn-hitung{font-size:46px;line-height:1;font-variant-numeric:tabular-nums}.rn-panduan{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.rn-selesai{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:22px 6px 8px}@keyframes rnMuncul{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.rn-selesai-ikon{font-size:46px;line-height:1;animation:rnMuncul .5s cubic-bezier(.22,1,.36,1) both}.rn-selesai-judul{margin-top:6px;font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--rn-accent)}.rn-selesai-teks{max-width:40ch;font-size:14px;line-height:1.65;color:var(--color-ink-soft)}.rn-aksi{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.rn-aksi,.rn-btn{justify-content:center}.rn-btn{display:inline-flex;align-items:center;padding:11px 22px;border-radius:999px;border:1.5px solid var(--rn-accent);background:var(--rn-accent);color:var(--color-bg);font-family:inherit;font-size:13.5px;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s}.rn-btn:focus-visible,.rn-btn:hover{transform:translateY(-2px);box-shadow:0 12px 22px -12px color-mix(in srgb,var(--rn-accent) 85%,transparent)}.rn-btn--halus{background:transparent;color:var(--rn-accent)}@media (prefers-reduced-motion:reduce){.rn-bola,.rn-btn,.rn-mode,.rn-mode-panah,.rn-ring-isi{transition:none}.rn-btn:focus-visible,.rn-btn:hover,.rn-mode:focus-visible,.rn-mode:hover{transform:none}.rn-mode:hover .rn-mode-panah{transform:none}.rn-selesai-ikon{animation:none}}.zvis-scope{--color-primary:#0b6d78}.zvis-progress-notice{margin:0 0 12px;color:#7a1f2b;font-size:12.5px;font-weight:800;line-height:1.5;letter-spacing:.01em}.zvis-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.zvis-kartu{display:flex;flex-direction:column;border:1px solid var(--color-line,#e7e2d7);border-radius:12px;overflow:hidden;background:var(--color-surface-1,rgba(0,0,0,.02))}.zvis-poster{position:relative;display:block;width:100%;padding:0;border:none;background:#0a1519;cursor:pointer;line-height:0}.zvis-poster img{display:block;width:100%;height:auto;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.zvis-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ffffff;transition:transform .18s cubic-bezier(.23,1,.32,1)}.zvis-play:before{content:"";position:absolute;width:46px;height:46px;border-radius:50%;background:rgba(10,21,25,.62);border:1.5px solid rgba(255,255,255,.75)}.zvis-play svg{position:relative}@media (hover:hover) and (pointer:fine){.zvis-poster:hover .zvis-play{transform:scale(1.08)}}.zvis-poster:focus-visible{outline:2px solid var(--color-primary,#0097a9);outline-offset:-2px}.zvis-durasi{position:absolute;right:7px;bottom:7px;padding:1px 7px;border-radius:999px;background:rgba(10,21,25,.78);color:#ffffff;font-size:10.5px;font-weight:700;line-height:1.7}.zvis-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#0a1519}.zvis-teks{display:flex;flex-direction:column;gap:4px;padding:10px 11px 12px}.zvis-mapel{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-soft,#6b6660)}.zvis-judul{margin:0;font-size:14px;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--color-ink,#0e1116)}.zvis-ringkasan{margin:0;font-size:11.5px;line-height:1.5;color:var(--color-ink-soft,#6b6660)}.zvis-tautan{margin-top:4px;align-self:flex-start;font-size:11.5px;font-weight:700;text-decoration:none;color:var(--color-primary,#0097a9)}.zvis-tautan:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){.zvis-play{transition:none}.zvis-poster:hover .zvis-play{transform:none}}.zvis-tabs{display:flex;gap:4px;margin:0 0 14px;border-bottom:2px solid var(--color-line,#e7e2d7)}.zvis-tab{display:inline-flex;align-items:center;gap:6px;padding:9px 14px 8px;border:1px solid var(--color-line,#e7e2d7);border-bottom:none;border-radius:10px 10px 0 0;background:var(--color-surface,#f1efe8);color:var(--color-ink-soft,#6b6660);font-size:13px;font-weight:700;cursor:pointer;transform:translateY(2px);transition:transform .15s var(--ease,ease),color .15s var(--ease,ease),background .15s var(--ease,ease)}.zvis-tab svg{flex-shrink:0}.zvis-tab:hover{color:var(--color-ink,#0e1116)}.zvis-tab.is-active{background:var(--color-surface-1,#ffffff);color:var(--color-primary,#0097a9);border-color:var(--color-line,#e7e2d7);border-bottom:2px solid var(--color-surface-1,#ffffff);transform:translateY(3px)}.zvis-tab:focus-visible{outline:2px solid var(--color-primary,#0097a9);outline-offset:2px}.zvis-tab-panel{min-width:0}.zvis-info-rumpun+.zvis-info-rumpun{margin-top:18px}.zvis-info-rumpun-judul{margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-soft,#5c6470)}.zvis-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.zvis-info-seksi{grid-column:1/-1;margin:6px 0 0;font-size:11.5px;font-weight:800;color:var(--color-primary,#0b6d78)}.zvis-info-seksi:first-child{margin-top:0}.zvis-info-kartu{display:flex;flex-direction:column;gap:6px;padding:0;border:1px solid var(--color-line,#e7e2d7);border-radius:10px;overflow:hidden;background:var(--color-surface-1,rgba(0,0,0,.02));cursor:pointer;text-align:left}.zvis-info-kartu:focus-visible{outline:2px solid var(--color-primary,#0097a9);outline-offset:-2px}.zvis-info-poster{display:block;width:100%;line-height:0;background:var(--color-surface-2,#e9e6dd)}.zvis-info-poster img{display:block;width:100%;height:auto;aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover}.zvis-info-judul{padding:0 9px 9px;font-size:11.5px;font-weight:700;line-height:1.35;color:var(--color-ink,#0e1116)}.zvis-lb-overlay{position:fixed;inset:0;z-index:1200;display:flex;background:rgba(10,14,17,.94)}.zvis-lb-body{position:relative;width:100%;height:100%;touch-action:none}.zvis-lb-panggung{position:absolute;inset:0;display:flex;overflow:auto;background:#0a1519;overscroll-behavior:contain;cursor:grab}.zvis-lb-panggung--seret{cursor:grabbing}.zvis-lb-kanvas{margin:auto;flex:0 0 auto;font-size:0}.zvis-lb-img{display:block;width:100%;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.zvis-lb-bar{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 14px calc(7px + env(safe-area-inset-bottom, 0px));background:linear-gradient(0deg,rgba(6,9,11,.82) 40%,rgba(6,9,11,0));pointer-events:none;transition:opacity .26s ease}.zvis-lb-bar--sembunyi,.zvis-lb-kendali--sembunyi{opacity:0;visibility:hidden}.zvis-lb-kendali--sembunyi{transition:opacity .26s ease}.zvis-lb-bar>*{pointer-events:auto}.zvis-lb-tip{margin:0;font-size:11px;color:rgba(255,255,255,.5);text-align:center}.zvis-lb-tip-desktop{display:none}@media (pointer:fine){.zvis-lb-tip-desktop{display:inline}.zvis-lb-tip-sentuh{display:none}}.zvis-lb-close{position:absolute;top:calc(10px + env(safe-area-inset-top, 0px));right:10px;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:rgba(10,14,17,.6);color:#ffffff;cursor:pointer;backdrop-filter:blur(6px)}.zvis-lb-close:hover{background:rgba(10,14,17,.85)}.zvis-lb-nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;color:#ffffff;cursor:pointer;z-index:2;background:rgba(6,9,11,.42);border:1.5px solid rgba(255,255,255,.75);box-shadow:0 2px 10px rgba(0,0,0,.45);backdrop-filter:blur(3px);opacity:.82;transition:opacity .14s ease,background .14s ease}.zvis-lb-nav:focus-visible,.zvis-lb-nav:hover{opacity:1;background:rgba(6,9,11,.8)}.zvis-lb-nav-prev{left:12px}.zvis-lb-nav-next{right:12px}.zvis-lb-zoom{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.12);color:#ffffff}.zvis-lb-zoom-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:50%;background:rgba(255,255,255,.14);color:inherit;cursor:pointer}.zvis-lb-zoom-btn:hover:not(:disabled){background:rgba(255,255,255,.28)}.zvis-lb-zoom-btn:disabled{opacity:.35;cursor:default}.zvis-lb-zoom-nilai{min-width:52px;padding:0 4px;border:none;background:none;color:inherit;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer}.zvis-lb-zoom-tip{display:inline-flex;align-items:center;gap:5px;padding-left:4px;font-size:11.5px;color:rgba(255,255,255,.62);white-space:nowrap}.zvis-lb-caption{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;color:#ffffff}.zvis-lb-judul{font-size:13.5px;font-weight:700}.zvis-lb-counter{font-size:11px;color:rgba(255,255,255,.6)}.zvis-lb-animasi{margin-top:4px;font-size:12.5px;font-weight:700;color:#7fd8e0;text-decoration:none}.zvis-lb-animasi:hover{text-decoration:underline}:root{--kn-navy:#0d1b3e;--kn-navy-atas:#172c56;--kn-navy-bawah:#0a1530;--kn-emas:#e8b93f;--kn-emas-redup:#d4a129;--kn-garis:rgba(232,185,63,0.26)}.kartu-navy,.zona-navy .card,.zona-navy .card-featured,.zona-navy .card-flat,.zona-navy .card-outlined,.zona-navy .karz-card,.zona-navy .karz-tahap-card,.zona-navy .kdn-card,.zona-navy .krs-card,.zona-navy .sk-card,.zona-navy .snav-snbt-kartu,.zona-navy .snav-tryout-section,.zona-navy .snbt-subtest-card,.zona-navy .tka-card{--color-ink:#ffffff;--color-ink-2:#ffffff;--color-ink-3:rgba(255,255,255,0.88);--color-ink-soft:rgba(255,255,255,0.78);--color-ink-muted:rgba(255,255,255,0.7);--color-heading:#ffffff;--color-primary:var(--kn-emas);--color-primary-700:var(--kn-emas);--color-primary-soft:rgba(232,185,63,0.16);--color-line:rgba(255,255,255,0.16);--color-surface:rgba(255,255,255,0.1);--color-surface-1:rgba(255,255,255,0.07);--color-surface-2:rgba(255,255,255,0.14);--color-surface-muted:rgba(255,255,255,0.08);--color-surface-raised:rgba(255,255,255,0.12);--color-bg-soft:rgba(255,255,255,0.08);--color-paper-elevated:transparent;--color-muted:rgba(255,255,255,0.72);--color-text-soft:rgba(255,255,255,0.78);--color-paper:rgba(255,255,255,0.08);--color-paper-2:rgba(255,255,255,0.12);--color-border:rgba(255,255,255,0.18);--color-border-primary:rgba(255,255,255,0.18);--color-border-secondary:rgba(255,255,255,0.14);--color-border-tertiary:rgba(255,255,255,0.12);--color-divider:rgba(255,255,255,0.16);--color-rule:rgba(255,255,255,0.16);--color-accent:var(--kn-emas);--color-link-important:#ffffff;--k-ink:#ffffff;--k-muted:rgba(255,255,255,0.78);--k-hint:rgba(255,255,255,0.66);--k-surface:rgba(255,255,255,0.08);--k-surface-2:rgba(255,255,255,0.14);--k-border:rgba(255,255,255,0.18);--k-border-strong:rgba(232,185,63,0.62);--k-blue:var(--kn-emas);--k-blue-deep:var(--kn-emas);--k-blue-soft:rgba(232,185,63,0.18);--k-teal:var(--kn-emas);--k-teal-soft:rgba(232,185,63,0.18);--kdn-border:rgba(255,255,255,0.18);--kdn-meta:rgba(255,255,255,0.72);--kdn-hero-sub:rgba(255,255,255,0.78);background-image:linear-gradient(158deg,var(--kn-navy-atas) 0,var(--kn-navy) 54%,var(--kn-navy-bawah) 100%);background-color:var(--kn-navy);border:1px solid var(--kn-garis);color:#ffffff;box-shadow:0 6px 20px -10px rgba(6,12,26,.55)}.zona-navy .card .card,.zona-navy .card .card-flat,.zona-navy .card .card-outlined{background-image:none;background-color:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);box-shadow:none}@media (hover:hover) and (pointer:fine){.zona-navy .card-interactive:hover{border-color:rgba(232,185,63,.62);box-shadow:0 12px 28px -12px rgba(6,12,26,.7)}}:root[data-theme=dark] .kartu-navy,:root[data-theme=dark] .zona-navy .card,:root[data-theme=dark] .zona-navy .card-featured,:root[data-theme=dark] .zona-navy .card-flat,:root[data-theme=dark] .zona-navy .card-outlined,:root[data-theme=dark] .zona-navy .karz-card,:root[data-theme=dark] .zona-navy .karz-tahap-card,:root[data-theme=dark] .zona-navy .kdn-card,:root[data-theme=dark] .zona-navy .krs-card,:root[data-theme=dark] .zona-navy .sk-card,:root[data-theme=dark] .zona-navy .snav-snbt-kartu,:root[data-theme=dark] .zona-navy .snav-tryout-section,:root[data-theme=dark] .zona-navy .snbt-subtest-card,:root[data-theme=dark] .zona-navy .tka-card{--kn-navy:#142b52;--kn-navy-atas:#1d3767;--kn-navy-bawah:#101f3e;border-color:rgba(232,185,63,.38);box-shadow:0 6px 22px -10px rgba(0,0,0,.9);background-image:linear-gradient(158deg,var(--kn-navy-atas) 0,var(--kn-navy) 54%,var(--kn-navy-bawah) 100%);background-color:var(--kn-navy)}.kartu-navy .kn-emas,.zona-navy .kn-emas{color:var(--kn-emas)}.kartu-navy .kn-ikon,.zona-navy .kn-ikon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(232,185,63,.55);background:radial-gradient(circle at 32% 28%,rgba(232,185,63,.26),rgba(232,185,63,.08) 70%);color:var(--kn-emas)}.kartu-navy .kn-ikon svg,.zona-navy .kn-ikon svg{color:var(--kn-emas)}.kartu-navy .kn-label,.zona-navy .kn-label{display:inline-block;padding:2px 9px;border-radius:6px;background:rgba(232,185,63,.16);border:1px solid rgba(232,185,63,.4);color:var(--kn-emas);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.kartu-navy .kn-cta,.zona-navy .kn-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:999px;background:linear-gradient(180deg,var(--kn-emas),var(--kn-emas-redup));color:#14213d;font-weight:800;text-decoration:none;border:none}.zona-navy .brand-logo-chip{display:inline-block;background:#f4f1ea;border-radius:10px;padding:6px 10px;max-width:100%;line-height:0}@media (prefers-reduced-motion:reduce){.zona-navy .card-interactive:hover{transform:none}}.zona-navy .snav-snbt-kartu-num{width:42px;height:42px;font-size:1.02rem;font-weight:800;color:var(--kn-emas);background:radial-gradient(circle at 32% 28%,rgba(232,185,63,.26),rgba(232,185,63,.08) 70%);border:1.5px solid rgba(232,185,63,.55)}:root[data-theme=dark] .zona-navy .snav-snbt-kartu-num{color:var(--kn-emas)}.zona-navy .snav-snbt-kartu-title,:root[data-theme=dark] .zona-navy .snav-snbt-kartu-title{color:#ffffff}.zona-navy .snav-snbt-kartu-desc,:root[data-theme=dark] .zona-navy .snav-snbt-kartu-desc{color:rgba(255,255,255,.78)}.zona-navy .snav-snbt-kartu-hdr.is-open,:root[data-theme=dark] .zona-navy .snav-snbt-kartu-hdr.is-open{border-bottom-color:rgba(232,185,63,.32)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-snbt-uji-list,.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-topik-card{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-topik-soal-count,:root[data-theme=dark] .zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-topik-soal-count{background:rgba(126,226,168,.16);color:#7ee2a8}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-topik-card--open,:root[data-theme=dark] .zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-topik-card--open{border-color:rgba(232,185,63,.55);background:rgba(255,255,255,.09)}@media (hover:hover) and (pointer:fine){.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-topik-toggle:hover,:root[data-theme=dark] .zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-topik-toggle:hover{background:rgba(232,185,63,.08)}}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-topik-detail,:root[data-theme=dark] .zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-topik-detail{border-top-color:rgba(255,255,255,.12)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-topik-action-row,:root[data-theme=dark] .zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-topik-action-row{border-top-color:rgba(255,255,255,.12)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-action-materi,:root[data-theme=dark] .zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-action-materi{background:rgba(255,255,255,.1);color:#ffffff;border:1px solid rgba(255,255,255,.16)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-action-youtube,:root[data-theme=dark] .zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-action-youtube{background:rgba(255,106,96,.16);color:#ff9d94;border:1px solid rgba(255,106,96,.3)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-action-level[data-level=mudah],:root[data-theme=dark] .zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-action-level[data-level=mudah]{background:rgba(126,226,168,.13);color:#7ee2a8;border:1px solid rgba(126,226,168,.3)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-action-level[data-level=biasa],:root[data-theme=dark] .zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-action-level[data-level=biasa]{background:rgba(142,197,255,.13);color:#8ec5ff;border:1px solid rgba(142,197,255,.3)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-action-level[data-level=sulit],:root[data-theme=dark] .zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-action-level[data-level=sulit]{background:rgba(255,201,102,.13);color:#ffc966;border:1px solid rgba(255,201,102,.3)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-action-level[data-level=sangat_sulit],:root[data-theme=dark] .zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-action-level[data-level=sangat_sulit]{background:rgba(255,154,164,.13);color:#ff9aa4;border:1px solid rgba(255,154,164,.3)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-tryout-row{border-bottom-color:rgba(255,255,255,.14)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-tryout-row:hover{background:rgba(232,185,63,.12)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-tryout-row-label{color:#ffffff}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-tryout-row-meta{color:rgba(255,255,255,.72)}.zona-navy :is(.snav-snbt-kartu,.snav-tryout-section) .snav-tryout-row-arrow{color:var(--kn-emas)}.zona-navy .snav-gabungan-list,:root[data-theme=dark] .zona-navy .snav-gabungan-list{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16)}.zona-navy .snav-gabungan-item,:root[data-theme=dark] .zona-navy .snav-gabungan-item{border-bottom-color:rgba(255,255,255,.1)}@media (hover:hover) and (pointer:fine){.zona-navy .snav-gabungan-row:hover{background:rgba(232,185,63,.1)}}.zona-navy .snav-gabungan-row:active{background:rgba(232,185,63,.14)}.zona-navy .snav-gabungan-nomor,:root[data-theme=dark] .zona-navy .snav-gabungan-nomor{background:rgba(255,255,255,.1);color:#ffffff}.zona-navy .snav-gabungan-row.is-selesai .snav-gabungan-nomor,:root[data-theme=dark] .zona-navy .snav-gabungan-row.is-selesai .snav-gabungan-nomor{background:rgba(232,185,63,.16);color:var(--kn-emas)}.zona-navy .snav-gabungan-skor{color:var(--kn-emas)}.zona-navy .snav-gabungan-kategori{background:rgba(232,185,63,.16);color:var(--kn-emas)}.zona-navy .snav-gabungan-belum,.zona-navy .snav-gabungan-pro,.zona-navy .snav-gabungan-sub,.zona-navy .snav-gabungan-tanggal{color:rgba(255,255,255,.62)}.zona-navy .snav-gabungan-rincian-btn,:root[data-theme=dark] .zona-navy .snav-gabungan-rincian-btn{border-color:rgba(255,255,255,.24);color:rgba(255,255,255,.78)}.zona-navy .snav-gabungan-rincian-cell,:root[data-theme=dark] .zona-navy .snav-gabungan-rincian-cell{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.05)}.zona-navy .snav-gabungan-rincian-nama{color:rgba(255,255,255,.66)}.zona-navy .snav-gabungan-rincian-skor{color:#ffffff}.zona-navy .snav-gabungan-rincian-benar{color:rgba(255,255,255,.6)}.zona-navy .snav-gabungan-mulai,:root[data-theme=dark] .zona-navy .snav-gabungan-mulai{color:var(--kn-emas)}.zona-navy .snav-gabungan-clear,:root[data-theme=dark] .zona-navy .snav-gabungan-clear{border-color:rgba(255,255,255,.24);color:rgba(255,255,255,.72)}.zona-navy .snav-gabungan-ringkas-teks{color:rgba(255,255,255,.78)}.zona-navy .snav-gabungan-track{background:rgba(255,255,255,.12)}.zona-navy .snav-gabungan-track-fill{background:linear-gradient(90deg,var(--kn-emas-redup),var(--kn-emas))}.ztab [data-tone=biru]{--zt-bg:#e7f1fc;--zt-bg-2:#f5faff;--zt-line:#b6d3f0;--zt-accent:#1c4f87;--zt-ink:#0c2440;--zt-ink-soft:rgba(12,36,64,0.8);--zt-chip:#cfe4f9}.ztab [data-tone=hijau]{--zt-bg:#e6f5ea;--zt-bg-2:#f4fbf6;--zt-line:#b5ddc0;--zt-accent:#22694a;--zt-ink:#0e2a1c;--zt-ink-soft:rgba(14,42,28,0.8);--zt-chip:#cfeddb}.ztab [data-tone=krem]{--zt-bg:#faf1de;--zt-bg-2:#fdf9f0;--zt-line:#e8d2a6;--zt-accent:#8a5f12;--zt-ink:#3a2c10;--zt-ink-soft:rgba(58,44,16,0.8);--zt-chip:#f4e3bd}.ztab{margin:6px 0 4px}.ztab-bar{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--color-surface-2,#f1efe9);border:1px solid var(--color-line,#e7e2d7);box-shadow:inset 0 1px 2px rgba(14,17,22,.05);position:sticky;top:0;z-index:3;backdrop-filter:saturate(1.2) blur(6px)}[data-theme=dark] .ztab-bar{background:#14171c;border-color:rgba(255,255,255,.12);box-shadow:inset 0 1px 2px rgba(0,0,0,.5)}.ztab-btn{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 6px;border:1px solid transparent;border-radius:11px;background:transparent;cursor:pointer;font:inherit;font-family:var(--font-display,inherit);font-size:.8rem;font-weight:700;letter-spacing:.005em;color:var(--color-ink-soft,#5f5e5a);transition:background .22s cubic-bezier(.22,1,.36,1),color .22s cubic-bezier(.22,1,.36,1),border-color .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1)}.ztab-btn-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ztab-btn-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--zt-chip,#d8d4cb);border:1px solid var(--zt-line,#cfcabd);transition:background .22s,border-color .22s}.ztab-btn[aria-selected=true]{background:var(--zt-bg,#fff);border-color:var(--zt-line,#e7e2d7);color:var(--zt-accent,#0e1116);box-shadow:0 2px 8px -4px rgba(14,17,22,.35)}.ztab-btn[aria-selected=true] .ztab-btn-dot{background:var(--zt-accent);border-color:var(--zt-accent)}.ztab-btn:focus-visible{outline:2px solid var(--zt-accent,#0097a9);outline-offset:2px}@media (hover:hover) and (pointer:fine){.ztab-btn:hover{color:var(--zt-accent,#0e1116);background:color-mix(in srgb,var(--zt-bg,#fff) 55%,transparent)}}[data-theme=dark] .ztab-btn{color:rgba(255,255,255,.66)}@media (max-width:380px){.ztab-btn{padding:8px 4px;font-size:.73rem;gap:4px}.ztab-btn-dot{width:6px;height:6px}}.ztab-panel{margin-top:10px;padding:14px 12px 16px;border-radius:16px;border:1px solid var(--zt-line,#e7e2d7);background:linear-gradient(180deg,var(--zt-bg-2,#fff) 0,var(--zt-bg,#f6f4ef) 42%);box-shadow:0 10px 30px -22px rgba(14,17,22,.55);animation:ztabMasuk .34s cubic-bezier(.22,1,.36,1) backwards;--color-ink:var(--zt-ink);--color-ink-2:var(--zt-ink);--color-ink-3:var(--zt-ink-soft);--color-ink-soft:var(--zt-ink-soft);--color-ink-muted:var(--zt-ink-soft);--color-heading:var(--zt-ink);--color-muted:var(--zt-ink-soft);--color-text-soft:var(--zt-ink-soft);--color-line:var(--zt-line);--color-border:var(--zt-line);color:var(--zt-ink)}.ztab-panel[hidden]{display:none}@keyframes ztabMasuk{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ztab-panel{animation:none}.ztab-btn,.ztab-btn-dot{transition:none}}.ztab-hint{margin:0 0 12px;padding:0 0 10px;border-bottom:1px dashed var(--zt-line,#e7e2d7);font-size:.76rem;line-height:1.55;color:var(--zt-ink-soft)}.ztab-isi{display:block}.ztab-panel .mh-card,.ztab-panel .snav-mapel-card,.ztab-panel .snav-topik-card,.ztab-panel .snav-tryout-row{background-color:color-mix(in srgb,#fff 82%,var(--zt-bg-2));border-color:color-mix(in srgb,var(--zt-line) 70%,transparent)}.ztab-panel .snav-group-label{color:var(--zt-ink)}.ztab-panel .snav-group-desc,.ztab-panel .snav-zone-intro{color:var(--zt-ink-soft)}[data-theme=dark] .ztab [data-tone=biru]{--zt-bg:#0f1c2e;--zt-bg-2:#14243a;--zt-line:rgba(154,195,242,0.26);--zt-accent:#9ac3f2;--zt-ink:#eaf2fb;--zt-ink-soft:rgba(234,242,251,0.74);--zt-chip:#cfe4f9}[data-theme=dark] .ztab [data-tone=hijau]{--zt-bg:#101f18;--zt-bg-2:#15291f;--zt-line:rgba(147,214,173,0.26);--zt-accent:#93d6ad;--zt-ink:#e9f6ee;--zt-ink-soft:rgba(233,246,238,0.74);--zt-chip:#cfeddb}[data-theme=dark] .ztab [data-tone=krem]{--zt-bg:#221b0f;--zt-bg-2:#2c2415;--zt-line:rgba(232,202,137,0.26);--zt-accent:#e8ca89;--zt-ink:#f7efdf;--zt-ink-soft:rgba(247,239,223,0.74);--zt-chip:#f4e3bd}[data-theme=dark] .ztab-panel{box-shadow:0 12px 34px -22px rgba(0,0,0,.9)}[data-theme=dark] .ztab-panel .mh-card,[data-theme=dark] .ztab-panel .snav-mapel-card,[data-theme=dark] .ztab-panel .snav-topik-card,[data-theme=dark] .ztab-panel .snav-tryout-row{background-color:rgba(255,255,255,.05)}@media (min-width:1024px){.ztab-panel{padding:18px 18px 22px}.ztab-btn{font-size:.85rem;padding:10px 8px}}.aku-zona{--ak-paper:#fffdfa;--ak-paper-2:#fbf7f0;--ak-ink:#1b2028;--ak-ink-soft:rgba(27,32,40,0.68);--ak-ink-faint:rgba(27,32,40,0.5);--ak-line:rgba(27,32,40,0.1);--ak-emas:#b08b46;display:flex;flex-direction:column;gap:10px;color:var(--ak-ink)}[data-theme=dark] .aku-zona{--ak-paper:#191c22;--ak-paper-2:#14171c;--ak-ink:#f3f0ea;--ak-ink-soft:rgba(243,240,234,0.7);--ak-ink-faint:rgba(243,240,234,0.52);--ak-line:rgba(255,255,255,0.1);--ak-emas:#d8b46a}.aku-zona [data-aksen=sage]{--ak-accent:#5d8a6a;--ak-accent-deep:#3f6b4d}.aku-zona [data-aksen=pasir]{--ak-accent:#a8823f;--ak-accent-deep:#7d5f22}.aku-zona [data-aksen=laut]{--ak-accent:#4e8390;--ak-accent-deep:#33646d}.aku-zona [data-aksen=mawar]{--ak-accent:#b06f86;--ak-accent-deep:#94445c}.aku-zona [data-aksen=lavender]{--ak-accent:#7a74a8;--ak-accent-deep:#57508a}.aku-zona [data-aksen=biru]{--ak-accent:#5a7ea6;--ak-accent-deep:#3c6288}.aku-zona [data-aksen=batu]{--ak-accent:#5f6b7a;--ak-accent-deep:#414b58}.aku-zona [data-aksen=emas]{--ak-accent:#b08b46;--ak-accent-deep:#8a6a20}.aku-zona [data-aksen=teal]{--ak-accent:#4f8a86;--ak-accent-deep:#35706c}[data-theme=dark] .aku-zona [data-aksen=sage]{--ak-accent-deep:#9cc9a8}[data-theme=dark] .aku-zona [data-aksen=pasir]{--ak-accent-deep:#e0bd78}[data-theme=dark] .aku-zona [data-aksen=laut]{--ak-accent-deep:#8fc6d0}[data-theme=dark] .aku-zona [data-aksen=mawar]{--ak-accent-deep:#eaa6ba}[data-theme=dark] .aku-zona [data-aksen=lavender]{--ak-accent-deep:#b8b2e2}[data-theme=dark] .aku-zona [data-aksen=biru]{--ak-accent-deep:#9dc0e2}[data-theme=dark] .aku-zona [data-aksen=batu]{--ak-accent-deep:#b4bfcd}[data-theme=dark] .aku-zona [data-aksen=emas]{--ak-accent-deep:#e3c179}[data-theme=dark] .aku-zona [data-aksen=teal]{--ak-accent-deep:#8ecac5}.aku-hero{margin:0 0 6px;padding:18px 18px 16px;border-radius:20px;border:1px solid var(--ak-line);background:radial-gradient(120% 130% at 100% 0,rgba(176,139,70,.13) 0,transparent 58%),linear-gradient(180deg,var(--ak-paper) 0,var(--ak-paper-2) 100%);box-shadow:0 14px 34px -28px rgba(20,25,33,.75)}.aku-hero-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ak-emas);margin:0 0 8px}.aku-hero-eyebrow:before{content:"";width:18px;height:1px;background:currentColor;opacity:.7}.aku-hero-judul{font-family:var(--font-display,inherit);font-size:1.55rem;font-weight:800;letter-spacing:-.025em;line-height:1.1;color:var(--ak-ink);margin:0}.aku-hero-lead{margin:7px 0 0;font-size:.84rem;line-height:1.6;color:var(--ak-ink-soft);max-width:46ch}.aku-kartu{position:relative;display:block;padding:15px 16px 16px 19px;border-radius:18px;text-decoration:none;color:var(--ak-ink);overflow:hidden;border:1px solid color-mix(in srgb,var(--ak-accent,#5f6b7a) 24%,var(--ak-line));background:radial-gradient(125% 110% at 0 0,color-mix(in srgb,var(--ak-accent,#5f6b7a) 11%,transparent) 0,transparent 62%),var(--ak-paper);box-shadow:0 12px 30px -26px rgba(20,25,33,.8);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1)}.aku-kartu:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--ak-accent,#5f6b7a) 0,color-mix(in srgb,var(--ak-accent,#5f6b7a) 25%,transparent) 100%)}@media (hover:hover) and (pointer:fine){a.aku-kartu:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ak-accent,#5f6b7a) 46%,transparent);box-shadow:0 20px 40px -26px rgba(20,25,33,.85)}}a.aku-kartu:focus-visible{outline:2px solid var(--ak-accent-deep,#414b58);outline-offset:3px}@media (prefers-reduced-motion:reduce){.aku-kartu{transition:none}a.aku-kartu:hover{transform:none}}.aku-kartu--mati{opacity:.82;cursor:default}.aku-kartu--sorot{box-shadow:0 0 0 1px color-mix(in srgb,var(--ak-emas) 45%,transparent),0 16px 36px -26px rgba(20,25,33,.9)}.aku-kartu-head{display:flex;align-items:center;gap:11px}.aku-ikon{flex:0 0 auto;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--ak-accent,#5f6b7a) 14%,transparent);border:1px solid color-mix(in srgb,var(--ak-accent,#5f6b7a) 26%,transparent)}.aku-ikon,.aku-ikon>svg{color:var(--ak-accent-deep,#414b58)}.aku-ikon>svg{stroke:var(--ak-accent-deep,#414b58)}.aku-judul{font-family:var(--font-display,inherit);font-size:.97rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;color:var(--ak-ink)}.aku-desc{margin-top:8px;font-size:.81rem;line-height:1.6;color:var(--ak-ink-soft)}.aku-kartu--logo .aku-desc{margin-top:10px}.aku-logo-baris{display:block;max-width:100%}.aku-badge{display:inline-block;margin-bottom:9px;padding:2px 9px;border-radius:7px;font-size:.6rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ak-accent-deep,#414b58);background:color-mix(in srgb,var(--ak-accent,#5f6b7a) 12%,transparent);border:1px solid color-mix(in srgb,var(--ak-accent,#5f6b7a) 30%,transparent)}.aku-badge--pro{color:var(--ak-emas);background:color-mix(in srgb,var(--ak-emas) 12%,transparent);border-color:color-mix(in srgb,var(--ak-emas) 38%,transparent)}.aku-badge--kerja{color:var(--ak-ink-faint);background:transparent;border-color:var(--ak-line)}@media (min-width:900px){.aku-daftar{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.aku-kartu--sorot{grid-column:1/-1}.aku-hero{padding:24px 26px 22px}.aku-hero-judul{font-size:1.85rem}}