:root{--biru:#2563eb;--biru-gelap:#1e40af;--biru-terang:#eff6ff;--biru-sedang:#dbeafe;--oranye:#f97316;--oranye-gelap:#ea580c;--oranye-terang:#fff7ed;--slate:#334155;--slate-muda:#64748b;--latar:#f8fafc;--garis:#e2e8f0;--putih:#ffffff;--bahaya:#b91c1c;--radius:14px;--bayang:0 2px 10px rgba(51,65,85,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:plus jakarta sans,system-ui,-apple-system,segoe ui,Roboto,sans-serif;background:var(--latar);color:var(--slate);line-height:1.65;font-size:17px}a{color:var(--biru);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}.bungkus{max-width:1080px;margin:0 auto;padding:0 20px}header.situs{background:var(--putih);border-bottom:1px solid var(--garis);position:sticky;top:0;z-index:50}.header-dalam{display:flex;align-items:center;gap:16px;padding:12px 20px;max-width:1080px;margin:0 auto;flex-wrap:wrap}.logo{display:flex;align-items:center;gap:11px;color:var(--slate)}.logo:hover{text-decoration:none}.logo svg{width:42px;height:42px;flex:none}.logo .nama{font-weight:800;font-size:1.22rem;color:var(--biru-gelap);line-height:1.15}.logo .slogan-kecil{display:block;font-size:.72rem;font-weight:600;color:var(--slate-muda);letter-spacing:.02em}nav.utama{margin-left:auto;display:flex;gap:4px;align-items:center;flex-wrap:wrap}nav.utama a{color:var(--slate);font-weight:600;font-size:.95rem;padding:8px 12px;border-radius:9px}nav.utama a:hover{background:var(--biru-terang);text-decoration:none}nav.utama a.tombol-bertanya{background:var(--oranye);color:#fff}nav.utama a.tombol-bertanya:hover{background:var(--oranye-gelap)}.hero{background:linear-gradient(150deg,var(--biru-gelap),var(--biru) 65%);color:#fff;padding:56px 0 62px;text-align:center}.hero h1{margin:0 0 10px;font-size:2.35rem;line-height:1.2}.hero p.tagline{margin:0 auto 28px;max-width:640px;font-size:1.08rem;color:#bfdbfe}.pencarian-besar{display:flex;gap:8px;max-width:640px;margin:0 auto;background:#fff;padding:7px;border-radius:999px;box-shadow:0 8px 28px rgba(0,0,0,.18)}.pencarian-besar input{flex:1;border:0;outline:0;font-size:1.02rem;padding:10px 16px;font-family:inherit;color:var(--slate);min-width:0}.pencarian-besar button{background:var(--oranye);color:#fff;border:0;border-radius:999px;padding:11px 26px;font-weight:700;font-size:1rem;cursor:pointer;font-family:inherit}.pencarian-besar button:hover{background:var(--oranye-gelap)}.hero .jaminan{margin-top:20px;font-size:.88rem;color:#bfdbfe;display:flex;gap:18px;justify-content:center;flex-wrap:wrap}section.bagian{padding:44px 0 8px}section.bagian h2{font-size:1.5rem;color:var(--biru-gelap);margin:0 0 6px}section.bagian h2.judul-kelompok{margin-top:18px}section.bagian p.sub{color:var(--slate-muda);margin:0 0 22px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.grid-kelas{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.kartu{background:var(--putih);border:1px solid var(--garis);border-radius:var(--radius);padding:20px;box-shadow:var(--bayang);height:100%}.kartu h3{margin:8px 0;font-size:1.06rem;line-height:1.4}.kartu h3 a{color:var(--slate)}.kartu p{margin:0;color:var(--slate-muda);font-size:.93rem}.kartu .meta{margin-top:12px;font-size:.8rem;color:var(--slate-muda)}.kartu-kategori h3{margin-top:0;color:var(--biru-gelap)}.kartu-kategori .jumlah{font-weight:700;color:var(--biru)}.kartu-kelas h3{margin-top:0;color:var(--biru-gelap);font-size:1.25rem}.daftar-bab{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:2px}.daftar-bab li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:5px 8px;border-radius:8px}.daftar-bab li:hover{background:var(--biru-terang)}.daftar-bab a{font-size:.92rem;font-weight:600;color:var(--slate)}.daftar-bab .jumlah-bab{font-size:.78rem;font-weight:700;color:var(--biru);background:var(--biru-terang);border-radius:999px;padding:1px 8px;flex:none}.chip-baris{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.chip{display:inline-block;font-size:.74rem;font-weight:700;padding:3px 10px;border-radius:999px;letter-spacing:.02em}a.chip:hover{text-decoration:none;filter:brightness(.96)}.chip-kelas{background:var(--biru);color:#fff}.chip-bab{background:var(--biru-terang);color:var(--biru-gelap)}.chip-sulit-mudah{background:#ecfdf5;color:#047857}.chip-sulit-sedang{background:var(--oranye-terang);color:var(--oranye-gelap)}.chip-sulit-sulit{background:#fef2f2;color:var(--bahaya)}.langkah{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.langkah .kartu{padding-top:24px}.langkah .no{width:36px;height:36px;border-radius:50%;background:var(--biru);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.filter-arsip{display:flex;gap:14px;flex-wrap:wrap;background:var(--putih);border:1px solid var(--garis);border-radius:var(--radius);padding:16px 20px;box-shadow:var(--bayang);margin-top:8px}.filter-arsip>div{flex:1;min-width:180px}.filter-arsip label{font-weight:700;font-size:.88rem;display:block;margin-bottom:5px}.filter-arsip select{width:100%;padding:10px 12px;border:1.5px solid var(--garis);border-radius:10px;font:inherit;background:#fff;color:var(--slate)}.ringkasan-filter{color:var(--slate-muda);font-size:.9rem;margin:14px 0 0;min-height:1.2em}.artikel{background:var(--putih);border:1px solid var(--garis);border-radius:var(--radius);padding:38px 42px;box-shadow:var(--bayang);margin:30px 0}.artikel h1{font-size:1.85rem;line-height:1.3;color:var(--slate);margin:12px 0 8px}.meta-jawaban{color:var(--slate-muda);font-size:.88rem;border-bottom:1px solid var(--garis);padding-bottom:16px;margin-bottom:8px}.banner-contoh{background:#fff7ed;border:1px solid #fdba74;color:#9a3412;border-radius:10px;padding:10px 16px;font-size:.9rem;margin:16px 0}.isi-jawaban{font-size:1.04rem}.isi-jawaban h2{font-size:1.28rem;color:var(--biru-gelap);margin:30px 0 10px}.isi-jawaban figure{margin:20px 0;text-align:center}.isi-jawaban figure img{max-width:min(420px,100%);height:auto}.isi-jawaban figcaption{font-size:.86rem;color:var(--slate-muda);margin-top:8px}.kotak-hasil{background:var(--biru-terang);border:1.5px solid var(--biru-sedang);border-radius:12px;padding:14px 20px;margin:12px 0;font-size:1.08rem}.kotak-hasil p{margin:0}.geogebra-bingkai{position:relative;width:100%;aspect-ratio:16/9;background:#f1f5f9;border:1px solid var(--garis);border-radius:12px;overflow:hidden;margin:18px 0 6px}.geogebra-bingkai iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.keterangan-applet{font-size:.86rem;color:var(--slate-muda);margin:0 0 8px}details.pembahasan{background:var(--oranye-terang);border:1px solid #fed7aa;border-radius:12px;padding:6px 20px 14px;margin:14px 0}details.pembahasan summary{cursor:pointer;font-weight:700;color:var(--oranye-gelap);padding:10px 0 4px}details.pembahasan .isi-pembahasan{border-top:1px dashed #fdba74;padding-top:8px}.aksi-jawaban{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 4px;border-top:1px solid var(--garis);padding-top:22px}.tombol{display:inline-flex;align-items:center;gap:7px;background:var(--biru);color:#fff;border:0;cursor:pointer;padding:10px 20px;border-radius:999px;font-weight:700;font-size:.93rem;font-family:inherit}.tombol:hover{background:var(--biru-gelap);text-decoration:none}.tombol.sekunder{background:var(--putih);color:var(--biru-gelap);border:1.5px solid var(--biru)}.tombol.sekunder:hover{background:var(--biru-terang)}.tombol:disabled{opacity:.55;cursor:default}.pesan-aksi{font-size:.88rem;color:var(--biru-gelap);margin-top:10px;min-height:1.2em}.halaman{background:var(--putih);border:1px solid var(--garis);border-radius:var(--radius);padding:34px 42px;box-shadow:var(--bayang);margin:30px 0}.halaman h1{color:var(--biru-gelap);font-size:1.7rem;margin-top:0}.halaman h2{color:var(--biru-gelap);font-size:1.25rem;margin:26px 0 8px}.judul-halaman{padding:38px 0 4px}.judul-halaman h1{color:var(--biru-gelap);font-size:1.8rem;margin:0 0 6px}.judul-halaman p{color:var(--slate-muda);margin:0;max-width:720px}form.formulir{display:grid;gap:16px;margin-top:20px}form.formulir label{font-weight:700;font-size:.93rem;display:block;margin-bottom:6px}form.formulir input[type=text],form.formulir input[type=email],form.formulir select,form.formulir textarea{width:100%;padding:11px 14px;border:1.5px solid var(--garis);border-radius:10px;font:inherit;background:#fff;color:var(--slate)}form.formulir textarea{min-height:150px;resize:vertical}form.formulir .petunjuk{font-size:.83rem;color:var(--slate-muda);margin-top:5px}form.formulir .cek{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:.92rem}form.formulir .cek input{margin-top:5px;width:17px;height:17px;flex:none}.peringatan{background:#fef2f2;border:1px solid #fca5a5;color:var(--bahaya);border-radius:10px;padding:12px 16px;font-size:.92rem}.status-kirim{font-size:.93rem;min-height:1.3em}.jebakan{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}.pencarian-halaman{display:flex;gap:8px;background:#fff;border:1.5px solid var(--garis);border-radius:999px;padding:6px;margin:22px 0}.pencarian-halaman input{flex:1;border:0;outline:0;font:inherit;padding:9px 16px;color:var(--slate);min-width:0}.pencarian-halaman button{background:var(--biru);color:#fff;border:0;border-radius:999px;padding:10px 24px;font-weight:700;cursor:pointer;font-family:inherit}#hasil-cari{display:grid;gap:12px;padding-bottom:30px}footer.situs{margin-top:56px;background:var(--biru-gelap);color:#bfdbfe;padding:38px 0 30px;font-size:.92rem}footer.situs a{color:#bfdbfe;text-decoration:underline}footer.situs .kolom{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}footer.situs h4{color:#fff;margin:0 0 10px;font-size:1rem}footer.situs ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}footer.situs .penutup{border-top:1px solid rgba(255,255,255,.18);margin-top:26px;padding-top:16px;font-size:.83rem;color:#bfdbfe}@media(max-width:640px){body{font-size:16px}.hero{padding:40px 0 44px}.hero h1{font-size:1.7rem}.artikel,.halaman{padding:26px 20px}.artikel h1{font-size:1.45rem}nav.utama{margin-left:0}.filter-arsip>div{min-width:140px}}@media(min-width:1600px){body{font-size:19px}.bungkus,.header-dalam{max-width:1240px}}