@import url("https://fonts.googleapis.com/css2?family=Lilita+One&family=Rubik:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Chakra+Petch:wght@500;600;700&display=swap");:root{--brand:#ff7a1a;--brand-edge:#a93f00;--brand-dark:#ffa45c;--brand-light:rgba(255,122,26,.16);--brand-mid:rgba(255,122,26,.42);--accent:#ffd23f;--accent-light:rgba(255,210,63,.16);--sky:#35c8ff;--sky-bg:rgba(53,200,255,.18);--sun:#ffd23f;--sun-bg:rgba(255,210,63,.18);--mint:#3df2a0;--mint-bg:rgba(61,242,160,.16);--pink:#ff4fd8;--pink-bg:rgba(255,79,216,.17);--lime:#b8f23c;--lime-bg:rgba(184,242,60,.16);--violet:#9b6bff;--violet-bg:rgba(155,107,255,.2);--ink:#07091c;--success:#3df2a0;--success-bg:rgba(61,242,160,.14);--warning:#ffc233;--warning-bg:rgba(255,194,51,.15);--danger:#f57;--danger-bg:rgba(255,85,119,.15);--purple:#9b6bff;--purple-bg:rgba(155,107,255,.18);--text-primary:#f3f5ff;--text-secondary:#b3bae6;--text-tertiary:#7d85bd;--text-on-light:#1a1a1a;--bg-arena:#0b0f2b;--bg-primary:#161b47;--bg-secondary:#0b0f2b;--bg-tertiary:#20275e;--bg-card:#151a44;--border:#2c3478;--border-hover:#4652a8;--line:#05071a;--shadow-xs:0 2px 0 var(--line);--shadow-sm:0 3px 0 var(--line);--shadow-md:0 5px 0 var(--line);--shadow-lg:0 6px 0 var(--line),0 18px 40px rgba(0,0,0,.45);--shadow-xl:0 8px 0 var(--line),0 24px 60px rgba(0,0,0,.55);--shadow-brand:0 5px 0 var(--brand-edge);--glow-brand:0 0 24px rgba(255,122,26,.45);--radius-xs:6px;--radius-sm:9px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-2xl:28px;--font-sans:"Rubik",system-ui,sans-serif;--font-display:"Lilita One","Rubik",system-ui,sans-serif;--font-hud:"Chakra Petch","Rubik",system-ui,sans-serif;--font-mono:"Chakra Petch",ui-monospace,monospace;color-scheme:dark}*,: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);background-image:radial-gradient(1200px 600px at 85% -10%,rgba(255,122,26,.16),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(53,200,255,.14),transparent 60%),linear-gradient(hsla(0,0%,100%,.035) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.035) 1px,transparent 0);background-size:auto,auto,32px 32px,32px 32px;background-attachment:fixed;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis-weight:none}.font-display,h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:.01em}h1{text-shadow:0 3px 0 var(--line)}.font-hud{font-family:var(--font-hud);font-weight:700;letter-spacing:.02em}a{color:inherit}.ikon{filter:drop-shadow(1px 0 0 rgba(255,255,255,.9)) drop-shadow(-1px 0 0 rgba(255,255,255,.9)) drop-shadow(0 1px 0 rgba(255,255,255,.9)) drop-shadow(0 -1px 0 rgba(255,255,255,.9))}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}::selection{background:var(--brand);color:#fff}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:var(--radius-md);font-size:15px;font-weight:800;font-family:var(--font-sans);letter-spacing:.01em;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .15s,filter .15s;border:none;text-decoration:none;white-space:nowrap;line-height:1;-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:active:not(:disabled){transform:translateY(3px)}.btn-primary{background:linear-gradient(180deg,#ff9440 0,var(--brand) 55%,#f06400 100%);color:#fff;border:2px solid var(--ink);text-shadow:0 2px 0 rgba(0,0,0,.35);box-shadow:0 4px 0 var(--brand-edge),inset 0 2px 0 hsla(0,0%,100%,.35)}.btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 5px 0 var(--brand-edge),inset 0 2px 0 hsla(0,0%,100%,.35),var(--glow-brand)}.btn-primary:active:not(:disabled){box-shadow:0 1px 0 var(--brand-edge)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-hover);box-shadow:0 3px 0 var(--line)}.btn-secondary:hover:not(:disabled){border-color:var(--sky);color:#fff;background:#28307a;box-shadow:0 3px 0 var(--line),0 0 16px rgba(53,200,255,.3)}.btn-secondary:active:not(:disabled){box-shadow:0 0 0 var(--line)}.btn-ghost{background:transparent;color:var(--brand-dark)}.btn-ghost:hover:not(:disabled){background:var(--brand-light)}.btn-danger{background:var(--danger);color:#fff;border:2px solid var(--ink);box-shadow:0 4px 0 #a3163a}.btn-danger:hover:not(:disabled){filter:brightness(1.05)}.btn-danger:active:not(:disabled){box-shadow:0 1px 0 #a3163a}.btn-success{background:var(--success);color:var(--ink);border:2px solid var(--ink);box-shadow:0 4px 0 #0f9e62}.btn-success:active:not(:disabled){box-shadow:0 1px 0 #0f9e62}.btn-fun{background:linear-gradient(180deg,#ffe36e,var(--sun) 60%,#f5b800);color:var(--ink);border:2px solid var(--ink);box-shadow:0 4px 0 #b88300,inset 0 2px 0 hsla(0,0%,100%,.5)}.btn-fun:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 5px 0 #b88300,0 0 22px rgba(255,210,63,.45)}.btn-fun:active:not(:disabled){box-shadow:0 1px 0 #b88300}.btn-sm{padding:7px 14px;font-size:13px;border-radius:var(--radius-sm)}.btn-lg{padding:15px 30px;font-size:16px}.btn-xl{padding:18px 40px;font-size:18px;border-radius:var(--radius-lg)}.btn-full{width:100%}.btn-icon{padding:8px;border-radius:var(--radius-sm)}.card{background:linear-gradient(180deg,hsla(0,0%,100%,.04),transparent 40%),var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:0 5px 0 var(--line),inset 0 1px 0 hsla(0,0%,100%,.06)}.card-sm{padding:16px}.card-hover{transition:transform .15s,box-shadow .15s,border-color .15s}.card-hover:hover{transform:translateY(-3px);border-color:var(--sky);box-shadow:0 8px 0 var(--line),0 0 22px rgba(53,200,255,.25)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 11px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border:1.5px solid}.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);border-color:var(--border)}.badge-purple{background:var(--purple-bg);color:#c3a6ff}.badge-pink{background:var(--pink-bg);color:var(--pink)}.badge-sun{background:var(--sun-bg);color:var(--sun)}.input{width:100%;padding:12px 14px;border:2px solid var(--border);border-radius:var(--radius-md);font-size:15px;font-family:var(--font-sans);font-weight:600;color:var(--text-primary);background:var(--bg-primary);transition:border-color .15s,box-shadow .15s;outline:none}.input:focus{border-color:var(--sky);box-shadow:0 0 0 4px rgba(53,200,255,.2)}.input::placeholder{color:var(--text-tertiary);font-weight:500}.input-error{border-color:var(--danger)}.input-error:focus{box-shadow:0 0 0 4px rgba(255,85,119,.2)}select.input option{background:var(--bg-primary);color:var(--text-primary)}label{font-size:13px;font-weight:800;color:var(--text-primary);display:block;margin-bottom:6px}select.input{cursor:pointer}.progress{height:10px;background:var(--line);border:1.5px solid var(--border);border-radius:999px;overflow:hidden}.progress-bar{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.2,.9,.3,1.2);background:linear-gradient(90deg,var(--sun),var(--brand) 60%,var(--pink));box-shadow:inset 0 2px 0 hsla(0,0%,100%,.35),0 0 10px rgba(255,122,26,.5)}.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,#1b2152 25%,#283071 50%,#1b2152 75%);background-size:200% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.fade-in{animation:fadeIn .3s ease forwards}.slide-in{animation:slideIn .25s ease forwards}.scale-in{animation:scaleIn .2s ease forwards}.pop-in{animation:pop .45s cubic-bezier(.2,.9,.3,1.3) both}.floaty{animation:floaty 3.2s ease-in-out infinite}.wiggle:hover{animation:wiggle .4s ease-in-out 2}@media (prefers-reduced-motion:reduce){.fade-in,.floaty,.pop-in,.scale-in,.slide-in,.wiggle:hover{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:700;box-shadow:var(--shadow-lg);animation:slideIn .25s ease;min-width:260px;max-width:380px;display:flex;align-items:center;gap:10px}.toast-success{background:#0f2e33;color:var(--success);border:2px solid var(--success)}.toast-error{background:#34142a;color:#ff8fa6;border:2px solid var(--danger)}.toast-info{background:#102a4a;color:var(--sky);border:2px solid var(--sky)}.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{--brand-dark:#c24e00;--brand-light:#fff1e6;--brand-mid:#ffd2b0;--text-primary:#1a1a1a;--text-secondary:#4a4f6a;--text-tertiary:#8a8fa8;--bg-primary:#fff;--bg-secondary:#f6f7fb;--bg-tertiary:#f0f2f8;--bg-card:#fff;--border:#e1e4ee;--border-hover:#c9cee0;--line:#e1e4ee;--success:#0e9f6e;--success-bg:#e6f8f1;--warning:#c77700;--warning-bg:#fff4dd;--danger:#d92d4f;--danger-bg:#ffecef;--sky-bg:#e6f4ff;--sun-bg:#fff8d9;--mint-bg:#e3faf1;--pink-bg:#ffe8f3;--purple-bg:#f1edff;color-scheme:light;background:#fff;color:#1a1a1a;min-height:100vh}.cbt-terang .card{background:#fff;box-shadow:0 2px 0 var(--line)}.cbt-terang .ikon{filter: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%}.cbt-terang h1{text-shadow:none}.cbt-terang .badge{border-color:transparent}.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>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>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:800;color:var(--text-tertiary);padding:8px 10px;border-bottom:2px solid var(--border);white-space:nowrap}.tabel-data td{padding:9px 10px;border-bottom:1px solid var(--border);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)}