:root{--c-blue-50: #eff6ff;--c-blue-100: #dbeafe;--c-blue-200: #bfdbfe;--c-blue-400: #60a5fa;--c-blue-500: #4A90E2;--c-blue-600: #2563EB;--c-blue-700: #1D4ED8;--c-blue-900: #1e3a8a;--c-navy: #0E1729;--c-navy-soft: #1c2740;--c-pink: #EC4187;--c-green: #97D32B;--c-blue-brand: #5B7CFE;--c-slate-50: #f8fafc;--c-slate-100: #f1f5f9;--c-slate-200: #e2e8f0;--c-slate-300: #cbd5e1;--c-slate-400: #94a3b8;--c-slate-500: #64748b;--c-slate-600: #475569;--c-slate-700: #334155;--c-slate-800: #1e293b;--c-slate-900: #0f172a;--c-emerald-50: #ecfdf5;--c-emerald-100: #d1fae5;--c-emerald-200: #a7f3d0;--c-emerald-500: #10b981;--c-emerald-600: #059669;--c-emerald-700: #047857;--c-emerald-900: #064e3b;--c-amber-50: #fffbeb;--c-amber-200: #fde68a;--c-amber-500: #f59e0b;--c-amber-700: #b45309;--c-amber-800: #92400e;--c-red-50: #fef2f2;--c-red-200: #fecaca;--c-red-500: #ef4444;--c-red-600: #dc2626;--c-red-700: #b91c1c;--c-ist: var(--c-blue-600);--c-disc: #9333ea;--c-papi: #059669;--c-kraepelin: #ea580c;--c-intray: #0d9488;--accent-50: var(--c-blue-50);--accent-100: var(--c-blue-100);--accent-200: var(--c-blue-200);--accent-500: var(--c-blue-500);--accent-600: var(--c-blue-600);--accent-700: var(--c-blue-700);--accent-fg: #ffffff;--accent-gradient: linear-gradient(135deg, var(--c-blue-500), var(--c-blue-600));--accent-gradient-hover: linear-gradient(135deg, var(--c-blue-600), var(--c-blue-700));--gradient-primary: linear-gradient(135deg, var(--c-blue-500), var(--c-blue-600));--gradient-primary-hover: linear-gradient(135deg, var(--c-blue-600), var(--c-blue-700));--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-pill: 9999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 1px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 24px rgba(15, 23, 42, .12), 0 4px 8px rgba(15, 23, 42, .06);--font-sans: "Inter", "Helvetica Neue", Arial, system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 16px;--fs-lg: 18px;--fs-xl: 20px;--fs-2xl: 26px;--fs-3xl: 36px;--fs-display: 44px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extra: 800;--eyebrow-size: 11px;--eyebrow-weight: 700;--eyebrow-spacing: .2em;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}.theme-kp{--accent-50: #fff7ed;--accent-100: #ffedd5;--accent-200: #fed7aa;--accent-500: #f97316;--accent-600: #ea580c;--accent-700: #c2410c;--accent-gradient: linear-gradient(135deg, #f97316, #ea580c);--accent-gradient-hover: linear-gradient(135deg, #ea580c, #c2410c)}.theme-disc{--accent-50: #faf5ff;--accent-100: #f3e8ff;--accent-200: #e9d5ff;--accent-500: #a855f7;--accent-600: #9333ea;--accent-700: #7e22ce;--accent-gradient: linear-gradient(135deg, #a855f7, #9333ea);--accent-gradient-hover: linear-gradient(135deg, #9333ea, #7e22ce)}.theme-papi{--accent-50: #ecfdf5;--accent-100: #d1fae5;--accent-200: #a7f3d0;--accent-500: #10b981;--accent-600: #059669;--accent-700: #047857;--accent-gradient: linear-gradient(135deg, #10b981, #059669);--accent-gradient-hover: linear-gradient(135deg, #059669, #047857)}.theme-intray{--accent-50: #f0fdfa;--accent-100: #ccfbf1;--accent-200: #99f6e4;--accent-500: #14b8a6;--accent-600: #0d9488;--accent-700: #0f766e;--accent-gradient: linear-gradient(135deg, #14b8a6, #0d9488);--accent-gradient-hover: linear-gradient(135deg, #0d9488, #0f766e)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:#f3f4f6;color:var(--c-slate-900);font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6,p,figure,ol,ul,dl,dd,dt{margin:0}ol,ul{padding:0;list-style:none}img,svg,video,canvas{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:not-allowed}input,select,textarea{font:inherit;color:inherit}table{border-collapse:collapse;width:100%}:focus-visible{outline:2px solid var(--c-blue-500);outline-offset:2px}::selection{background:var(--c-blue-100);color:var(--c-blue-900)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.container{width:100%;margin-inline:auto;padding-inline:var(--space-6)}.container--sm{max-width:36rem}.container--md{max-width:48rem}.container--lg{max-width:64rem}.container--xl{max-width:80rem}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.stack--xs{gap:var(--space-1)}.stack--sm{gap:var(--space-2)}.stack--md{gap:var(--space-4)}.stack--lg{gap:var(--space-6)}.stack--xl{gap:var(--space-8)}.row{display:flex;align-items:center;gap:var(--space-3)}.row--between{justify-content:space-between}.row--end{justify-content:flex-end}.row--center{justify-content:center}.row--top{align-items:flex-start}.row--wrap{flex-wrap:wrap}.grid{display:grid;gap:var(--space-4)}.grid--2,.grid--3{grid-template-columns:1fr}.grid--builder{grid-template-columns:1fr;gap:var(--space-8)}@media(min-width:640px){.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.grid--builder{grid-template-columns:1fr 320px}}.spacer-md{height:var(--space-4)}.spacer-lg{height:var(--space-8)}.topbar{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--c-slate-200)}.topbar__accent{height:6px;background:var(--accent-gradient)}.topbar__inner{max-width:56rem;margin-inline:auto;padding:var(--space-3) var(--space-4);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.topbar__title-block{flex:1;min-width:0}.topbar__eyebrow{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--c-slate-500);text-transform:uppercase;letter-spacing:.06em}.topbar__title{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--c-slate-900);letter-spacing:-.01em}.topbar__progress{max-width:56rem;margin-inline:auto;padding:0 var(--space-4) var(--space-3)}.page{min-height:100%}.text-meta{font-size:var(--fs-xs);color:var(--c-slate-500)}.text-muted{color:var(--c-slate-500)}.text-mono{font-family:var(--font-mono)}.text-tabular{font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px var(--space-6);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--fs-sm);font-weight:var(--fw-semibold);line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary{background:var(--accent-gradient);color:var(--accent-fg);box-shadow:var(--shadow-sm);border-color:transparent;letter-spacing:.01em}.btn-primary:hover:not(:disabled){background:var(--accent-gradient-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-ghost{background:#fff;border-color:var(--c-slate-300);color:var(--c-slate-700);box-shadow:var(--shadow-sm)}.btn-ghost:hover:not(:disabled){background:var(--c-slate-50);border-color:var(--c-slate-400)}.btn-link{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--accent-600);font-size:var(--fs-sm);font-weight:var(--fw-medium);background:none;border:0;padding:0;cursor:pointer}.btn-link:hover{color:var(--accent-700);text-decoration:underline}.btn-lg{padding:14px var(--space-8);font-size:var(--fs-base)}.btn--block{width:100%}.btn--on-dark{color:#fff}.btn--on-dark:hover{color:#fff;opacity:.85;text-decoration:none}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--c-slate-400);background:transparent;border:0;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.btn-icon:hover{background:var(--c-slate-100);color:var(--c-slate-700)}.btn-icon--danger:hover{background:var(--c-red-50);color:var(--c-red-600)}.card{background:#fff;border:1px solid var(--c-slate-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);padding:var(--space-6)}.card--flush{padding:0}.card--sm{padding:var(--space-5)}.card--lg{padding:var(--space-8)}.card--interactive{display:block;width:100%;text-align:left;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.card--interactive:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--c-slate-300)}.card--selected{border-color:var(--accent-500);background:var(--accent-50);box-shadow:0 0 0 3px var(--accent-100)}.card--success{background:var(--c-emerald-50);border-color:var(--c-emerald-200)}.card--info{background:var(--c-blue-50);border-color:var(--c-blue-200)}.card-soft{background:var(--c-slate-50);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3)}.card--sticky{position:sticky;top:var(--space-6);align-self:start}.field-label{display:block;font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--c-slate-500)}.field-input{margin-top:var(--space-1);display:block;width:100%;padding:12px var(--space-4);background:#fff;border:1px solid var(--c-slate-300);border-radius:var(--radius-md);font-size:var(--fs-base);color:var(--c-slate-900);box-shadow:var(--shadow-sm);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.field-input:focus{border-color:var(--accent-500);box-shadow:0 0 0 3px var(--accent-100)}.field-input--lg{font-size:var(--fs-lg);font-weight:var(--fw-semibold);padding:14px var(--space-4)}.consent-row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--c-slate-50);border:1px solid var(--c-slate-200);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.consent-row:hover{border-color:var(--c-slate-300);background:#fff}.consent-row input[type=checkbox]{margin-top:2px;width:18px;height:18px;accent-color:var(--accent-600);flex-shrink:0}.consent-row__text{font-size:var(--fs-sm);color:var(--c-slate-700);line-height:1.5}.eyebrow{display:inline-block;font-size:var(--eyebrow-size);font-weight:var(--eyebrow-weight);text-transform:uppercase;letter-spacing:var(--eyebrow-spacing);color:var(--c-slate-500)}.eyebrow--accent{color:var(--accent-600)}.eyebrow--emerald{color:var(--c-emerald-700)}.eyebrow--blue{color:var(--c-blue-600)}.eyebrow--amber{color:var(--c-amber-700)}.eyebrow--on-dark{color:#ffffffb3}.badge{display:inline-flex;align-items:center;padding:3px 8px;border:1px solid var(--c-slate-200);background:var(--c-slate-50);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--eyebrow-size);font-weight:var(--fw-semibold);letter-spacing:.04em;color:var(--c-slate-500)}.badge--solid{background:var(--c-slate-100);color:var(--c-slate-600)}.badge--themed{background:var(--accent-50);border-color:var(--accent-200);color:var(--accent-700)}.numbered-pill{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-pill);background:var(--c-navy);color:#fff;font-size:var(--fs-xs);font-weight:var(--fw-bold)}.numbered-pill--accent{background:var(--accent-600)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid transparent;font-size:var(--fs-sm)}.alert--warn{background:var(--c-amber-50);border-color:var(--c-amber-200);color:var(--c-amber-800)}.alert--error{background:var(--c-red-50);border-color:var(--c-red-200);color:var(--c-red-700)}.progress{width:100%}.progress__head{margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--c-slate-500)}.progress__bar{height:8px;width:100%;overflow:hidden;border-radius:var(--radius-pill);background:var(--c-slate-200)}.progress__fill{height:100%;background:var(--accent-gradient);transition:width var(--transition-slow)}.timer-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px var(--space-3);border:1px solid var(--c-slate-200);background:var(--c-slate-50);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--c-slate-700);font-variant-numeric:tabular-nums}.timer-pill__label{font-family:var(--font-sans);font-size:10px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.06em;opacity:.7}.timer-pill--warn{background:var(--c-amber-50);border-color:var(--c-amber-200);color:var(--c-amber-700);animation:pulse-soft 1.6s ease-in-out infinite}.timer-pill--expired{background:var(--c-red-50);border-color:var(--c-red-200);color:var(--c-red-700)}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.5}}.column-pill{display:inline-flex;align-items:center;gap:var(--space-3);padding:8px var(--space-3);border:1px solid var(--accent-200);background:var(--accent-50);border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--accent-700)}.column-pill__label{font-family:var(--font-sans);font-size:10px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.06em;opacity:.8}.column-pill__value{font-family:var(--font-mono);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.column-pill__strip{display:inline-flex;gap:3px}.column-pill__seg{width:8px;height:12px;border-radius:2px;background:var(--accent-200)}.column-pill__seg--done{background:var(--accent-600)}.column-pill__seg--active{background:var(--accent-500)}.stat{background:var(--c-slate-50);border:1px solid var(--c-slate-100);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.stat__value{font-size:var(--fs-2xl);font-weight:var(--fw-extra);color:var(--c-slate-900);font-variant-numeric:tabular-nums;line-height:1.1}.stat__label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--c-slate-500);margin-top:4px}.list-rows{margin-top:var(--space-5);border:1px solid var(--c-slate-200);border-radius:var(--radius-lg);overflow:hidden;background:#fff}.list-rows>li+li{border-top:1px solid var(--c-slate-100)}.list-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--fs-sm);position:relative}.list-row__title{flex:1;font-weight:var(--fw-medium);color:var(--c-slate-900);min-width:0}.list-row__meta{font-size:var(--fs-xs);color:var(--c-slate-500)}.list-row--themed{padding-left:var(--space-5)}.list-row--themed:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:2px;background:var(--accent-500)}.list-divided>li+li{border-top:1px solid var(--c-slate-100)}.h1{font-size:var(--fs-3xl);font-weight:var(--fw-extra);letter-spacing:-.02em;color:var(--c-slate-900);line-height:1.1}.h1--display{font-size:var(--fs-display);line-height:1.05}.h1--on-dark{color:#fff}.h2{font-size:var(--fs-sm);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--c-slate-500)}.brand-link{display:inline-flex;align-items:center}.hero{position:relative;background:var(--c-navy);color:#fff;overflow:hidden;border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}.hero__inner{position:relative;max-width:64rem;margin-inline:auto;padding:var(--space-12) var(--space-6) var(--space-16);display:grid;gap:var(--space-8);grid-template-columns:1fr}@media(min-width:768px){.hero__inner{grid-template-columns:1fr 240px;align-items:center;padding:var(--space-16) var(--space-6)}}.hero__copy{max-width:30ch}.hero__sub{margin-top:var(--space-3);font-size:var(--fs-lg);color:#ffffffc7;line-height:1.55}.hero__ctas{margin-top:var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero__deco{position:relative;height:200px;display:none}@media(min-width:768px){.hero__deco{display:block}}.hero__deco-sq{position:absolute;border-radius:14px;box-shadow:0 12px 36px #00000059}.hero__deco-sq--green{background:var(--c-green);width:70px;height:70px;left:0;bottom:0}.hero__deco-sq--pink{background:var(--c-pink);width:100px;height:100px;left:36px;bottom:36px}.hero__deco-sq--blue{background:var(--c-blue-brand);width:130px;height:130px;left:84px;bottom:84px}.hero-strip{background:var(--c-navy);color:#fff;border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}.hero-strip__inner{max-width:64rem;margin-inline:auto;padding:var(--space-6) var(--space-6) var(--space-8);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.hero-strip__title-block{flex:1;min-width:0}.hero-strip__triad{display:inline-flex;gap:4px}.hero-strip__triad-sq{width:14px;height:14px;border-radius:3px}.hero-strip__triad-sq--green{background:var(--c-green)}.hero-strip__triad-sq--pink{background:var(--c-pink)}.hero-strip__triad-sq--blue{background:var(--c-blue-brand)}.lane{display:flex;flex-direction:column;gap:var(--space-4)}.lane__icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--accent-50);color:var(--accent-600);display:inline-flex;align-items:center;justify-content:center}.lane__title{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--c-slate-900);letter-spacing:-.01em}.lane__desc{font-size:var(--fs-sm);color:var(--c-slate-600);line-height:1.6}.q-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-xs);flex-wrap:wrap}.q-header__dot{color:var(--c-slate-400)}.q-header__bagian{font-weight:var(--fw-medium);color:var(--c-slate-600)}.q-header__counter{font-family:var(--font-mono);color:var(--c-slate-500)}.q-header__spacer{flex:1}.q-instruksi{padding:var(--space-3) var(--space-4);background:var(--accent-50);border-left:3px solid var(--accent-500);border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--c-slate-800);line-height:1.55}.petunjuk-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--accent-200);background:var(--accent-50);color:var(--accent-700);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);cursor:pointer;transition:background var(--transition-fast)}.petunjuk-toggle:hover{background:var(--accent-100)}.petunjuk-toggle__chev{transition:transform var(--transition-fast)}.petunjuk-toggle[aria-expanded=true] .petunjuk-toggle__chev{transform:rotate(180deg)}.q-prompt{font-size:var(--fs-lg);line-height:1.55;color:var(--c-slate-900)}.option{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:#fff;border:1px solid var(--c-slate-200);border-radius:var(--radius-lg);text-align:left;font-size:var(--fs-sm);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.option:hover{border-color:var(--c-slate-300);background:var(--c-slate-50)}.option--selected{border-color:var(--accent-500);background:var(--accent-50);box-shadow:0 0 0 2px var(--accent-100)}.option__key{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-pill);border:1px solid var(--c-slate-300);font-size:var(--fs-sm);font-weight:var(--fw-bold);text-transform:uppercase;color:var(--c-slate-600);background:#fff}.option--selected .option__key{border-color:var(--accent-500);background:var(--accent-500);color:#fff}.option__text{flex:1;color:var(--c-slate-800);line-height:1.5}.option--lg{padding:var(--space-4);font-size:var(--fs-base)}.option--lg .option__key{width:40px;height:40px;font-size:var(--fs-base)}.key-chip{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--c-slate-300);border-radius:var(--radius-md);background:#fff;font-size:var(--fs-base);font-weight:var(--fw-bold);text-transform:uppercase;color:var(--c-slate-700);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.key-chip:hover{border-color:var(--c-slate-400)}.key-chip--selected{background:var(--accent-500);border-color:var(--accent-500);color:#fff;box-shadow:var(--shadow-sm)}.image-frame{margin-top:var(--space-5);padding:var(--space-4);background:#fff;border:1px solid var(--c-slate-200);border-radius:var(--radius-lg);overflow:hidden}.image-frame img{width:100%;max-width:36rem}.disc-table{margin-top:var(--space-5);font-size:var(--fs-sm)}.disc-table th{font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--c-slate-500);text-align:left;padding:var(--space-2)}.disc-table th.disc-table__col{width:64px;text-align:center}.disc-table td{padding:var(--space-3) var(--space-2);border-top:1px solid var(--c-slate-100);color:var(--c-slate-800)}.disc-table td.disc-table__cell{text-align:center}.disc-radio{width:20px;height:20px}.disc-radio--paling{accent-color:var(--accent-600)}.disc-radio--tidak{accent-color:var(--c-pink)}.catalog-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.catalog-card__check{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--c-slate-300);border-radius:var(--radius-sm);background:#fff;color:transparent;font-size:var(--fs-xs);font-weight:var(--fw-bold);transition:all var(--transition-fast)}.card--selected .catalog-card__check{border-color:var(--accent-600);background:var(--accent-600);color:#fff}.catalog-card__title{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--c-slate-900);margin-top:6px;letter-spacing:-.01em}.catalog-card__desc{margin-top:6px;font-size:var(--fs-sm);color:var(--c-slate-600);line-height:1.55}.catalog-card__meta{margin-top:var(--space-4);display:flex;gap:var(--space-4);font-size:var(--fs-xs);color:var(--c-slate-500)}.catalog-card__meta strong{color:var(--c-slate-700);font-weight:var(--fw-semibold)}.empty{margin-top:var(--space-5);padding:var(--space-4) var(--space-3);border-radius:var(--radius-md);background:var(--c-slate-50);text-align:center;font-size:var(--fs-xs);color:var(--c-slate-500)}.footer-fineprint{margin-top:var(--space-16);font-size:var(--fs-xs);color:var(--c-slate-400)}.test-intro{max-width:44rem;margin:var(--space-8) auto;padding:var(--space-10);background:#fff;border:1px solid var(--c-slate-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.test-intro:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--accent-gradient)}.test-intro__title{margin-top:6px;font-size:var(--fs-3xl);font-weight:var(--fw-extra);letter-spacing:-.02em;color:var(--c-slate-900);line-height:1.1}.test-intro__sub{margin-top:var(--space-2);font-size:var(--fs-base);color:var(--c-slate-600)}.test-intro__meta{margin-top:var(--space-6);display:grid;grid-template-columns:1fr;gap:var(--space-2);border:1px solid var(--c-slate-200);border-radius:var(--radius-lg);overflow:hidden}.test-intro__meta-row{display:grid;grid-template-columns:minmax(120px,200px) 1fr;align-items:baseline;padding:var(--space-3) var(--space-4);background:#fff}.test-intro__meta-row+.test-intro__meta-row{border-top:1px solid var(--c-slate-100)}.test-intro__meta-row dt{font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--c-slate-500)}.test-intro__meta-row dd{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-slate-900)}.test-intro__instruksi{margin-top:var(--space-8)}.test-intro__instruksi ol{list-style:decimal;padding-left:var(--space-6);font-size:var(--fs-base);color:var(--c-slate-700);line-height:1.7;margin-top:var(--space-3)}.test-intro__instruksi ol li+li{margin-top:8px}.test-intro__instruksi strong{color:var(--c-slate-900)}.test-intro__attention{margin-top:var(--space-6);padding:var(--space-3) var(--space-4);background:var(--accent-50);border-left:3px solid var(--accent-500);border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--c-slate-700)}.test-intro__attention strong{color:var(--accent-700)}.test-intro__cta{margin-top:var(--space-8);display:flex;justify-content:flex-end}.take-layout{width:100%;max-width:84rem;margin-inline:auto;padding:var(--space-10) var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr;align-items:start}@media(min-width:1024px){.take-layout{grid-template-columns:280px minmax(0,1fr)}}.take-layout__nav{position:sticky;top:var(--space-4);align-self:start}.take-layout__main{min-width:0}.take-layout__nav-stub{width:100%;padding:var(--space-3) var(--space-4);border:1px dashed var(--c-slate-300);border-radius:var(--radius-lg);background:#fff;color:var(--c-slate-600);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-align:left;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.take-layout__nav-stub:hover{border-color:var(--accent-500);color:var(--accent-700);background:var(--accent-50)}.q-nav__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.q-nav__bagians{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-4)}.q-nav__bagian-title{font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--c-slate-500);margin-bottom:var(--space-2)}.q-nav__grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}@media(min-width:640px){.q-nav__grid{grid-template-columns:repeat(12,minmax(0,1fr))}}@media(min-width:1024px){.take-layout__nav .q-nav__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.q-nav__cell{display:inline-flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;min-height:36px;border:1px solid var(--c-slate-200);background:#fff;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--c-slate-600);font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.q-nav__cell:hover{border-color:var(--c-slate-400);transform:translateY(-1px)}.q-nav__cell--answered{background:var(--c-emerald-50);border-color:var(--c-emerald-500);color:var(--c-emerald-700)}.q-nav__cell--answered:hover{border-color:var(--c-emerald-600)}.q-nav__cell--current{background:var(--accent-50);border-color:var(--accent-500);color:var(--accent-700);box-shadow:0 0 0 2px var(--accent-100)}.q-nav__cell--current.q-nav__cell--answered{background:var(--c-emerald-50);color:var(--c-emerald-700)}.success-hero{position:relative;padding:var(--space-8);background:linear-gradient(135deg,var(--c-emerald-50),#ffffff);border:1px solid var(--c-emerald-200);border-radius:var(--radius-2xl);overflow:hidden}.success-hero__strip{position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--c-green),var(--c-blue-brand),var(--c-pink))}.success-hero__check{width:56px;height:56px;border-radius:50%;background:var(--c-emerald-500);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:28px;font-weight:var(--fw-extra);box-shadow:0 8px 24px #10b98159}.section-title{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--c-slate-500)}.section-title__dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--accent-600)}.kp-stage{max-width:1280px;margin-inline:auto;padding:var(--space-6) var(--space-4)}.kp-grid-wrap{background:#fff;border:1px solid var(--c-slate-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-5) var(--space-4);overflow-x:auto}.kp-grid{display:grid;grid-template-columns:repeat(10,minmax(58px,1fr));gap:12px;max-width:940px;margin-inline:auto}.kp-grid__col{display:flex;flex-direction:column;align-items:center;gap:4px}.kp-grid__head{width:100%;text-align:center;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--accent-700);background:var(--accent-50);border:1px solid var(--accent-200);border-radius:var(--radius-md);padding:4px 0;margin-bottom:var(--space-2);letter-spacing:.05em}.kp-grid__row{display:flex;flex-direction:column;align-items:center;width:100%}.kp-grid__digit{font-family:var(--font-mono);font-size:22px;font-weight:var(--fw-bold);color:var(--c-slate-900);font-variant-numeric:tabular-nums;line-height:1.1;padding:2px 0}.kp-grid__slot{position:relative;padding:2px 0}.kp-grid__slot:before,.kp-grid__slot:after{content:"";display:block;width:0}.kp-grid__slot--garis:before{content:"";position:absolute;left:-10%;right:-10%;top:50%;height:2px;background:var(--c-red-500);border-radius:1px;pointer-events:none;z-index:1}.kp-input{width:44px;height:44px;border:1.5px solid var(--c-slate-300);border-radius:var(--radius-md);text-align:center;font-family:var(--font-mono);font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--c-slate-900);background:#fff;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);font-variant-numeric:tabular-nums;position:relative;z-index:2}.kp-input:focus{border-color:var(--accent-500);box-shadow:0 0 0 3px var(--accent-100);background:var(--accent-50)}.kp-input--filled{background:var(--accent-50);border-color:var(--accent-200)}.kp-garis-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#ea580cf0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:120px;font-weight:var(--fw-extra);letter-spacing:.04em;z-index:50;animation:kp-flash .8s ease-out;text-shadow:0 8px 32px rgba(0,0,0,.25)}@keyframes kp-flash{0%{opacity:0;transform:scale(.92)}15%{opacity:1;transform:scale(1.02)}25%{transform:scale(1)}80%{opacity:1}to{opacity:0}}.kp-intro{max-width:44rem;margin:var(--space-8) auto;padding:var(--space-10);background:#fff;border:1px solid var(--c-slate-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm)}.kp-intro__eyebrow{color:var(--accent-600)}.kp-intro h1{margin-top:6px;font-size:var(--fs-3xl);font-weight:var(--fw-extra);letter-spacing:-.02em;color:var(--c-slate-900);line-height:1.1}.kp-intro__sub{margin-top:var(--space-2);font-size:var(--fs-base);color:var(--c-slate-600)}.kp-intro__example{margin-top:var(--space-5);background:var(--c-slate-50);border:1px dashed var(--c-slate-300);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:640px){.kp-intro__example{grid-template-columns:repeat(3,1fr)}}.kp-intro__pair{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--space-3);background:#fff;border-radius:var(--radius-md);border:1px solid var(--c-slate-100)}.kp-intro__pair-numbers{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--c-slate-900)}.kp-intro__pair-result{background:var(--accent-600);color:#fff;padding:2px 8px;border-radius:var(--radius-sm)}.kp-intro__pair-strike{color:var(--c-slate-400);text-decoration:line-through;font-size:var(--fs-base)}.kp-intro__pair-note{font-size:var(--fs-xs);color:var(--c-slate-500)}.kp-results{margin-top:var(--space-6);background:#fff;border:1px solid var(--c-slate-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);padding:var(--space-8);position:relative;overflow:hidden}.kp-results:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--accent-gradient)}.kp-results__head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.kp-results__pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--accent-50);border:1px solid var(--accent-200);color:var(--accent-700);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.06em}.kp-results__title{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--c-slate-900);letter-spacing:-.01em}.kp-summary{margin-top:var(--space-5);display:grid;gap:var(--space-3);grid-template-columns:1fr}@media(min-width:640px){.kp-summary{grid-template-columns:repeat(4,1fr)}}.kp-summary__cell{padding:var(--space-4);border:1px solid var(--c-slate-200);border-radius:var(--radius-lg);background:var(--c-slate-50)}.kp-summary__label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--c-slate-500)}.kp-summary__value{font-size:var(--fs-2xl);font-weight:var(--fw-extra);color:var(--c-slate-900);font-variant-numeric:tabular-nums;line-height:1.1;margin-top:4px}.kp-summary__hint{font-size:var(--fs-xs);color:var(--c-slate-500);margin-top:4px}.kp-chart{margin-top:var(--space-5);padding:var(--space-5);border:1px solid var(--c-slate-200);border-radius:var(--radius-lg);background:#fff}.kp-chart__caption{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-2);font-size:var(--fs-xs);color:var(--c-slate-500)}.kp-chart__legend{display:inline-flex;align-items:center;gap:6px}.kp-chart__swatch{display:inline-block;width:14px;height:3px;border-radius:2px}.kp-table-wrap{margin-top:var(--space-5);border:1px solid var(--c-slate-200);border-radius:var(--radius-lg);overflow:hidden}.kp-table{width:100%;font-size:var(--fs-sm)}.kp-table thead th{background:var(--c-slate-50);color:var(--c-slate-600);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:var(--space-2) var(--space-3)}.kp-table tbody td{padding:var(--space-2) var(--space-3);border-top:1px solid var(--c-slate-100);color:var(--c-slate-800);font-variant-numeric:tabular-nums}.kp-table td.num{font-family:var(--font-mono);font-weight:var(--fw-semibold)}.kp-table tr:hover td{background:#f8fafc99}.kp-interpretation{margin-top:var(--space-4);padding:var(--space-4);background:var(--accent-50);border:1px solid var(--accent-200);border-radius:var(--radius-lg);font-size:var(--fs-sm);color:var(--c-slate-700)}.kp-interpretation strong{color:var(--accent-700)}@media print{body{background:#fff!important;color:#000}.no-print{display:none!important}.container,.container--md,.container--lg{max-width:none!important;padding:0!important}.card,.kp-results,.success-hero{border:1px solid #cbd5e1!important;box-shadow:none!important;page-break-inside:avoid;background:#fff!important}.success-hero__strip,.kp-results:before{display:none!important}.topbar{display:none!important}}