:root{--color-slate-dark:#141413;--color-ivory-light:#f7f6f1;--color-ivory-medium:#f0eee6;--color-ivory-dark:#e8e6dc;--color-oat:#e3dacc;--color-cloud-medium:#b0aea5;--color-cloud-light:#d1cfc5;--color-cloud-dark:#87867f;--color-slate-medium:#3d3d3a;--color-slate-light:#5e5d59;--color-menteng:#2f6b47;--color-menteng-deep:#245538;--color-daun:#5a7350;--color-langit:#5a7d94;--color-merak:#9e6b78;--color-setaman:#9cb8a8;--color-emas:#c08a2d;--font-ui:var(--font-inter),Inter,system-ui,sans-serif;--font-editorial:var(--font-lora),Lora,Georgia,serif;--font-mono:var(--font-mono-jb),"JetBrains Mono",ui-monospace,monospace;--font-body-id:var(--font-jakarta),"Plus Jakarta Sans",system-ui,sans-serif;--text-caption:0.75rem;--text-body-sm:0.9375rem;--text-subheading:1.125rem;--text-heading-sm:1.25rem;--text-heading:1.5rem;--text-heading-lg:clamp(2.25rem,5vw,3.8125rem);--text-display:clamp(2.5rem,6vw,5.6875rem);--spacing-section:3.8125rem;--spacing-card:1.9375rem;--page-max-width:75rem;--radius-card:8px;--radius-feature:24px;--surface-page:var(--color-ivory-light);--surface-nav:var(--color-ivory-medium);--surface-feature-dark:var(--color-slate-dark);--font-brand-ber:var(--font-nunito),"Nunito Sans",system-ui,sans-serif;--font-brand-suffix:var(--font-inter),Inter,system-ui,sans-serif;--font-brand-body:var(--font-jakarta),"Plus Jakarta Sans",system-ui,sans-serif;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--text-small:0.875rem;--text-body:1rem;--text-h2:1.125rem;--text-h1:1.5rem;--touch-min:44px;--content-max:480px;--content-max-sm:480px;--content-max-md:720px;--content-max-lg:960px;--red-50:#fef2f2;--red-100:#fee2e2;--red-700:#b91c1c;--green-50:#f0fdf4;--green-100:#dcfce7;--green-700:#15803d;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-700:#b45309}.wordmark{display:inline-flex;align-items:baseline;line-height:1}.wordmark-ber{font-family:var(--font-brand-ber);font-weight:700;color:var(--color-menteng);letter-spacing:.02em}.wordmark-suffix{font-family:var(--font-brand-suffix);font-weight:500;color:var(--color-cloud-dark)}.wordmark--sm .wordmark-ber,.wordmark--sm .wordmark-suffix{font-size:1.25rem}.wordmark--md .wordmark-ber,.wordmark--md .wordmark-suffix{font-size:1.5rem}.wordmark--lg .wordmark-ber,.wordmark--lg .wordmark-suffix{font-size:1.75rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body-id);background:var(--surface-page);color:var(--color-slate-dark);line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--color-menteng);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:2px}h1,h2,h3,h4{line-height:1.2;color:var(--color-slate-dark)}.container{max-width:var(--content-max-lg);margin:0 auto;padding:1.25rem 1.25rem 4rem}.container--narrow{max-width:640px}.muted{color:var(--color-slate-light)}.small{font-size:var(--text-small)}.center{text-align:center}.stack>*+*{margin-top:var(--space-md)}.row{gap:var(--space-sm);flex-wrap:wrap}.row,.spread{display:flex;align-items:center}.spread{justify-content:space-between;gap:var(--space-md)}.appbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:hsla(50,27%,96%,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-ivory-dark)}.appbar__inner{max-width:var(--content-max-lg);margin:0 auto;padding:.75rem 1.25rem;justify-content:space-between;gap:var(--space-md)}.appbar__inner,.appbar__nav{display:flex;align-items:center}.appbar__nav{gap:1.1rem}.appbar__nav a{color:var(--color-slate-medium);font-size:var(--text-small);font-weight:500}.appbar__nav a:hover{color:var(--color-menteng);text-decoration:none}.appbar__brand{display:flex}.appbar__brand,.btn{align-items:center;gap:.5rem}.btn{display:inline-flex;justify-content:center;min-height:var(--touch-min);padding:.7rem 1.25rem;border:1px solid transparent;border-radius:var(--radius-card);font-family:var(--font-body-id);font-size:var(--text-body);font-weight:600;cursor:pointer;transition:background .15s,transform .05s,border-color .15s;text-decoration:none}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--color-menteng);color:#fff}.btn--primary:hover{background:var(--color-menteng-deep);text-decoration:none}.btn--ghost{background:transparent;border-color:var(--color-cloud-medium);color:var(--color-slate-dark)}.btn--ghost:hover{border-color:var(--color-menteng);color:var(--color-menteng);text-decoration:none}.btn--block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:#fff;border:1px solid var(--color-ivory-dark);border-radius:var(--radius-card);padding:var(--space-lg)}.card--soft{border-color:var(--color-oat)}.badge,.card--soft{background:var(--color-ivory-medium)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;font-size:var(--text-caption);font-weight:600;color:var(--color-slate-medium);border:1px solid var(--color-oat)}.badge--green{background:var(--green-50);color:var(--green-700);border-color:var(--green-100)}.badge--amber{background:var(--amber-50);color:var(--amber-700);border-color:var(--amber-100)}.badge--red{background:var(--red-50);color:var(--red-700);border-color:var(--red-100)}.diff-dot{width:8px;height:8px;border-radius:999px;background:var(--color-setaman);display:inline-block}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-size:var(--text-small);font-weight:600;color:var(--color-slate-medium)}.input,.select,.textarea{width:100%;min-height:var(--touch-min);padding:.6rem .8rem;border:1px solid var(--color-cloud-medium);border-radius:var(--radius-card);font-family:var(--font-body-id);font-size:var(--text-body);background:#fff;color:var(--color-slate-dark)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-menteng);box-shadow:0 0 0 3px rgba(47,107,71,.12)}.textarea{min-height:90px;resize:vertical}.alert{padding:.75rem 1rem;border-radius:var(--radius-card);font-size:var(--text-small)}.alert--error{background:var(--red-50);color:var(--red-700);border:1px solid var(--red-100)}.alert--info{background:var(--green-50);color:var(--green-700);border:1px solid var(--green-100)}.hero{padding:3.5rem 0 2.5rem;text-align:center}.hero h1{font-size:var(--text-heading-lg);font-weight:700;letter-spacing:-.02em;max-width:18ch;margin:0 auto 1rem}.hero .lead{font-size:var(--text-subheading);color:var(--color-slate-light);max-width:52ch;margin:0 auto 1.75rem}.hero__cta{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.kicker{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:999px;background:var(--green-50);color:var(--green-700);font-size:var(--text-small);font-weight:600;margin-bottom:1.25rem}.section{padding:2.5rem 0}.section__title{font-size:var(--text-heading);text-align:center;margin-bottom:.5rem}.section__sub{text-align:center;color:var(--color-slate-light);margin-bottom:2rem}.grid{display:grid;grid-gap:1rem;gap:1rem}.grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.atbe-step{text-align:left}.atbe-step__num{width:34px;height:34px;border-radius:999px;background:var(--color-menteng);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:.6rem}.atbe-step h3{font-size:var(--text-subheading);margin-bottom:.3rem}.feature-icon{font-size:1.6rem}.topic-mapel{margin-bottom:1.5rem}.topic-mapel__head{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem}.topic-mapel__icon{font-size:1.5rem}.subtopic-list{display:grid;grid-gap:.6rem;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.subtopic-card{display:flex;flex-direction:column;gap:.4rem;padding:.9rem 1rem;border:1px solid var(--color-ivory-dark);border-radius:var(--radius-card);background:#fff;transition:border-color .15s,transform .05s}.subtopic-card:hover{border-color:var(--color-menteng);text-decoration:none;transform:translateY(-1px)}.subtopic-card[aria-disabled=true]{opacity:.55;pointer-events:none}.subtopic-card__name{font-weight:600;color:var(--color-slate-dark)}.topik-group{margin-bottom:1rem}.topik-group__label{font-size:var(--text-small);font-weight:700;color:var(--color-slate-light);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.tab{padding:.5rem 1rem;border-radius:999px;border:1px solid var(--color-cloud-light);background:#fff;cursor:pointer;font-weight:600;font-size:var(--text-small);color:var(--color-slate-medium)}.tab--active{background:var(--color-menteng);color:#fff;border-color:var(--color-menteng)}.soal-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.soal-text{font-size:var(--text-subheading);line-height:1.6}.option-btn{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:.85rem 1rem;margin-top:.6rem;border:1px solid var(--color-cloud-light);border-radius:var(--radius-card);background:#fff;cursor:pointer;text-align:left;font-size:var(--text-body);font-family:var(--font-body-id);transition:border-color .12s,background .12s}.option-btn:hover:not(:disabled){border-color:var(--color-menteng)}.option-btn:disabled{cursor:default}.option-btn__key{flex-shrink:0;width:28px;height:28px;border-radius:999px;border:1px solid var(--color-cloud-medium);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-small)}.option-btn--selected{border-color:var(--color-menteng);background:var(--green-50)}.option-btn--selected .option-btn__key{background:var(--color-menteng);color:#fff;border-color:var(--color-menteng)}.option-btn--correct{border-color:var(--green-700);background:var(--green-50)}.option-btn--correct .option-btn__key{background:var(--green-700);color:#fff;border-color:var(--green-700)}.option-btn--wrong{border-color:var(--red-700);background:var(--red-50)}.option-btn--wrong .option-btn__key{background:var(--red-700);color:#fff;border-color:var(--red-700)}.hint-zone{margin-top:1.5rem}.hint-card{margin-top:.6rem;padding:.9rem 1rem;border-radius:var(--radius-card);background:var(--amber-50);border:1px solid var(--amber-100);color:var(--color-slate-dark)}.hint-card__label{font-size:var(--text-caption);font-weight:700;color:var(--amber-700);text-transform:uppercase;letter-spacing:.05em}.hint-card ul{margin:.4rem 0 0 1.1rem}.result-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--radius-card);margin:1.25rem 0;font-weight:600}.result-banner--correct{background:var(--green-50);color:var(--green-700);border:1px solid var(--green-100)}.result-banner--wrong{background:var(--green-50);color:var(--color-slate-dark);border:1px solid var(--color-oat)}.result-banner__emoji{font-size:1.6rem}.explain h3{font-size:var(--text-subheading);margin:1.25rem 0 .5rem}.step{padding:.9rem 1rem;border-left:3px solid var(--color-menteng);background:var(--color-ivory-medium);border-radius:0 8px 8px 0;margin-top:.6rem}.step__title{font-weight:700}.step__just{font-size:var(--text-small);color:var(--color-slate-light);margin-top:.35rem;font-style:italic}.mistake{padding:.9rem 1rem;background:var(--red-50);border:1px solid var(--red-100);margin-top:.6rem}.insight,.mistake{border-radius:var(--radius-card)}.insight{padding:1rem 1.25rem;background:var(--surface-feature-dark);color:var(--color-ivory-light);margin-top:.75rem}.insight strong{color:var(--color-setaman)}.error-analysis{padding:1rem 1.25rem;background:var(--green-50);border:1px solid var(--green-100);border-radius:var(--radius-card)}.error-analysis__type{display:inline-block}.stat-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat{background:#fff;border:1px solid var(--color-ivory-dark);border-radius:var(--radius-card);padding:1.1rem 1.25rem}.stat__value{font-size:2rem;font-weight:700;color:var(--color-menteng);line-height:1}.stat__label{font-size:var(--text-small);color:var(--color-slate-light);margin-top:.35rem}.mastery-row{display:flex;align-items:center;gap:.75rem;padding:.7rem 0;border-bottom:1px solid var(--color-ivory-dark)}.mastery-bar{flex:1 1;height:8px;border-radius:999px;background:var(--color-ivory-dark);overflow:hidden}.mastery-bar__fill{height:100%;background:var(--color-menteng)}footer.site-footer{border-top:1px solid var(--color-ivory-dark);padding:2rem 1.25rem;text-align:center;color:var(--color-slate-light);font-size:var(--text-small)}.katex{font-size:1.05em}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:1rem;gap:1rem;margin-top:1.5rem;align-items:stretch}.pricing-card{display:flex;flex-direction:column;position:relative}.pricing-card--featured{border-color:var(--color-menteng,#1f7a4d);box-shadow:0 6px 24px rgba(31,122,77,.12)}.pricing-card__tag{position:absolute;top:-10px;right:16px}.pricing-card__price{margin:.5rem 0 .75rem;display:flex;align-items:baseline;gap:4px}.pricing-card__features{list-style:none;padding:0;margin:0 0 1rem;display:grid;grid-gap:.5rem;gap:.5rem}.pricing-card__features li{position:relative;padding-left:1.4rem;font-size:var(--text-small)}.pricing-card__features li:before{content:"✓";position:absolute;left:0;color:var(--color-menteng,#1f7a4d);font-weight:700}.alert--success{background:#e8f2ea;border:1px solid #cfe0d6;color:#175f3e}.cl-card.auth-card,.cl-rootBox{margin:0 auto;width:100%}.cl-card.auth-card{box-shadow:var(--shadow-card,0 1px 2px rgba(0,0,0,.06))}