@import url("https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:wght@500;600;700;800&family=Onest:wght@400;500;600;700&display=swap");:root{--brand:#1f6ae0;--brand-edge:#1553b5;--brand-dark:#1553b5;--brand-light:#eaf2fe;--brand-mid:#c4dafc;--accent:#f5820e;--accent-light:#fff1e3;--sky:#0a81db;--sky-bg:#e6f3fc;--sun:#e07400;--sun-bg:#fff1e3;--mint:#15865a;--mint-bg:#e5f4ec;--pink:#b83e66;--pink-bg:#fbeaf0;--lime:#5b8a1c;--lime-bg:#eef5e2;--violet:#5b49c7;--violet-bg:#eeebfb;--ink:#0f1e3d;--success:#15865a;--success-bg:#e5f4ec;--warning:#b36200;--warning-bg:#fff3e0;--danger:#c42f43;--danger-bg:#fdecee;--purple:#5b49c7;--purple-bg:#eeebfb;--text-primary:#0f1e3d;--text-secondary:#44516f;--text-tertiary:#74809c;--text-on-light:#0f1e3d;--bg-arena:#f5f7fb;--bg-primary:#fff;--bg-secondary:#f5f7fb;--bg-tertiary:#eef2f8;--bg-card:#fff;--border:#dfe5ef;--border-hover:#bcc8dc;--line:#dfe5ef;--shadow-xs:0 1px 2px rgba(15,30,61,.05);--shadow-sm:0 1px 3px rgba(15,30,61,.07);--shadow-md:0 4px 12px rgba(15,30,61,.07);--shadow-lg:0 10px 28px rgba(15,30,61,.1);--shadow-xl:0 18px 48px rgba(15,30,61,.14);--shadow-brand:0 4px 14px rgba(31,106,224,.22);--glow-brand:0 0 0 4px rgba(31,106,224,.15);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--font-sans:"Onest",system-ui,sans-serif;--font-display:"Schibsted Grotesk","Onest",system-ui,sans-serif;--font-hud:"Onest",system-ui,sans-serif;--font-mono:ui-monospace,"SFMono-Regular",Menlo,monospace;color-scheme:light}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--bg-arena)}body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-arena);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-display,h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.015em;line-height:1.25}.font-hud{font-family:var(--font-hud);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}a{color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}::selection{background:var(--brand-mid);color:var(--ink)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);font-size:15px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;border:1px solid transparent;text-decoration:none;white-space:nowrap;line-height:1.2;-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:var(--glow-brand)}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-edge)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-hover)}.btn-secondary:hover:not(:disabled){border-color:var(--brand);color:var(--brand-dark);background:var(--brand-light)}.btn-ghost{background:transparent;color:var(--brand-dark)}.btn-ghost:hover:not(:disabled){background:var(--brand-light)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#a82536}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#0f6e49}.btn-fun{background:var(--accent);color:#fff}.btn-fun:hover:not(:disabled){background:#d96f06}.btn-sm{padding:7px 12px;font-size:13px;border-radius:var(--radius-sm)}.btn-lg{padding:13px 24px;font-size:16px}.btn-xl{padding:15px 28px;font-size:17px}.btn-full{width:100%}.btn-icon{padding:8px;border-radius:var(--radius-sm)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-xs)}.card-sm{padding:16px}.card-hover{transition:border-color .15s,box-shadow .15s}.card-hover:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600}.badge-blue{background:var(--sky-bg);color:var(--sky)}.badge-green{background:var(--success-bg);color:var(--success)}.badge-amber{background:var(--warning-bg);color:var(--warning)}.badge-red{background:var(--danger-bg);color:var(--danger)}.badge-gray{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-purple{background:var(--purple-bg);color:var(--purple)}.badge-pink{background:var(--pink-bg);color:var(--pink)}.badge-sun{background:var(--sun-bg);color:var(--sun)}.input{width:100%;padding:11px 13px;border:1px solid var(--border-hover);border-radius:var(--radius-md);font-size:15px;font-family:var(--font-sans);font-weight:400;color:var(--text-primary);background:var(--bg-primary);transition:border-color .15s,box-shadow .15s;outline:none}.input:focus{border-color:var(--brand);box-shadow:var(--glow-brand)}.input::placeholder{color:var(--text-tertiary)}.input-error{border-color:var(--danger)}.input-error:focus{box-shadow:0 0 0 4px rgba(196,47,67,.15)}select.input option{background:var(--bg-primary);color:var(--text-primary)}label{font-size:13px;font-weight:600;color:var(--text-primary);display:block;margin-bottom:6px}select.input{cursor:pointer}.progress{height:8px;background:var(--bg-tertiary);border-radius:999px;overflow:hidden}.progress-bar{height:100%;border-radius:999px;transition:width .4s ease;background:var(--brand)}.progress-success .progress-bar{background:var(--success)}.progress-warning .progress-bar{background:var(--warning)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#eef2f8 25%,#e2e8f2 50%,#eef2f8 75%);background-size:200% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .25s ease forwards}.slide-in{animation:slideIn .2s ease forwards}.scale-in{animation:scaleIn .2s ease forwards}@media (prefers-reduced-motion:reduce){.fade-in,.scale-in,.slide-in{animation:none!important}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;box-shadow:var(--shadow-lg);animation:slideIn .2s ease;min-width:260px;max-width:380px;display:flex;align-items:center;gap:10px;background:var(--bg-card)}.toast-success{color:var(--success);border:1px solid #b7dfca;background:var(--success-bg)}.toast-error{color:var(--danger);border:1px solid #f3c2c9;background:var(--danger-bg)}.toast-info{color:var(--brand-dark);border:1px solid var(--brand-mid);background:var(--brand-light)}.divider{height:1px;background:var(--border)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--bg-tertiary);color:var(--text-secondary)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.text-right{text-align:right}.cbt-terang{--bg-secondary:#fff;color-scheme:light;background:#fff;color:var(--text-primary);min-height:100vh}.cbt-terang .card{background:#fff;box-shadow:none}.soal-berbacaan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start}.soal-berbacaan>section{position:-webkit-sticky;position:sticky;top:8px;max-height:72vh!important}@media (max-width:900px){.soal-berbacaan{grid-template-columns:1fr}.soal-berbacaan>section{position:static;max-height:45vh!important}}.rumus-blok{display:block;overflow-x:auto;overflow-y:hidden;padding:4px 0}.katex{font-size:1.08em}.cbt-terang .skeleton{background:linear-gradient(90deg,#f0f2f8 25%,#e1e4ee 50%,#f0f2f8 75%);background-size:200% 100%}.option-btn{width:100%;padding:14px 18px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-size:14px;font-family:var(--font-sans);text-align:left;cursor:pointer;transition:all .15s;display:flex;align-items:flex-start;gap:12px;line-height:1.6}.option-btn.selected,.option-btn:hover{border-color:var(--brand);background:var(--brand-light)}.option-btn.selected{color:var(--brand-dark);font-weight:600}.option-btn.correct{border-color:var(--success);background:var(--success-bg);color:var(--success)}.option-btn.wrong{border-color:var(--danger);background:var(--danger-bg);color:var(--danger)}@media (max-width:768px){.card{padding:16px}.btn-lg{padding:12px 24px;font-size:15px}.hide-mobile{display:none!important}.show-mobile{display:flex!important}.paket-grid-mobile,.stats-grid-mobile{grid-template-columns:repeat(2,1fr)!important}.form-grid-mobile{grid-template-columns:1fr!important}.lb-meta-hide{display:none!important}}@media (min-width:769px){.show-mobile{display:none!important}}@media (max-width:520px){.logo-teks-ringkas{display:none!important}.tab-rata{width:100%!important}.tab-rata>a,.tab-rata>button{flex:1 1!important;min-width:0;justify-content:center;padding:9px 6px!important;font-size:13px!important}.tab-rata>button>span{gap:4px!important}.tab-rata>button svg{width:16px!important;height:16px!important}.tab-bungkus{flex-wrap:wrap!important;width:100%!important}.tab-bungkus>a,.tab-bungkus>button{flex:1 1 auto!important;justify-content:center}}.tabel-geser{overflow-x:auto;-webkit-overflow-scrolling:touch}.tabel-data{width:100%;border-collapse:collapse;font-size:14px}.tabel-data th{text-align:left;font-size:12px;font-weight:600;color:var(--text-tertiary);padding:8px 10px;white-space:nowrap}.tabel-data td,.tabel-data th{border-bottom:1px solid var(--border)}.tabel-data td{padding:9px 10px;vertical-align:top}.tabel-data td.angka,.tabel-data th.angka{text-align:right;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tabel-data a{color:var(--text-primary);font-weight:700}.tabel-data a:hover{color:var(--brand-dark)}