:root{--colors-primary:#0866ff;--colors-primary-deep:#0143b5;--colors-primary-soft:#0866ff1f;--colors-fb-blue:#1877f2;--colors-canvas:#fff;--colors-surface-soft:#f0f2f5;--colors-hairline:#dddfe2;--colors-hairline-soft:#e4e6ea;--colors-ink-deep:#0a1317;--colors-ink:#1c1e21;--colors-charcoal:#4b4f56;--colors-slate:#65676b;--colors-steel:#8a8d91;--colors-stone:#bec3c9;--colors-ink-button:#0a1317;--colors-on-ink-button:#fff;--colors-on-primary:#fff;--colors-disabled-text:#bec3c9;--colors-success:#2d8653;--colors-success-soft:#2d86531a;--colors-attention:#e07d10;--colors-attention-soft:#e07d101a;--colors-warning:#ffe300;--colors-critical:#d64015;--colors-critical-strong:#b91c1c;--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:10px;--spacing-md:12px;--spacing-base:16px;--spacing-lg:20px;--spacing-xl:24px;--spacing-xxl:32px;--spacing-xxxl:40px;--spacing-section-sm:48px;--spacing-section:64px;--spacing-section-lg:80px;--rounded-xs:2px;--rounded-sm:4px;--rounded-md:6px;--rounded-lg:8px;--rounded-xl:16px;--rounded-xxl:24px;--rounded-xxxl:32px;--rounded-feature:40px;--rounded-full:100px;--rounded-circle:50%;--shadow-panel:#14161a4d 0px 1px 4px 0px}*,:before,:after{box-sizing:border-box}body{background:var(--colors-canvas);color:var(--colors-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:Montserrat,Helvetica Neue,Helvetica,Arial,Noto Sans,sans-serif;line-height:1.5;display:flex}.app-header{z-index:100;background:var(--colors-canvas);border-bottom:1px solid var(--colors-hairline-soft);position:sticky;top:0}.app-nav{align-items:center;height:64px;display:flex}.app-nav__inner{max-width:1280px;padding:0 var(--spacing-xxl);align-items:center;width:100%;margin:0 auto;display:flex}.app-nav__logo{color:var(--colors-ink-deep);letter-spacing:-.3px;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:18px;font-weight:700;transition:opacity .15s}.app-nav__logo:hover{opacity:.7}.app-subnav{border-top:1px solid var(--colors-hairline-soft)}.app-subnav__inner{max-width:1280px;padding:var(--spacing-xs) var(--spacing-xxl);align-items:center;gap:var(--spacing-base);margin:0 auto;display:flex}.app-subnav__group{align-items:center;gap:var(--spacing-xs);display:flex}.app-subnav__group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--colors-ink-light);white-space:nowrap;font-size:11px;font-weight:700}.app-subnav__divider{background:var(--colors-hairline);flex-shrink:0;width:1px;height:20px}.app-subnav__tab{padding:var(--spacing-xs) var(--spacing-base);background:var(--colors-canvas);color:var(--colors-ink);border:1px solid var(--colors-hairline);border-radius:var(--rounded-full);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;font-family:inherit;font-size:13px;font-weight:700;line-height:1.43;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.app-subnav__tab:hover{background:var(--colors-surface-soft);color:var(--colors-ink-deep);border-color:var(--colors-ink-light)}.app-subnav__tab--active{background:var(--colors-ink-deep);color:var(--colors-canvas);border-color:var(--colors-ink-deep)}.app-subnav__tab--active:hover{background:var(--colors-charcoal);border-color:var(--colors-charcoal)}.app-subnav__tab--active .app-subnav__sep{opacity:.5}.app-subnav__sep{opacity:.4;font-weight:400}.app-subnav__dropdown{position:relative}.app-subnav__chevron{opacity:.6;margin-left:2px;font-size:10px;transition:transform .15s;display:inline-block}.app-subnav__chevron--open{transform:rotate(180deg)}.app-subnav__dropdown-panel{z-index:200;background:var(--colors-canvas);border:1px solid var(--colors-hairline);border-radius:10px;flex-direction:column;gap:2px;min-width:160px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 4px 20px #0000001a}.app-subnav__dropdown-item{text-align:left;width:100%;color:var(--colors-ink);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:background .12s,color .12s;display:block}.app-subnav__dropdown-item:hover{background:var(--colors-surface-soft);color:var(--colors-ink-deep)}.app-content{max-width:900px;padding:var(--spacing-xxl) var(--spacing-xxl) var(--spacing-section-lg);box-sizing:border-box;flex:1;width:100%;margin:0 auto}code{font-family:Montserrat,Helvetica,Arial,sans-serif;font-size:inherit;border:none;border-bottom:2px solid var(--colors-ink);color:#0000;vertical-align:baseline;background:0 0;min-width:2.5em;margin:0 .1em;padding:0 .6em;display:inline-block}.back-nav{margin-bottom:var(--spacing-xl)}.back-btn{letter-spacing:-.14px;cursor:pointer;color:var(--colors-slate);background:0 0;border:none;padding:0;font-family:inherit;font-size:14px;font-weight:700;line-height:1.43;transition:color .15s}.back-btn:hover{color:var(--colors-ink-deep)}.hub-title{color:var(--colors-ink-deep);margin:0 0 var(--spacing-xs);font-size:36px;font-weight:500;line-height:1.28}.hub-subtitle{letter-spacing:-.16px;color:var(--colors-slate);margin:0 0 var(--spacing-xxl);font-size:16px;font-weight:400;line-height:1.5}.home-grid{gap:var(--spacing-xl);margin-top:var(--spacing-xxl);grid-template-columns:1fr 1fr;display:grid}.home-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xxl);background:var(--colors-canvas);border:1px solid var(--colors-hairline-soft);border-radius:var(--rounded-xxxl);cursor:pointer;color:var(--colors-ink-deep);text-align:center;flex-direction:column;font-family:inherit;font-size:16px;font-weight:700;transition:border-color .15s,box-shadow .15s;display:flex}.home-card:active{border-color:var(--colors-hairline);box-shadow:var(--shadow-panel)}.home-card--primary{background:var(--colors-ink-deep);color:var(--colors-canvas);border-color:var(--colors-ink-deep)}.home-card--primary:active{background:var(--colors-charcoal);border-color:var(--colors-charcoal)}.home-card__icon{font-size:2.5rem;line-height:1}.home-card__desc{opacity:.75;font-size:14px;font-weight:400}.quiz-list{gap:var(--spacing-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.quiz-list li{margin:0}.quiz-list button{text-align:left;width:100%;padding:var(--spacing-base) var(--spacing-lg);letter-spacing:-.14px;color:var(--colors-ink-deep);background:var(--colors-canvas);border:1px solid var(--colors-hairline-soft);border-radius:var(--rounded-xl);cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;line-height:1.43;transition:border-color .15s,background .15s}.quiz-list button:hover{background:var(--colors-surface-soft);border-color:var(--colors-hairline)}.quiz-list button:active{background:var(--colors-hairline-soft)}.topic-grid{gap:var(--spacing-md);margin-top:var(--spacing-base);grid-template-columns:1fr 1fr;display:grid}.topic-card{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-lg);background:var(--colors-canvas);border:1px solid var(--colors-hairline-soft);border-left:4px solid var(--colors-hairline);border-radius:var(--rounded-xl);cursor:pointer;text-align:left;font-family:inherit;font-size:14px;transition:border-color .15s,background .15s;display:flex}.topic-card:hover{background:var(--colors-surface-soft)}.topic-card--pending{border-left-color:var(--colors-attention)}.topic-card--pending:hover{background:var(--colors-attention-soft)}.topic-card--mastered{border-left-color:var(--colors-success)}.topic-card--mastered:hover{background:var(--colors-success-soft)}.topic-status{flex-shrink:0;font-size:1.1rem}.topic-label{color:var(--colors-ink-deep);font-weight:700}.note-content{background:var(--colors-canvas);border:1px solid var(--colors-hairline-soft);border-radius:var(--rounded-xxxl);padding:var(--spacing-xxl);margin-bottom:var(--spacing-xxl)}.note-content h1,.note-content h2,.note-content h3{color:var(--colors-ink-deep);border-bottom:1px solid var(--colors-hairline-soft);padding-bottom:var(--spacing-xs);font-weight:500}.note-content h1{font-size:24px;line-height:1.25}.note-content h2{font-size:20px;line-height:1.3}.note-content h3{font-size:16px;font-weight:700;line-height:1.44}.note-content table{border-collapse:collapse;width:100%;margin:var(--spacing-base) 0;font-size:14px}.note-content strong{color:var(--colors-ink-deep);font-size:1.05em}.bilingual-en{color:var(--colors-slate);margin-top:.1rem;font-size:.82em;font-style:italic;line-height:1.4;display:block}.note-content li:has(.bilingual-en){margin-bottom:.35rem}.note-content th,.note-content td{border:1px solid var(--colors-hairline);padding:var(--spacing-xs) var(--spacing-sm);text-align:left}.note-content th{background:var(--colors-surface-soft);color:var(--colors-ink-deep);letter-spacing:.5px;text-transform:uppercase;font-size:12px;font-weight:700}.note-content tr:nth-child(2n) td{background:#f0f2f573}.exercise-start-btn{background:var(--colors-primary);width:100%;color:var(--colors-on-primary);border-radius:var(--rounded-full);letter-spacing:-.14px;cursor:pointer;margin-bottom:var(--spacing-base);text-align:center;border:none;padding:14px 30px;font-family:inherit;font-size:14px;font-weight:700;line-height:1.43;transition:background .15s;display:block}.exercise-start-btn:hover,.exercise-start-btn:active{background:var(--colors-primary-deep)}.quiz-header{margin-bottom:var(--spacing-xxl)}.quiz-header h1{color:var(--colors-ink-deep);border-bottom:1px solid var(--colors-hairline-soft);padding-bottom:var(--spacing-base);margin:0;font-size:28px;font-weight:300;line-height:1.21}.question-list{padding-left:var(--spacing-xl);margin:0}.question-list>li{margin-bottom:var(--spacing-xxl);border-bottom:1px solid var(--colors-hairline-soft);padding-bottom:var(--spacing-lg)}.question-list li.unanswered{outline:2px solid var(--colors-critical-strong);outline-offset:var(--spacing-xs);border-radius:var(--rounded-lg)}.question-list li.unanswered .question-text:after{content:" ← Sila jawab soalan ini";color:var(--colors-critical-strong);font-size:12px;font-weight:400}.question-text{color:var(--colors-ink-deep);margin:0 0 var(--spacing-md);font-size:18px;font-weight:700;line-height:1.44}.question-text .question-my{color:var(--colors-ink-deep);font-weight:700;display:inline}.question-text .question-en{color:var(--colors-slate);font-size:.88em;font-style:italic;font-weight:400;display:inline}.options-list{gap:var(--spacing-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.option-my{color:var(--colors-ink-deep);font-weight:500;display:block}.option-en{color:var(--colors-slate);font-size:.85em;font-style:italic;font-weight:400;display:block}.options-list li{border:none;margin:0;padding:0}.options-list label{align-items:baseline;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-base);background:var(--colors-canvas);border-radius:var(--rounded-lg);cursor:pointer;color:var(--colors-ink);border:1px solid #0a13171f;font-size:14px;font-weight:400;line-height:1.5;transition:border-color .15s,background .15s;display:flex}.options-list label:hover{background:var(--colors-surface-soft);text-decoration:none}.options-list label:has(input:checked){border:2px solid var(--colors-primary-deep);background:var(--colors-primary-soft);color:var(--colors-ink-deep);font-weight:700}.options-list label>input[type=radio]{accent-color:var(--colors-primary);flex-shrink:0;margin-top:.2rem}.buttons-row{margin-top:var(--spacing-xxl);gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.submit-btn,.retake-btn{background:var(--colors-primary);color:var(--colors-on-primary);border-radius:var(--rounded-full);letter-spacing:-.14px;cursor:pointer;border:none;padding:14px 30px;font-family:inherit;font-size:14px;font-weight:700;line-height:1.43;transition:background .15s}.submit-btn:hover,.retake-btn:hover,.submit-btn:active,.retake-btn:active{background:var(--colors-primary-deep)}.hub-btn{color:var(--colors-ink-deep);border:2px solid var(--colors-ink-deep);border-radius:var(--rounded-full);letter-spacing:-.14px;cursor:pointer;background:0 0;padding:12px 28px;font-family:inherit;font-size:14px;font-weight:700;line-height:1.43;transition:background .15s}.hub-btn:hover{background:var(--colors-surface-soft)}.hub-btn:active{background:var(--colors-hairline-soft)}.score{color:var(--colors-ink-deep);margin-bottom:var(--spacing-xxl);font-size:36px;font-weight:500;line-height:1.28}.result-correct{color:var(--colors-success)}.result-wrong{color:var(--colors-critical)}.result-answer{font-weight:700}.review-heading{color:var(--colors-ink-deep);border-top:1px solid var(--colors-hairline-soft);padding-top:var(--spacing-base);margin-top:var(--spacing-xxl);font-size:24px;font-weight:500;line-height:1.25}.review-list{padding-left:var(--spacing-xl)}.review-list li{margin-bottom:var(--spacing-xxl);border-bottom:1px solid var(--colors-hairline-soft);padding-bottom:var(--spacing-base)}.review-options{padding-left:var(--spacing-base);margin:var(--spacing-xs) 0 0;gap:var(--spacing-xxs);flex-direction:column;list-style:none;display:flex}.mastery-banner{background:var(--colors-success-soft);border:2px solid var(--colors-success);border-radius:var(--rounded-xxxl);padding:var(--spacing-xxl);text-align:center;margin-bottom:var(--spacing-xxl)}.mastery-icon{margin-bottom:var(--spacing-xs);font-size:3rem}.mastery-banner h2{color:var(--colors-success);margin:0 0 var(--spacing-xs);font-size:24px;font-weight:500}.mastery-hint{color:var(--colors-slate);margin:0;font-size:14px}.loading-text,.error-text,.loading-maths,.loading-error{text-align:center;color:var(--colors-steel);padding:var(--spacing-xxl);font-size:14px}.chapter-tabs{gap:var(--spacing-xs);margin-bottom:var(--spacing-xxl);border-bottom:none;flex-wrap:wrap;display:flex}.tab-btn{padding:var(--spacing-xs) var(--spacing-base);background:var(--colors-canvas);color:var(--colors-ink);border:1px solid var(--colors-hairline);border-radius:var(--rounded-full);cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;line-height:1.43;transition:background .15s,color .15s,border-color .15s}.tab-btn:hover{background:var(--colors-surface-soft);color:var(--colors-ink-deep)}.tab-btn--active{background:var(--colors-ink-deep);color:var(--colors-canvas);border-color:var(--colors-ink-deep)}.tab-btn--active:hover{background:var(--colors-charcoal);border-color:var(--colors-charcoal)}.answer-key-section{margin-top:var(--spacing-xxl);padding-top:var(--spacing-xl);border-top:1px solid var(--colors-hairline-soft)}.bc-question-list{margin:0;padding:0;list-style:none}.bc-section-label{color:var(--colors-primary-deep);padding:var(--spacing-md) 0 var(--spacing-xxs);border-bottom:2px solid var(--colors-primary-deep);margin-bottom:var(--spacing-xs);letter-spacing:.5px;text-transform:uppercase;font-size:12px;font-weight:700;list-style:none}.bc-question-item{margin-bottom:var(--spacing-base);border:1px solid var(--colors-hairline-soft);border-radius:var(--rounded-xl);overflow:hidden}.bc-question-body{border-bottom:1px solid var(--colors-hairline-soft);margin-bottom:0}.bc-answer-details{background:var(--colors-canvas)}.bc-answer-summary{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-base);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--colors-slate);font-family:inherit;font-size:14px;font-weight:700;list-style:none;transition:background .15s,color .15s;display:flex}.bc-answer-summary:before{content:"▶";flex-shrink:0;font-size:.65rem;transition:transform .2s}.bc-answer-details[open]>.bc-answer-summary:before{transform:rotate(90deg)}.bc-answer-details[open]>.bc-answer-summary{color:var(--colors-ink-deep);background:var(--colors-surface-soft)}.bc-answer-summary:hover{background:var(--colors-surface-soft);color:var(--colors-ink-deep)}.bc-answer-summary::-webkit-details-marker{display:none}.bc-answer-body{border-top:1px solid var(--colors-hairline-soft);background:var(--colors-success-soft);animation:.2s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.matching-widget{margin:var(--spacing-base) 0;-webkit-user-select:none;user-select:none;position:relative}.matching-svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.matching-svg line{stroke:var(--colors-primary);stroke-width:2.5px;stroke-linecap:round}.matching-svg line.answer-line{stroke:var(--colors-success);stroke-width:3px}.matching-columns{align-items:flex-start;display:flex}.matching-col{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.matching-gap{flex-shrink:0;width:80px}.matching-box{border-radius:var(--rounded-lg);padding:var(--spacing-xs) var(--spacing-sm);background:var(--colors-canvas);cursor:pointer;min-height:44px;color:var(--colors-ink);border:1px solid #0a13171f;align-items:center;font-family:inherit;font-size:14px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.matching-box:hover{border-color:var(--colors-hairline);background:var(--colors-surface-soft)}.matching-box.selected{border:2px solid var(--colors-primary-deep);background:var(--colors-primary-soft);color:var(--colors-ink-deep);box-shadow:0 0 0 3px #0866ff1f}.matching-box.targetable{border-color:var(--colors-attention);background:var(--colors-attention-soft)}.matching-box.connected{border:2px solid var(--colors-success);background:var(--colors-success-soft);color:var(--colors-ink-deep)}.matching-actions{gap:var(--spacing-sm);margin-top:var(--spacing-base);justify-content:flex-end;display:flex}.matching-btn{padding:var(--spacing-xs) var(--spacing-base);border-radius:var(--rounded-full);cursor:pointer;color:var(--colors-ink-deep);background:0 0;border:2px solid #0a13171f;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s}.matching-btn:hover{background:var(--colors-surface-soft)}.matching-btn--answer{background:var(--colors-primary);color:var(--colors-on-primary);border-color:var(--colors-primary)}.matching-btn--answer:hover{background:var(--colors-primary-deep);border-color:var(--colors-primary-deep)}@media (width<=767px){.app-nav__inner,.app-subnav__inner{padding:0 var(--spacing-base)}.app-subnav__inner{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs);gap:var(--spacing-sm)}.app-subnav__group-label{display:none}.app-content{padding:var(--spacing-base) var(--spacing-base) var(--spacing-section)}.hub-title{font-size:28px}.home-grid{gap:var(--spacing-base);grid-template-columns:1fr}.home-card{padding:var(--spacing-xl) var(--spacing-base);border-radius:var(--rounded-xxl)}.home-card__icon{font-size:2rem}.topic-grid{grid-template-columns:1fr}.topic-card{padding:var(--spacing-md) var(--spacing-base);min-height:44px}.quiz-header h1{font-size:22px}.question-text{font-size:16px}.question-list{padding-left:var(--spacing-lg)}.options-list{padding-left:0}.options-list label{min-height:44px;padding:var(--spacing-sm) var(--spacing-base);align-items:center}.options-list label>input[type=radio]{flex-shrink:0;width:18px;height:18px}.question-list li.unanswered .question-text:after{margin-top:var(--spacing-xxs);display:block}.submit-btn,.retake-btn,.hub-btn{text-align:center;width:100%;padding:14px 20px;display:block}.buttons-row{gap:var(--spacing-xs);flex-direction:column}.note-content{padding:var(--spacing-base);border-radius:var(--rounded-xl)}.note-content table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.score{font-size:28px}.mastery-banner{padding:var(--spacing-xl) var(--spacing-base);border-radius:var(--rounded-xxl)}.mastery-icon{font-size:2.25rem}.chapter-tabs{gap:var(--spacing-xxs)}.tab-btn{padding:var(--spacing-xxs) var(--spacing-sm);font-size:13px}}@media (width<=479px){.hub-title{font-size:24px}}.static-page{max-width:680px;padding-bottom:var(--spacing-section);margin:0 auto}.static-page__body{margin-top:var(--spacing-xxl)}.static-page__body p{color:var(--colors-ink);margin:0 0 var(--spacing-base);font-size:16px;line-height:1.7}.static-page__body em{color:var(--colors-slate);font-style:italic}.static-page__body h2{color:var(--colors-ink-deep);margin:var(--spacing-xxl) 0 var(--spacing-sm);font-size:18px;font-weight:700}.static-page__body ul{padding-left:var(--spacing-xl);margin:0 0 var(--spacing-base)}.static-page__body ul li{margin-bottom:var(--spacing-xs);color:var(--colors-ink);font-size:15px;line-height:1.6}.static-page__body hr{border:none;border-top:1px solid var(--colors-hairline-soft);margin:var(--spacing-xxl) 0}.contact-card{align-items:center;gap:var(--spacing-base);background:var(--colors-surface-soft);border:1px solid var(--colors-hairline);border-radius:var(--rounded-xxxl);padding:var(--spacing-xl) var(--spacing-xxl);display:flex}.contact-card__icon{flex-shrink:0;font-size:2rem}.contact-card__label{letter-spacing:.06em;text-transform:uppercase;color:var(--colors-slate);margin:0 0 var(--spacing-xxs);font-size:12px;font-weight:700}.contact-card__link{color:var(--colors-primary);font-size:16px;font-weight:700;text-decoration:none}.contact-card__link:hover{text-decoration:underline}.contact-note{color:var(--colors-slate);font-size:14px;line-height:1.6}.app-footer{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg) var(--spacing-xxl);border-top:1px solid var(--colors-hairline-soft);margin-top:auto;display:flex}.app-footer__link{color:var(--colors-slate);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s}.app-footer__link:hover{color:var(--colors-ink-deep)}.app-footer__sep{color:var(--colors-stone);font-size:13px}