:root{--navy: #14213d;--navy-muda: #1f3057;--amber: #fca311;--abu: #6b7280;--abu-terang: #f3f4f6;--garis: #e5e7eb;--putih: #ffffff;--merah: #b91c1c;--radius: 14px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--abu-terang);color:var(--navy);line-height:1.6}.navbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:var(--navy);color:var(--putih);position:sticky;top:0;z-index:10}.merek{display:flex;align-items:center;gap:10px;color:var(--putih);text-decoration:none;font-weight:700;font-size:18px}.merek-ikon{display:grid;place-items:center;width:34px;height:34px;background:var(--amber);color:var(--navy);border-radius:9px;font-size:14px}.navbar-kanan{display:flex;align-items:center;gap:16px}.navbar-nama{display:flex;flex-direction:column;line-height:1.2;font-size:14px;text-align:right}.navbar-nama small{color:#b9c2d4;font-size:11px}.tombol-utama{width:100%;padding:12px 18px;border:0;border-radius:10px;background:var(--amber);color:var(--navy);font-weight:700;font-size:15px;cursor:pointer}.tombol-utama:disabled{opacity:.6;cursor:not-allowed}.tombol-utama:hover:not(:disabled){filter:brightness(1.06)}.tombol-garis{padding:7px 14px;border:1px solid rgba(255,255,255,.4);border-radius:8px;background:transparent;color:var(--putih);cursor:pointer;font-size:13px}.tombol-garis:hover{background:#ffffff1f}.tombol-video{display:inline-block;width:auto;text-decoration:none;margin:8px 0 20px}.konten-utama{max-width:1080px;margin:0 auto;padding:28px 20px 60px}.pusat-layar{display:grid;place-items:center;height:60vh;color:var(--abu)}.info{color:var(--abu);padding:16px 0}.kartu-auth{max-width:460px;margin:40px auto;background:var(--putih);padding:32px;border-radius:var(--radius);box-shadow:0 6px 24px #14213d14}.kartu-auth h1{font-size:26px}.kartu-auth .sub{color:var(--abu);margin-bottom:22px;font-size:14px}.kartu-auth label{display:block;margin-bottom:14px;font-size:13px;font-weight:600}.kartu-auth input,.kartu-auth select{width:100%;margin-top:6px;padding:11px 13px;font-size:14px;border:1px solid var(--garis);border-radius:9px;font-family:inherit;background:var(--putih)}.kartu-auth input:focus,.kartu-auth select:focus{outline:2px solid var(--amber);border-color:transparent}.baris-dua{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tautan-bawah{margin-top:18px;text-align:center;font-size:14px;color:var(--abu)}.tautan-bawah a{color:var(--navy);font-weight:600}.catatan-demo{margin-top:8px;text-align:center;font-size:12px;color:var(--abu)}.peringatan{background:#fee2e2;color:var(--merah);padding:11px 14px;border-radius:9px;font-size:14px;margin-bottom:16px}.sambutan{margin-bottom:22px}.sambutan h1{font-size:28px}.sambutan p{color:var(--abu)}.alat-saring{display:flex;flex-direction:column;gap:12px;margin-bottom:26px}.kotak-cari{padding:12px 16px;border:1px solid var(--garis);border-radius:10px;font-size:14px;font-family:inherit;background:var(--putih)}.pil-kategori{display:flex;flex-wrap:wrap;gap:8px}.pil{padding:7px 15px;border:1px solid var(--garis);border-radius:999px;background:var(--putih);cursor:pointer;font-size:13px;color:var(--abu);font-family:inherit}.pil-aktif{background:var(--navy);color:var(--putih);border-color:var(--navy)}.kisi-kartu{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.kartu{background:var(--putih);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 2px 10px #14213d0f;transition:transform .15s ease,box-shadow .15s ease}.kartu:hover{transform:translateY(-3px);box-shadow:0 10px 24px #14213d1f}.kartu-gambar{height:150px;background:var(--navy-muda) center/cover no-repeat;position:relative}.lencana{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:999px;background:#ffffffeb;font-size:11px;font-weight:700}.lencana-video{background:var(--amber)}.kartu-isi{padding:16px}.kategori{font-size:11px;font-weight:700;color:var(--amber);text-transform:uppercase;letter-spacing:.5px}.kartu-isi h3{font-size:16px;margin:6px 0 8px}.kartu-isi p{font-size:13px;color:var(--abu);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.kartu-kaki{display:flex;gap:14px;margin-top:12px;font-size:12px;color:var(--abu)}.detail{background:var(--putih);padding:30px;border-radius:var(--radius)}.tautan-kembali{display:inline-block;margin-bottom:18px;color:var(--abu);text-decoration:none;font-size:14px}.tautan-kembali:hover{color:var(--navy)}.detail h1{font-size:28px;margin:6px 0 10px}.meta{display:flex;flex-wrap:wrap;gap:16px;color:var(--abu);font-size:13px;margin-bottom:20px}.gambar-sampul{width:100%;max-height:340px;object-fit:cover;border-radius:10px;margin-bottom:20px}.ringkasan{font-size:17px;font-weight:600;margin-bottom:12px}.detail p{margin-bottom:16px}.baris-daftar{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.kotak-daftar,.kotak-langkah{background:var(--abu-terang);padding:18px 22px;border-radius:10px}.kotak-daftar h2,.kotak-langkah h2{font-size:16px;margin-bottom:10px}.kotak-daftar li,.kotak-langkah li{margin-left:18px;margin-bottom:7px;font-size:14px}.kotak-langkah li{padding-left:4px}@media (max-width: 640px){.baris-dua,.baris-daftar{grid-template-columns:1fr}.navbar{padding:12px 16px}.detail{padding:20px}.kartu-auth{padding:24px;margin:20px auto}}