Panduan

Panduan Kontributor

Buku panduan teknis untuk kontributor BALANU.
Pelajari kategori artikel, tipe produk, etika penulisan, dan proses review.

Untuk Pengguna Terdaftar

Belum punya akun BALANU?

Halaman ini ditujukan untuk pengguna yang sudah terdaftar. Jika Anda belum memiliki akun, lihat cara bergabung terlebih dahulu.

Cara Bergabung
Daftar Isi
  1. Dua Jalur Kontribusi
  2. Jalur Artikel — 5 Kategori
  3. Jalur Katalog — Produk & Jasa
  4. Etika & Aturan Penulisan
  5. Proses Review & Moderasi
  6. Apresiasi Kontributor Terbaik
  7. Hak Cipta & Tanggung Jawab
  8. Pertanyaan Teknis

1. Dua Jalur Kontribusi

Setelah akun aktif, Anda bisa memilih salah satu jalur — atau keduanya sekaligus. Bagian ini menjelaskan perbedaan keduanya secara teknis.

Jalur 1: Menulis Artikel

Bagikan cerita, kabar, tips, atau opini seputar UMKM Sulbar. Cocok untuk penulis, jurnalis warga, penyuluh, atau siapa saja yang ingin berbagi gagasan.

5 kategori tersedia Review 1×24 jam

Jalur 2: Katalog Produk & Jasa

Etalase digital untuk produk atau jasa usaha Anda. Cocok untuk pelaku UMKM yang ingin produknya ditemukan lebih banyak pembeli.

4 tipe harga Tombol WA otomatis

2. Jalur Artikel — 5 Kategori

Sebelum mulai menulis, pilih kategori yang paling sesuai. Jangan khawatir kalau salah pilih — admin dapat memindahkan artikel ke kategori yang lebih tepat saat proses review.

01

Kabar UMKM

“Kabar terbaru dari dunia usaha Sulbar”

Informasi faktual & ringkas tentang kejadian atau capaian UMKM.

Cocok untuk:

  • Rilis produk atau varian baru
  • Pembukaan cabang / toko baru
  • Prestasi & penghargaan UMKM
  • Program bantuan atau pendanaan
  • Data & statistik UMKM terbaru

Contoh judul: “Kopi Mamuju Resmi Buka Gerai Kedua di Pasar Sentral”

02

Cerita & Inspirasi

“Kisah nyata, dari tangan yang mengukir usaha”

Narasi personal yang menyentuh emosi — perjalanan, jatuh-bangun, atau momen berharga pelaku usaha.

Cocok untuk:

  • Profil mendalam satu pelaku UMKM
  • Kisah di balik sebuah produk
  • Cerita pemulihan usaha setelah krisis
  • Usaha warisan keluarga
  • Refleksi pribadi sebagai pelaku usaha

Contoh judul: “Dari Jualan Kue di Depan Sekolah, Kini Punya 3 Cabang di Majene”

03

Tips & Panduan

“Belajar bersama, tumbuh bersama”

Konten yang mengajarkan atau membimbing pembaca melakukan sesuatu — ada langkah, ada cara praktis.

Cocok untuk:

  • Cara membuat / mengemas / memasarkan produk
  • Panduan branding, caption, atau foto produk
  • Tips mengelola keuangan UMKM
  • Tutorial aplikasi (Shopee, WA Business, dll.)
  • Panduan legalitas: NIB, PIRT, Halal

Contoh judul: “7 Kesalahan Foto Produk yang Bikin Pembeli Kabur”

04

Opini & Gagasan

“Pandangan yang menggugah, gagasan yang membangun”

Konten berisi pendapat, analisis, atau gagasan penulis — ada argumen, ada sudut pandang pribadi.

Cocok untuk:

  • Kritik membangun terhadap kebijakan UMKM
  • Gagasan tentang masa depan UMKM Sulbar
  • Analisis tren (mis. “kenapa UMKM harus go digital?”)
  • Refleksi tentang budaya usaha lokal
  • Tanggapan terhadap berita atau peristiwa

Contoh judul: “Mengapa UMKM Sulbar Perlu Serius Masuk Marketplace?”

05

Liputan & Agenda

“Dari lapangan, untuk Sulbar”

Konten yang melaporkan atau mendokumentasikan kegiatan — ada waktu, tempat, dan pelaku.

Cocok untuk:

  • Reportase pelatihan, workshop, seminar
  • Dokumentasi pameran, bazar, festival
  • Liputan kunjungan pejabat / instansi
  • Agenda kegiatan UMKM yang akan datang
  • Catatan perjalanan terkait UMKM

Contoh judul: “Serunya Bazar UMKM Majene: 40 Tenant, 3 Hari, Ribuan Pengunjung”

Masih bingung? Jawab 3 pertanyaan ini:

  1. Apakah saya sedang melaporkan kejadian? → Ya, lanjut no. 2. Tidak, lanjut no. 3.
  2. Apakah saya hadir langsung di lokasi? → Ya: Liputan & Agenda. Tidak: Kabar UMKM.
  3. Isi artikel mengajarkan, berpendapat, atau bercerita? → Mengajarkan: Tips & Panduan → Berpendapat: Opini & Gagasan → Bercerita: Cerita & Inspirasi

3. Jalur Katalog — Produk & Jasa

Jika Anda memilih jalur katalog, ada beberapa hal teknis yang perlu diperhatikan agar produk Anda tampil menarik dan mudah ditemukan pembeli.

Panduan Foto

  • Foto asli hasil jepretan sendiri, bukan screenshot atau unduhan
  • Pencahayaan terang, tidak blur, fokus pada produk
  • Latar belakang bersih dan tidak mengganggu
  • Minimal 800 x 800 pixel (persegi)
  • Bisa menampilkan produk dari beberapa sudut

Informasi Usaha

  • Nomor WhatsApp aktif — untuk tombol chat otomatis
  • Alamat lengkap — termasuk kabupaten di Sulbar
  • Deskripsi jujur — bahan, ukuran, keunggulan produk
  • Legalitas bila ada — NIB, PIRT, Halal, BPOM, HKI
  • Link e-commerce — Shopee, Tokopedia (opsional)

Tipe Harga yang Didukung

  • Harga Pasti — satu harga tetap untuk produk
  • Mulai Dari — harga awal, mis. “Mulai Rp 50.000”
  • Rentang Harga — mis. “Rp 50.000 – Rp 150.000”
  • Hubungi untuk Harga — pembeli langsung chat via WA

Khusus Jasa: Produk dengan kategori jasa otomatis menampilkan tombol “Hubungi untuk Bertanya” dan tidak masuk keranjang — pembeli langsung terhubung ke WhatsApp Anda.

4. Etika & Aturan Penulisan

Untuk menjaga kualitas dan kepercayaan pembaca, setiap kontribusi wajib mengikuti 6 prinsip berikut.

Faktual & Jujur

Tulis berdasarkan fakta. Hindari klaim berlebihan dan kabar bohong.

Rumus 5W + 1H

What, Who, Where, When, Why, How. Pastikan tulisan menjawab semua.

Identitas Asli

Gunakan nama asli atau nama pena konsisten. Sertakan sumber jika mengutip.

Bebas SARA

Tidak menyerang individu/kelompok atas dasar suku, agama, ras, antar-golongan.

Bebas Plagiarisme

Semua tulisan harus karya sendiri. Foto orang lain wajib izin/sumber.

Bahasa yang Baik

Gunakan bahasa Indonesia yang mudah dipahami. Istilah lokal boleh, selama dijelaskan.

5. Proses Review & Moderasi

Semua kontribusi melalui proses kurasi untuk menjaga kualitas. Berikut alur teknisnya.

1

Kirim Kontribusi

Unggah artikel atau produk/jasa melalui dashboard di /akun-saya/.

2

Review Admin (1×24 Jam)

Tim BALANU meninjau kontribusi Anda — cek fakta, kelengkapan, dan kesesuaian panduan.

3

Penyelarasan (Bila Perlu)

Admin dapat menyelaraskan judul, tata bahasa, atau foto tanpa mengubah substansi tulisan Anda.

4

Publish

Setelah disetujui, kontribusi Anda tayang dan bisa ditemukan di pencarian & direktori.

5

Kelola Kapan Saja

Anda dapat memperbarui, mengedit, atau menghapus kontribusi sendiri kapan saja dari dashboard.

Catatan: Kontribusi yang melanggar panduan atau tidak sesuai visi BALANU dapat ditolak. Keputusan admin bersifat final, namun selalu disertai alasan yang jelas.

6. Apresiasi Kontributor Terbaik

Kami menghargai setiap kontribusi yang masuk. Setiap bulannya, BALANU menampilkan 5 kontributor terbaik di dua tempat berikut.

Halaman Kontributor

Ditampilkan di bagian paling atas halaman /kontributor/, sebagai bentuk apresiasi publik.

Homepage BALANU

Tampil di section “Kontributor Terbaik Bulan Ini” di halaman utama — dilihat oleh seluruh pengunjung.

Cara Penilaian: Peringkat dihitung dari jumlah artikel + produk yang dipublikasikan pada bulan berjalan. Semakin aktif berkontribusi, semakin besar peluang Anda masuk dalam 5 teratas.

7. Hak Cipta & Tanggung Jawab

Hak Cipta Anda

  • Anda tetap pemilik penuh atas karya yang dikirimkan.
  • BALANU mendapat lisensi non-eksklusif untuk menampilkan kontribusi Anda.
  • Anda boleh mempublikasikan karya yang sama di tempat lain.
  • Hak milik foto tetap ada pada Anda.

Tanggung Jawab

  • Anda bertanggung jawab atas kebenaran isi kontribusi.
  • Klaim legalitas produk menjadi tanggung jawab pemilik usaha.
  • BALANU tidak memfasilitasi transaksi. Jual-beli langsung antara pembeli & penjual.
  • BALANU tidak mengambil komisi sepeser pun.

8. Pertanyaan Teknis

Pertanyaan seputar teknis berkontribusi — diluar urusan pendaftaran dan akun (lihat Cara Bergabung untuk yang itu).

Tidak ada batasan. Anda bisa menulis sebanyak yang Anda mau. Semua artikel akan direview satu per satu.

Ya. Anda bisa mengedit artikel kapan saja melalui dashboard. Perubahan besar akan direview ulang oleh admin.

Tidak masalah — admin dapat memindahkan artikel ke kategori yang lebih tepat saat proses review. Anda juga bisa ubah sendiri kapan saja dari dashboard.

Rata-rata 1×24 jam kerja. Untuk konten yang butuh verifikasi khusus (mis. data statistik, klaim legalitas), bisa lebih lama. Anda akan diberi kabar melalui email atau notifikasi dashboard.

Bisa. Satu akun dapat mengelola beberapa unit UMKM sekaligus. Setiap UMKM memiliki halaman profil dan katalog produknya sendiri.

Cukup aktif berkontribusi — publish artikel atau produk Anda. Peringkat dihitung dari jumlah kontribusi bulan berjalan. Top 5 akan tampil di halaman /kontributor/ dan homepage.

Bisa. Di setiap halaman produk atau artikel terdapat tautan “Laporkan”. Klik tautan tersebut, pilih jenis laporan, dan jelaskan masalahnya. Laporan Anda akan ditinjau admin.

Untuk pertanyaan umum (biaya, cara daftar, waktu persetujuan akun), lihat halaman Cara Bergabung atau FAQ lengkap.

Siap Mulai Berkontribusi?

Buka dashboard akun Anda dan mulai tulis artikel pertama atau unggah produk pertama Anda.

Buka Dashboard Akun Butuh Bantuan? Hubungi Kami
Terakhir diperbarui: 7 Oktober 2025
.balanu-panduan { font-family: inherit; color: #334155; line-height: 1.7; font-size: 15px; } /* ─── HERO ─────────────────────────────────────────────── */ .balanu-panduan .pd-hero { background: linear-gradient(135deg, #0f172a 0%, #1e293b 55%, #334155 100%); border-radius: 20px; padding: 60px 30px 50px 30px; margin-bottom: 40px; text-align: center; position: relative; overflow: hidden; } .balanu-panduan .pd-hero::before { content: ”; position: absolute; top: -80px; right: -80px; width: 280px; height: 280px; background: radial-gradient(circle, rgba(16,185,129,0.18) 0%, transparent 70%); border-radius: 50%; } .balanu-panduan .pd-hero-inner { position: relative; z-index: 1; } .balanu-panduan .pd-badge { display: inline-block; background: rgba(16,185,129,0.2); color: #6ee7b7; padding: 6px 16px; border-radius: 20px; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 20px; border: 1px solid rgba(16,185,129,0.3); } .balanu-panduan .pd-hero-title { color: #fff; font-size: 38px; font-weight: 800; margin: 0 0 16px 0; line-height: 1.15; letter-spacing: -0.5px; } .balanu-panduan .pd-hero-sub { color: rgba(255,255,255,0.85); font-size: 16px; max-width: 640px; margin: 0 auto 24px auto; line-height: 1.6; } .balanu-panduan .pd-hero-meta { display: flex; justify-content: center; align-items: center; gap: 12px; flex-wrap: wrap; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.15); max-width: 500px; margin: 0 auto; color: rgba(255,255,255,0.75); font-size: 13px; position: relative; z-index: 1; } .balanu-panduan .pd-hero-meta-item { display: inline-flex; align-items: center; gap: 6px; } .balanu-panduan .pd-hero-meta-item svg { color: #6ee7b7; } /* ─── LAYOUT ───────────────────────────────────────────── */ .balanu-panduan .pd-layout-wrap { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .balanu-panduan .pd-layout { display: grid; grid-template-columns: 240px 1fr; gap: 40px; align-items: start; } /* ─── KONTEN ───────────────────────────────────────────── */ .balanu-panduan .pd-main { min-width: 0; } /* ─── CALLOUT ──────────────────────────────────────────── */ .balanu-panduan .pd-callout { display: flex; align-items: center; gap: 16px; background: #eff6ff; border-left: 4px solid #3b82f6; border-radius: 12px; padding: 20px 24px; flex-wrap: wrap; margin-bottom: 24px; } .balanu-panduan .pd-callout-icon { width: 44px; height: 44px; border-radius: 50%; background: #dbeafe; color: #2563eb; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .balanu-panduan .pd-callout-icon svg { width: 22px; height: 22px; } .balanu-panduan .pd-callout-content { flex-grow: 1; min-width: 240px; } .balanu-panduan .pd-callout-title { font-size: 15px; font-weight: 700; color: #1e40af; margin: 0 0 4px 0; } .balanu-panduan .pd-callout-desc { font-size: 13px; color: #1e40af; margin: 0; line-height: 1.6; opacity: 0.9; } .balanu-panduan .pd-callout-btn { display: inline-flex; align-items: center; gap: 6px; background: #3b82f6; color: #fff !important; padding: 10px 20px; border-radius: 8px; font-size: 13px; font-weight: 700; text-decoration: none !important; transition: all 0.2s ease; white-space: nowrap; flex-shrink: 0; } .balanu-panduan .pd-callout-btn:hover { background: #2563eb; transform: translateX(2px); } /* ─── TOC ──────────────────────────────────────────────── */ .balanu-panduan .pd-toc { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 22px 26px; margin-bottom: 32px; } .balanu-panduan .pd-toc-title { font-size: 13px; font-weight: 800; color: #0f172a; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 12px; } .balanu-panduan .pd-toc-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 24px; counter-reset: toc; } .balanu-panduan .pd-toc-list li { counter-increment: toc; font-size: 13.5px; } .balanu-panduan .pd-toc-list li a { color: #334155 !important; font-weight: 600; text-decoration: none !important; display: flex; align-items: center; gap: 8px; padding: 4px 0; transition: color 0.15s; } .balanu-panduan .pd-toc-list li a::before { content: counter(toc) “.”; font-weight: 700; color: #059669; font-size: 12px; min-width: 22px; } .balanu-panduan .pd-toc-list li a:hover { color: #059669 !important; } /* ─── SECTION ──────────────────────────────────────────── */ .balanu-panduan .pd-section { margin-bottom: 40px; scroll-margin-top: 100px; } .balanu-panduan .pd-section-alt { background: #f8fafc; border-left: 4px solid #10b981; border-radius: 12px; padding: 28px 26px; margin-bottom: 40px; scroll-margin-top: 100px; } .balanu-panduan .pd-section-header { margin-bottom: 20px; } .balanu-panduan .pd-h2 { font-size: 22px; font-weight: 800; color: #0f172a; margin: 0 0 6px 0; letter-spacing: -0.3px; line-height: 1.3; display: flex; align-items: center; gap: 10px; } .balanu-panduan .pd-h2-icon { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; color: #059669; flex-shrink: 0; } .balanu-panduan .pd-h2-icon svg { width: 22px; height: 22px; display: block; } .balanu-panduan .pd-desc { font-size: 13.5px; color: #64748b; margin: 0; line-height: 1.6; } .balanu-panduan .pd-desc a { color: #059669 !important; font-weight: 600; text-decoration: none !important; } .balanu-panduan .pd-desc a:hover { text-decoration: underline !important; } /* ─── PATH GRID ────────────────────────────────────────── */ .balanu-panduan .pd-path-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; } .balanu-panduan .pd-path-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 22px 20px; } .balanu-panduan .pd-path-icon { width: 44px; height: 44px; border-radius: 10px; background: #ecfdf5; color: #059669; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; } .balanu-panduan .pd-path-icon svg { width: 22px; height: 22px; } .balanu-panduan .pd-path-title { font-size: 15px; font-weight: 700; color: #0f172a; margin: 0 0 8px 0; } .balanu-panduan .pd-path-desc { font-size: 13px; color: #64748b; margin: 0 0 12px 0; line-height: 1.6; } .balanu-panduan .pd-path-meta { display: flex; gap: 12px; flex-wrap: wrap; padding-top: 12px; border-top: 1px solid #f1f5f9; } .balanu-panduan .pd-path-meta-item { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; color: #059669; font-weight: 600; } .balanu-panduan .pd-path-meta-item svg { color: #10b981; } /* ─── CATEGORY LIST ────────────────────────────────────── */ .balanu-panduan .pd-category-list { display: flex; flex-direction: column; gap: 14px; } .balanu-panduan .pd-category-item { display: flex; gap: 20px; align-items: flex-start; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 22px 24px; transition: all 0.2s ease; } .balanu-panduan .pd-category-item:hover { border-color: #10b981; background: #f0fdf4; } .balanu-panduan .pd-category-num { font-size: 24px; font-weight: 800; color: #059669; line-height: 1; flex-shrink: 0; min-width: 40px; letter-spacing: -1px; font-variant-numeric: tabular-nums; } .balanu-panduan .pd-category-title { font-size: 16px; font-weight: 700; color: #0f172a; margin: 0 0 4px 0; } .balanu-panduan .pd-category-quote { font-size: 13px; color: #059669; font-style: italic; font-weight: 600; margin: 0 0 8px 0; } .balanu-panduan .pd-category-desc { font-size: 13.5px; color: #64748b; margin: 0 0 10px 0; line-height: 1.6; } .balanu-panduan .pd-category-sub { font-size: 12.5px; color: #94a3b8; font-weight: 600; margin: 0 0 6px 0; } .balanu-panduan .pd-category-points { list-style: none; padding: 0; margin: 0 0 10px 0; } .balanu-panduan .pd-category-points li { font-size: 13px; color: #475569; line-height: 1.6; padding: 3px 0 3px 18px; position: relative; } .balanu-panduan .pd-category-points li::before { content: ”; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; border-radius: 50%; background: #10b981; } .balanu-panduan .pd-category-example { font-size: 12.5px; color: #64748b; margin: 0; padding: 8px 12px; background: #f8fafc; border-radius: 6px; border-left: 3px solid #10b981; line-height: 1.5; } .balanu-panduan .pd-category-example strong { color: #0f172a; } /* ─── CATALOG GRID ─────────────────────────────────────── */ .balanu-panduan .pd-catalog-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; } .balanu-panduan .pd-catalog-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 22px 20px; } .balanu-panduan .pd-catalog-icon { width: 40px; height: 40px; border-radius: 10px; background: #ecfdf5; color: #059669; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; } .balanu-panduan .pd-catalog-icon svg { width: 22px; height: 22px; } .balanu-panduan .pd-catalog-title { font-size: 14.5px; font-weight: 700; color: #0f172a; margin: 0 0 10px 0; } .balanu-panduan .pd-catalog-list { list-style: none; padding: 0; margin: 0; } .balanu-panduan .pd-catalog-list li { font-size: 13px; color: #475569; line-height: 1.6; padding: 4px 0 4px 18px; position: relative; } .balanu-panduan .pd-catalog-list li::before { content: ”; position: absolute; left: 0; top: 12px; width: 5px; height: 5px; border-radius: 50%; background: #10b981; } .balanu-panduan .pd-catalog-list li strong { color: #0f172a; } /* ─── ETHICS GRID ──────────────────────────────────────── */ .balanu-panduan .pd-ethics-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; } .balanu-panduan .pd-ethics-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px 18px; } .balanu-panduan .pd-ethics-icon { width: 36px; height: 36px; border-radius: 50%; background: #dcfce7; color: #166534; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; } .balanu-panduan .pd-ethics-icon svg { width: 18px; height: 18px; } .balanu-panduan .pd-ethics-title { font-size: 14.5px; font-weight: 700; color: #0f172a; margin: 0 0 6px 0; } .balanu-panduan .pd-ethics-desc { font-size: 12.5px; color: #64748b; margin: 0; line-height: 1.6; } /* ─── STEPS ────────────────────────────────────────────── */ .balanu-panduan .pd-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; } .balanu-panduan .pd-step { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px 18px; } .balanu-panduan .pd-step-marker { width: 36px; height: 36px; border-radius: 50%; background: #fff; border: 2px solid #059669; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; } .balanu-panduan .pd-step-marker span { font-size: 15px; font-weight: 800; color: #059669; line-height: 1; } .balanu-panduan .pd-step-title { font-size: 14px; font-weight: 700; color: #0f172a; margin: 0 0 6px 0; } .balanu-panduan .pd-step-desc { font-size: 12.5px; color: #64748b; margin: 0; line-height: 1.6; } .balanu-panduan .pd-step-desc a { color: #059669 !important; font-weight: 600; text-decoration: none !important; } .balanu-panduan .pd-step-desc a:hover { text-decoration: underline !important; } /* ─── NOTE ─────────────────────────────────────────────── */ .balanu-panduan .pd-note { display: flex; gap: 12px; align-items: flex-start; border-radius: 8px; padding: 14px 18px; margin-top: 20px; } .balanu-panduan .pd-note svg { flex-shrink: 0; margin-top: 2px; } .balanu-panduan .pd-note p { margin: 0; font-size: 13px; line-height: 1.6; } .balanu-panduan .pd-note-info { background: #eff6ff; border-left: 4px solid #3b82f6; color: #1e40af; } .balanu-panduan .pd-note-info svg { color: #3b82f6; } .balanu-panduan .pd-note-info a { color: #1e40af !important; font-weight: 700; text-decoration: underline !important; } .balanu-panduan .pd-note-warning { background: #fef3c7; border-left: 4px solid #f59e0b; color: #78350f; } .balanu-panduan .pd-note-warning svg { color: #f59e0b; } .balanu-panduan .pd-note-list { padding-left: 18px; margin: 8px 0 0 0; font-size: 13px; line-height: 1.7; } .balanu-panduan .pd-note-list li { margin-bottom: 4px; } /* ─── APRESIASI GRID ───────────────────────────────────── */ .balanu-panduan .pd-apresiasi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; } .balanu-panduan .pd-apresiasi-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 22px 20px; } .balanu-panduan .pd-apresiasi-icon { width: 40px; height: 40px; border-radius: 50%; background: #fef3c7; color: #d97706; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; } .balanu-panduan .pd-apresiasi-icon svg { width: 20px; height: 20px; } .balanu-panduan .pd-apresiasi-title { font-size: 14.5px; font-weight: 700; color: #0f172a; margin: 0 0 6px 0; } .balanu-panduan .pd-apresiasi-desc { font-size: 12.5px; color: #64748b; margin: 0; line-height: 1.6; } .balanu-panduan .pd-apresiasi-desc a { color: #059669 !important; font-weight: 600; text-decoration: none !important; } .balanu-panduan .pd-apresiasi-desc a:hover { text-decoration: underline !important; } /* ─── COPYRIGHT GRID ───────────────────────────────────── */ .balanu-panduan .pd-copyright-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; } .balanu-panduan .pd-copyright-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 22px 20px; } .balanu-panduan .pd-copyright-title { font-size: 15px; font-weight: 700; color: #0f172a; margin: 0 0 12px 0; padding-bottom: 10px; border-bottom: 2px solid #ecfdf5; } .balanu-panduan .pd-copyright-list { list-style: none; padding: 0; margin: 0; } .balanu-panduan .pd-copyright-list li { font-size: 13px; color: #475569; line-height: 1.6; padding: 5px 0 5px 20px; position: relative; } .balanu-panduan .pd-copyright-list li::before { content: ”; position: absolute; left: 0; top: 13px; width: 6px; height: 6px; border-radius: 50%; background: #10b981; } /* ─── FAQ ──────────────────────────────────────────────── */ .balanu-panduan .pd-faq-list { display: flex; flex-direction: column; gap: 8px; } .balanu-panduan .pd-faq-item { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; transition: border-color 0.2s; } .balanu-panduan .pd-faq-item:hover { border-color: #cbd5e1; } .balanu-panduan .pd-faq-item.is-open { border-color: #10b981; } .balanu-panduan .pd-faq-question { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 14px 18px; background: transparent; border: none; cursor: pointer; font-family: inherit; font-size: 14px; font-weight: 700; color: #0f172a; text-align: left; line-height: 1.4; transition: background 0.15s; } .balanu-panduan .pd-faq-question:hover { background: #f8fafc; } .balanu-panduan .pd-faq-item.is-open .pd-faq-question { background: #f0fdf4; } .balanu-panduan .pd-faq-q-text { flex-grow: 1; } .balanu-panduan .pd-faq-q-icon { width: 20px; height: 20px; flex-shrink: 0; color: #64748b; display: inline-flex; align-items: center; justify-content: center; transition: transform 0.25s ease, color 0.2s; } .balanu-panduan .pd-faq-q-icon svg { width: 18px; height: 18px; display: block; } .balanu-panduan .pd-faq-item.is-open .pd-faq-q-icon { transform: rotate(180deg); color: #059669; } .balanu-panduan .pd-faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .balanu-panduan .pd-faq-item.is-open .pd-faq-answer { max-height: 500px; } .balanu-panduan .pd-faq-answer > * { padding-left: 18px; padding-right: 18px; } .balanu-panduan .pd-faq-answer > *:first-child { padding-top: 0; } .balanu-panduan .pd-faq-answer > *:last-child { padding-bottom: 18px; } .balanu-panduan .pd-faq-answer p { font-size: 13.5px; color: #475569; line-height: 1.7; margin: 0 0 10px 0; } .balanu-panduan .pd-faq-answer p:last-child { margin-bottom: 0; } .balanu-panduan .pd-faq-answer a { color: #059669 !important; font-weight: 600; text-decoration: none !important; } .balanu-panduan .pd-faq-answer a:hover { text-decoration: underline !important; } /* ─── CTA ──────────────────────────────────────────────── */ .balanu-panduan .pd-cta-section { padding: 44px 26px; text-align: center; border-radius: 18px; background: linear-gradient(135deg, #0f172a 0%, #1e293b 55%, #334155 100%); position: relative; overflow: hidden; } .balanu-panduan .pd-cta-section::before { content: ”; position: absolute; top: -80px; right: -80px; width: 260px; height: 260px; background: radial-gradient(circle, rgba(16,185,129,0.18) 0%, transparent 70%); border-radius: 50%; } .balanu-panduan .pd-cta-title { font-size: 24px; font-weight: 800; color: #fff; margin: 0 0 10px 0; letter-spacing: -0.3px; position: relative; z-index: 1; } .balanu-panduan .pd-cta-desc { font-size: 14px; color: rgba(255,255,255,0.8); margin: 0 0 22px 0; line-height: 1.6; position: relative; z-index: 1; } .balanu-panduan .pd-cta-buttons { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; position: relative; z-index: 1; } .balanu-panduan .pd-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 28px; border-radius: 30px; font-size: 14px; font-weight: 700; text-decoration: none !important; transition: all 0.2s ease; line-height: 1.2; border: none; cursor: pointer; } .balanu-panduan .pd-btn svg { flex-shrink: 0; } .balanu-panduan .pd-btn-cta { background: #10b981; color: #fff !important; box-shadow: 0 8px 20px -8px rgba(16,185,129,0.5); } .balanu-panduan .pd-btn-cta:hover { background: #059669; transform: translateY(-2px); box-shadow: 0 12px 24px -8px rgba(5,150,105,0.5); } .balanu-panduan .pd-btn-cta-outline { background: transparent; color: #fff !important; border: 2px solid rgba(255,255,255,0.4); } .balanu-panduan .pd-btn-cta-outline:hover { background: rgba(255,255,255,0.1); border-color: #fff; } /* ─── UPDATED ──────────────────────────────────────────── */ .balanu-panduan .pd-updated { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 40px; padding-top: 20px; border-top: 1px solid #e2e8f0; font-size: 13px; color: #94a3b8; } .balanu-panduan .pd-updated svg { color: #64748b; } /* ─── RESPONSIVE ───────────────────────────────────────── */ @media (max-width: 900px) { .balanu-panduan .pd-layout { grid-template-columns: 1fr; gap: 0; } } @media (max-width: 640px) { .balanu-panduan .pd-layout-wrap { padding: 0 16px; } .balanu-panduan .pd-hero { padding: 40px 22px 34px 22px; border-radius: 14px; } .balanu-panduan .pd-hero-title { font-size: 26px; } .balanu-panduan .pd-hero-sub { font-size: 14px; } .balanu-panduan .pd-h2 { font-size: 19px; } .balanu-panduan .pd-h2-icon { width: 24px; height: 24px; } .balanu-panduan .pd-h2-icon svg { width: 20px; height: 20px; } .balanu-panduan .pd-section-alt { padding: 22px 18px; } .balanu-panduan .pd-toc-list { grid-template-columns: 1fr; } .balanu-panduan .pd-callout { padding: 16px 18px; } .balanu-panduan .pd-callout-btn { width: 100%; justify-content: center; } .balanu-panduan .pd-category-item { flex-direction: column; gap: 10px; padding: 18px 20px; } .balanu-panduan .pd-category-num { font-size: 20px; min-width: auto; } .balanu-panduan .pd-path-grid { grid-template-columns: 1fr; } .balanu-panduan .pd-catalog-grid { grid-template-columns: 1fr; } .balanu-panduan .pd-ethics-grid { grid-template-columns: 1fr; } .balanu-panduan .pd-steps { grid-template-columns: 1fr; } .balanu-panduan .pd-apresiasi-grid { grid-template-columns: 1fr; } .balanu-panduan .pd-copyright-grid { grid-template-columns: 1fr; } .balanu-panduan .pd-cta-section { padding: 36px 20px; } .balanu-panduan .pd-cta-title { font-size: 20px; } .balanu-panduan .pd-cta-buttons { flex-direction: column; align-items: stretch; } .balanu-panduan .pd-cta-buttons .pd-btn { width: 100%; } } (function() { ‘use strict’; if (window.__balanuPanduanLoaded) return; window.__balanuPanduanLoaded = true; document.addEventListener(‘DOMContentLoaded’, function() { document.querySelectorAll(‘.balanu-panduan .pd-faq-question’).forEach(function(btn) { btn.addEventListener(‘click’, function() { var item = this.closest(‘.pd-faq-item’); if (!item) return; var isOpen = item.classList.contains(‘is-open’); item.closest(‘.pd-faq-list’).querySelectorAll(‘.pd-faq-item.is-open’).forEach(function(openItem) { if (openItem !== item) openItem.classList.remove(‘is-open’); }); item.classList.toggle(‘is-open’, !isOpen); }); }); document.querySelectorAll(‘.balanu-panduan .pd-faq-question’).forEach(function(btn) { btn.addEventListener(‘keydown’, function(e) { if (e.key === ‘Enter’ || e.key === ‘ ‘) { e.preventDefault(); this.click(); } }); }); }); })();