:root{--warna-latar:#faf6ec;--warna-permukaan:#fffdf7;--warna-tinta:#1b1f2c;--warna-tinta-lembut:#5a5f6e;--warna-aksen:#b91106;--warna-aksen-tinta:#fff;--warna-garis:#e3dbc9;--warna-sorot:#f5ead2;--warna-benar:#2e7d32;--warna-salah:#b23c17;--warna-pita-tinggi:#2e7d32;--warna-pita-sedang:#8f5a00;--warna-pita-rendah:#b23c17;--warna-pil-mundur:#c2474a;--warna-pil-ragu:#efc243;--warna-pil-lanjut:#4a7ef6;--warna-pil-tinta:#fff;--warna-kartu-soal:#fff;--warna-merek-kepala:#ffe9a8;--warna-merek-tinta:#1b1f2c;--warna-merek-kepala-aksen:#b91106;--warna-merek-krem:#faf6ec;--warna-merek-mustard:#e1b75a;--warna-merek-putih:#fff;--warna-merek-tinta-lembut:#5a5f6e;--warna-merek-garis:#e3dbc9;--huruf:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--ukuran-dasar:1rem;--ukuran-kecil:.875rem;--ukuran-judul:1.75rem;--ukuran-sub:1.125rem;--tinggi-baris:1.6;--ruang-1:.25rem;--ruang-2:.5rem;--ruang-3:1rem;--ruang-4:1.5rem;--ruang-5:2rem;--radius:1.375rem;--radius-kecil:.75rem;--lebar-isi:42rem}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{background:var(--warna-latar);color:var(--warna-tinta);font-family:var(--huruf);font-size:var(--ukuran-dasar);line-height:var(--tinggi-baris);margin:0}#akar{min-height:100vh}main[data-layar]{max-width:var(--lebar-isi);padding:var(--ruang-4) var(--ruang-3) var(--ruang-5);margin:0 auto}h1{font-size:var(--ukuran-judul);letter-spacing:-.02em;margin:0 0 var(--ruang-3);font-weight:900;line-height:1.15}h2{font-size:var(--ukuran-sub);letter-spacing:-.01em;margin:var(--ruang-4) 0 var(--ruang-2);font-weight:800;line-height:1.3}p{margin:0 0 var(--ruang-3)}a{color:var(--warna-aksen)}button{font:inherit;letter-spacing:.01em;cursor:pointer;background:var(--warna-aksen);color:var(--warna-aksen-tinta);border:1.5px solid #0000;border-radius:999px;min-height:2.75rem;padding:.6rem 1.3rem;font-weight:800}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--warna-aksen);outline-offset:2px}button.tautan,.tautan-pengaduan{min-height:0;color:var(--warna-aksen);background:0 0;border:0;padding:0;text-decoration:underline}.tautan-pengaduan{font:inherit;cursor:pointer}:is(footer,nav)[class^=kaki-] button:not(:first-child):not(.tautan),.kaki-langganan button,.kaki-kelemahan button,.kaki-daftar-set button{color:var(--warna-tinta);border-color:var(--warna-tinta);background:0 0}input,select,textarea{font:inherit;color:inherit;background:var(--warna-permukaan);border:1px solid var(--warna-garis);border-radius:var(--radius-kecil);padding:.5rem .65rem}.kartu{background:var(--warna-permukaan);border:1.5px solid var(--warna-garis);border-radius:var(--radius);padding:var(--ruang-3)}[role=alert]{background:var(--warna-sorot);border:1px solid var(--warna-garis);border-radius:var(--radius-kecil);padding:var(--ruang-2) var(--ruang-3)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.hiasan-tema{width:100%;max-width:18rem;height:auto;margin:0 auto var(--ruang-3);border-radius:var(--radius);border:6px solid var(--warna-permukaan);display:block;box-shadow:0 18px 40px #1b1f2c2e}.menu-utama{z-index:5;box-sizing:border-box;max-width:var(--lebar-isi);padding:.6rem var(--ruang-3);background:var(--warna-latar);border-bottom:1.5px solid var(--warna-garis);grid-template-columns:repeat(7,minmax(0,1fr));gap:.4rem;margin:0 auto;display:grid;position:sticky;top:0;box-shadow:0 8px 14px -12px #1b1f2c73}.menu-utama button{min-width:0;font-size:var(--ukuran-kecil);border-radius:var(--radius-kecil);background:var(--warna-permukaan);color:var(--warna-tinta);border-color:var(--warna-garis);padding:.35rem .4rem;line-height:1.2}.menu-utama button[aria-current]{background:var(--warna-aksen);color:var(--warna-aksen-tinta);border-color:var(--warna-aksen)}.menu-utama button[aria-current=page]{cursor:default}.ikon-home{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem;margin:auto;display:block}@media (width<=899px){.menu-utama{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=639px){.menu-utama{grid-template-columns:repeat(3,minmax(0,1fr))}}.baris-back{margin:0 0 var(--ruang-2)}.tombol-back{color:var(--warna-aksen);border-color:var(--warna-aksen);font-size:var(--ukuran-kecil);background:0 0;min-height:2rem;padding:.25rem .75rem;font-weight:700}.tombol-back:before{content:"← "}.tombol-beranda{color:var(--warna-aksen);border-color:var(--warna-aksen);background:0 0;min-height:2rem;padding:.25rem .75rem}.tombol-beranda .ikon-home{width:1.25rem;height:1.25rem}:root{--tinggi-kepala-merek:3.9rem}.kepala-merek{background:var(--warna-merek-kepala);color:var(--warna-merek-tinta)}.kepala-merek-isi{box-sizing:border-box;max-width:1120px;min-height:var(--tinggi-kepala-merek);align-items:center;gap:.6rem;margin:0 auto;padding:.7rem 24px;display:flex}.kepala-merek :focus-visible{outline-color:var(--warna-merek-kepala-aksen)}.tanda-merek{color:inherit;align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.ikon-merek{width:2.25rem;height:2.25rem;display:block}.kata-merek{letter-spacing:.04em;white-space:nowrap;font-size:1.2rem;font-weight:900}.kata-merek span{color:var(--warna-merek-kepala-aksen)}.jenjang-merek{border:1.5px solid var(--warna-merek-kepala-aksen);color:var(--warna-merek-kepala-aksen);letter-spacing:.12em;border-radius:999px;padding:.15rem .7rem;font-size:.75rem;font-weight:800}.akun-merek{align-items:center;gap:.5rem;min-width:0;margin-left:auto;display:flex}.tanda-merek,.jenjang-merek{flex:none}.surel-merek{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--ukuran-kecil);font-weight:600;overflow:hidden}.tombol-kepala-diam{opacity:.55;cursor:default}.tombol-kepala{border:1.5px solid var(--warna-merek-kepala-aksen);background:var(--warna-merek-kepala-aksen);min-height:2.5rem;color:var(--warna-merek-krem);white-space:nowrap;border-radius:999px;flex:none;align-items:center;padding:.35rem 1.1rem;font-weight:800;text-decoration:none;display:inline-flex}@media (width<=23rem){.kepala-merek .kata-merek{display:none}.tombol-kepala{padding:.35rem .8rem}}@media (width<=30rem){.kepala-merek:has(.surel-merek) .kata-merek{display:none}}.kaki-merek{max-width:var(--lebar-isi);padding:var(--ruang-3) var(--ruang-3) var(--ruang-5);border-top:1.5px solid var(--warna-merek-garis);color:var(--warna-merek-tinta-lembut);font-size:var(--ukuran-kecil);align-items:center;gap:.85rem;margin:0 auto;display:flex}.kaki-merek p{margin:0}.teks-kaki-merek{gap:.15rem;display:grid}.hak-cipta{font-size:var(--ukuran-kecil)}.logo-perusahaan{border:1px solid var(--warna-merek-garis);background:var(--warna-merek-putih);border-radius:.6rem;padding:.3rem .55rem;display:inline-flex}.logo-perusahaan img{width:2.4rem;height:auto;display:block}.layar-pengaduan{box-sizing:border-box;flex-direction:column;gap:.9rem;max-width:40rem;margin:0 auto;padding:1.25rem 1rem;display:flex}.layar-pengaduan h1{margin:0;font-size:1.25rem}.judul-pengaduan{margin:0;font-size:1.05rem}.bunyi-pengaduan{margin:0;line-height:1.5}.borang-pengaduan{flex-direction:column;gap:.6rem;margin:0;display:flex}.borang-pengaduan label{font-weight:600}.borang-pengaduan textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--warna-tinta-lembut);resize:vertical;border-radius:.25rem;padding:.5rem}.pesan-pengaduan{border:1px solid var(--warna-garis);background:var(--warna-sorot);border-radius:.25rem;margin:0;padding:.5rem .75rem;line-height:1.45}.alamat-pengaduan{color:var(--warna-tinta-lembut);margin:0;font-size:.9rem}.kaki-pengaduan{flex-wrap:wrap;gap:.5rem;display:flex}.kaki-pengaduan button{padding:.4rem .9rem;font-size:.95rem}.layar-about section{margin-top:var(--ruang-4)}.layar-about h3{font-size:var(--ukuran-dasar);margin-bottom:var(--ruang-1)}.logo-akun{color:inherit;align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.nav-akun{gap:var(--ruang-3);margin-left:var(--ruang-3);display:flex}.nav-akun a{color:var(--warna-merek-tinta);white-space:nowrap;font-weight:700;text-decoration:none}.nav-akun a[aria-current=page]{color:var(--warna-merek-kepala-aksen)}.akun-kanan{align-items:center;gap:var(--ruang-2);min-width:0;margin-left:auto;display:flex}.surel-akun{font-size:var(--ukuran-kecil);opacity:.85;text-overflow:ellipsis;white-space:nowrap;max-width:14rem;overflow:hidden}@media (width<=30rem){.nav-akun a:first-child,.surel-akun,.logo-akun .kata-merek{display:none}.kepala-akun .kepala-merek-isi{gap:.45rem}.nav-akun{gap:var(--ruang-2);margin-left:0}.nav-akun a,.tombol-kepala{font-size:.9375rem}.tombol-kepala{padding:.35rem .7rem}}.halaman-akun{max-width:var(--lebar-isi);padding:var(--ruang-4) var(--ruang-3) var(--ruang-5);margin:0 auto}.halaman-akun section{margin-top:var(--ruang-4)}.halaman-akun h2{font-size:var(--ukuran-sub)}.kartu-pilihan[data-dipilih=ya]{border-color:var(--warna-aksen);border-width:2.5px}.halaman-beli .pilihan-akses{margin-bottom:var(--ruang-3)}.galat-beli,.login-gagal{color:var(--warna-salah)}.kolom-kode{align-items:center;gap:var(--ruang-2);margin:var(--ruang-2) 0 var(--ruang-3);flex-wrap:wrap;display:flex}.kolom-kode label{font-weight:700}.kolom-kode input{text-transform:uppercase;letter-spacing:.04em;flex:10rem;min-width:0;max-width:16rem}.kode-dipakai{margin:var(--ruang-2) 0 var(--ruang-3);font-weight:700}.harga-coret{color:var(--warna-tinta-lembut);font-size:var(--ukuran-sub);font-weight:600}.diskon-pilihan,.tambahan-pilihan{color:var(--warna-benar);font-weight:700;font-size:var(--ukuran-kecil)}.tombol-utama,.tombol-kedua{border:1.5px solid var(--warna-aksen);border-radius:999px;align-items:center;min-height:2.75rem;padding:.6rem 1.3rem;font-weight:800;text-decoration:none;display:inline-flex}.tombol-utama{background:var(--warna-aksen);color:var(--warna-aksen-tinta)}.tombol-kedua{color:var(--warna-aksen);background:0 0}.aksi-login{gap:var(--ruang-2);flex-wrap:wrap;display:flex}.layar-langganan .status-langganan{font-size:var(--ukuran-sub);font-weight:600}.catatan-langganan{color:var(--warna-tinta-lembut);font-size:var(--ukuran-kecil)}.galat-langganan{color:var(--warna-salah)}.tawaran-langganan{gap:var(--ruang-2);padding:var(--ruang-3);border:1px solid var(--warna-garis);background:var(--warna-permukaan);border-radius:.5rem;display:grid}.pilihan-akses{gap:var(--ruang-3);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));margin:0;padding:0;list-style:none;display:grid}.kartu-pilihan{gap:var(--ruang-1);padding:var(--ruang-3);border:1.5px solid var(--warna-garis);border-radius:var(--radius-kecil);background:var(--warna-latar);display:grid}.kartu-pilihan p{margin:0}.harga-pilihan{font-size:var(--ukuran-judul);font-weight:900;line-height:1.2}.kartu-pilihan .tombol-bayar{margin-top:var(--ruang-2)}.tombol-bayar{background:var(--warna-aksen);min-height:3rem;color:var(--warna-aksen-tinta)}.tombol-bayar:disabled{opacity:.6}.kaki-langganan{margin-top:var(--ruang-3);gap:var(--ruang-2);flex-wrap:wrap;display:flex}