Cara Bergabung
Mulai Perjalanan Anda di BALANU
Empat langkah sederhana untuk mendaftarkan usaha, membagikan cerita,
100% Gratis · Tanpa Biaya Tersembunyi
100% Gratis
Pendaftaran, profil usaha, unggah produk, dan publikasi artikel — semuanya tanpa biaya. Kami tidak mengambil komisi sepeser pun dari transaksi Anda.
Jangkauan Luas
Produk dan cerita Anda dilihat oleh pengunjung dari 6 kabupaten Sulawesi Barat dan sekitarnya — tanpa perlu iklan berbayar.
Profil Usaha Sendiri
Setiap UMKM punya halaman profil lengkap dengan logo, alamat, WhatsApp, sosial media, dan katalog produk — seperti website mini gratis.
Komunitas yang Tumbuh
Bergabung dengan jaringan pelaku UMKM, penulis, dan pegiat ekonomi lokal yang saling menguatkan dan berbagi pengalaman.
Pelaku UMKM
Punya usaha mikro, kecil, atau menengah? Daftarkan produk/jasa Anda, dapatkan profil usaha, dan temukan pembeli baru dari seluruh Sulbar.
Jalur Katalog Produk
Penulis & Kontributor
Punya cerita, tips, atau pengalaman seputar UMKM? Tulis dan bagikan ke pembaca dari seluruh Sulbar. Karya Anda tetap milik Anda.
Jalur Artikel
Pegiat & Komunitas
Pemerhati ekonomi lokal, komunitas, atau instansi yang peduli pada kemajuan UMKM Sulbar — mari berkolaborasi untuk dampak yang lebih luas.
Jalur Kolaborasi
1
Daftar Akun
Buka halaman Login / Daftar dan isi formulir dengan email aktif, username pilihan, dan password. Proses pendaftaran hanya butuh 1 menit.
2
Tunggu Persetujuan
Tim BALANU akan meninjau akun Anda untuk memastikan bukan akun spam. Biasanya selesai dalam 1×24 jam kerja .
3
Lengkapi Profil
Setelah disetujui, masuk ke Dashboard Akun . Lengkapi profil pribadi: foto profil, bio singkat, dan (jika punya usaha) profil UMKM.
4
Mulai Berkontribusi
Tambah produk ke katalog atau tulis artikel pertama Anda. Setelah direview admin (rata-rata 1×24 jam), kontribusi Anda akan tayang di portal.
Tips: Siapkan logo UMKM (format persegi, min. 300×300 px) dan foto produk berkualitas sebelum mendaftar, agar profil usaha Anda bisa langsung tampil menarik.
Email Aktif
Untuk menerima notifikasi persetujuan akun dan komunikasi penting dari kami.
Usia 17 Tahun atau Lebih
Atau memiliki izin dari orang tua/wali bagi yang belum cukup usia.
Data Diri yang Benar
Gunakan nama, email, dan informasi yang valid. Data palsu dapat menyebabkan penangguhan akun.
Khusus UMKM: Nomor WhatsApp Aktif
Untuk menerima pesanan dan pertanyaan langsung dari pembeli.
Kelola UMKM
Buat, edit, dan hapus profil UMKM Anda. Lengkapi logo, alamat, WhatsApp, dan sosial media.
Unggah Produk
Tambahkan produk atau jasa ke katalog dengan foto, harga, kategori, dan sertifikasi.
Tulis Artikel
Bagikan cerita, tips, opini, atau liputan kegiatan UMKM untuk dibaca publik.
Profil Publik
Setiap kontributor mendapat halaman profil publik di /profil/username/ dengan statistik kontribusi.
Butuh Panduan Lebih Detail?
Setelah akun aktif, kunjungi halaman Panduan Kontributor untuk mempelajari kategori artikel, tipe harga produk, etika penulisan, dan proses review.
Buka Panduan Kontributor
Apakah benar-benar gratis? Ada biaya tersembunyi?
Ya, 100% gratis. Tidak ada biaya pendaftaran, biaya bulanan, biaya iklan wajib, atau komisi transaksi. BALANU tidak mengambil sepeser pun dari penjualan Anda.
Saya belum punya usaha, bisa daftar sebagai penulis saja?
Tentu. Anda bisa mendaftar hanya sebagai kontributor artikel. Tidak wajib memiliki UMKM — cukup punya minat menulis tentang topik UMKM, ekonomi lokal, atau cerita inspiratif.
Berapa lama akun saya akan disetujui?
Biasanya dalam 1×24 jam kerja. Jika lewat dari itu belum ada kabar, silakan hubungi kami via Hubungi Kami untuk memeriksa status.
Apa saja yang saya butuhkan sebelum mendaftar?
Untuk UMKM: email aktif, nomor WhatsApp aktif, dan logo usaha (opsional tapi disarankan). Untuk penulis: email aktif dan ide tulisan. Untuk keduanya: niat berkontribusi secara jujur dan positif.
Bisa kelola lebih dari satu UMKM?
Bisa. Satu akun dapat mengelola beberapa unit UMKM sekaligus. Setiap UMKM memiliki halaman profil dan katalog produknya sendiri.
Siap Bergabung Sekarang?
Daftarkan akun Anda hari ini dan mulai bangun kehadiran digital Anda di BALANU — gratis, cepat, dan tanpa syarat rumit.
Terakhir diperbarui: 7 Oktober 2025
.balanu-cara-bergabung { font-family: inherit; color: #334155; line-height: 1.7; font-size: 15px; }
/* ─── HERO ─────────────────────────────────────────────── */
.balanu-cara-bergabung .cb-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-cara-bergabung .cb-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-cara-bergabung .cb-hero-inner { position: relative; z-index: 1; }
.balanu-cara-bergabung .cb-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-cara-bergabung .cb-hero-title {
color: #fff; font-size: 38px; font-weight: 800;
margin: 0 0 16px 0; line-height: 1.15; letter-spacing: -0.5px;
}
.balanu-cara-bergabung .cb-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-cara-bergabung .cb-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-cara-bergabung .cb-hero-meta-item { display: inline-flex; align-items: center; gap: 6px; }
.balanu-cara-bergabung .cb-hero-meta-item svg { color: #6ee7b7; }
/* ─── LAYOUT ───────────────────────────────────────────── */
.balanu-cara-bergabung .cb-layout-wrap {
max-width: 1200px; margin: 0 auto; padding: 0 20px;
}
.balanu-cara-bergabung .cb-layout {
display: grid; grid-template-columns: 240px 1fr;
gap: 40px; align-items: start;
}
/* ─── KONTEN ───────────────────────────────────────────── */
.balanu-cara-bergabung .cb-main { min-width: 0; }
/* ─── SECTION ──────────────────────────────────────────── */
.balanu-cara-bergabung .cb-section { margin-bottom: 40px; }
.balanu-cara-bergabung .cb-section-alt {
background: #f8fafc; border-left: 4px solid #10b981;
border-radius: 12px; padding: 28px 26px; margin-bottom: 40px;
}
.balanu-cara-bergabung .cb-section-header { margin-bottom: 20px; }
.balanu-cara-bergabung .cb-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-cara-bergabung .cb-h2-icon {
display: inline-flex; align-items: center; justify-content: center;
width: 26px; height: 26px; color: #059669; flex-shrink: 0;
}
.balanu-cara-bergabung .cb-h2-icon svg { width: 22px; height: 22px; display: block; }
.balanu-cara-bergabung .cb-desc { font-size: 13.5px; color: #64748b; margin: 0; line-height: 1.6; }
/* ─── BENEFIT GRID ─────────────────────────────────────── */
.balanu-cara-bergabung .cb-benefit-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 14px;
}
.balanu-cara-bergabung .cb-benefit-card {
background: #fff; border: 1px solid #e2e8f0; border-radius: 12px;
padding: 22px 20px; transition: all 0.25s ease;
}
.balanu-cara-bergabung .cb-benefit-card:hover {
border-color: #10b981; transform: translateY(-3px);
box-shadow: 0 10px 20px -8px rgba(5,150,105,0.15);
}
.balanu-cara-bergabung .cb-benefit-icon {
width: 44px; height: 44px; border-radius: 10px;
background: #ecfdf5; color: #059669;
display: flex; align-items: center; justify-content: center;
margin-bottom: 14px;
}
.balanu-cara-bergabung .cb-benefit-icon svg { width: 22px; height: 22px; }
.balanu-cara-bergabung .cb-benefit-title {
font-size: 15px; font-weight: 700; color: #0f172a;
margin: 0 0 6px 0;
}
.balanu-cara-bergabung .cb-benefit-desc {
font-size: 13px; color: #64748b; margin: 0; line-height: 1.6;
}
/* ─── AUDIENCE GRID ────────────────────────────────────── */
.balanu-cara-bergabung .cb-audience-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 14px;
}
.balanu-cara-bergabung .cb-audience-card {
background: #fff; border: 1px solid #e2e8f0; border-radius: 14px;
padding: 24px 22px;
transition: all 0.25s ease;
display: flex; flex-direction: column; align-items: flex-start;
}
.balanu-cara-bergabung .cb-audience-card:hover {
border-color: #10b981; transform: translateY(-3px);
box-shadow: 0 10px 20px -8px rgba(5,150,105,0.15);
}
.balanu-cara-bergabung .cb-audience-icon {
width: 52px; height: 52px; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
margin-bottom: 14px;
}
.balanu-cara-bergabung .cb-audience-icon svg { width: 26px; height: 26px; }
.balanu-cara-bergabung .cb-icon-umkm { background: #ecfdf5; color: #059669; }
.balanu-cara-bergabung .cb-icon-writer { background: #fef3c7; color: #d97706; }
.balanu-cara-bergabung .cb-icon-community { background: #dbeafe; color: #3b82f6; }
.balanu-cara-bergabung .cb-audience-title {
font-size: 15px; font-weight: 700; color: #0f172a;
margin: 0 0 8px 0;
}
.balanu-cara-bergabung .cb-audience-desc {
font-size: 13px; color: #64748b; margin: 0 0 14px 0;
line-height: 1.6; flex-grow: 1;
}
.balanu-cara-bergabung .cb-audience-tag {
display: inline-block;
font-size: 11px; font-weight: 700;
color: #059669; background: #ecfdf5;
padding: 4px 12px; border-radius: 20px;
letter-spacing: 0.3px;
}
/* ─── STEPS ────────────────────────────────────────────── */
.balanu-cara-bergabung .cb-steps {
display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 14px;
}
.balanu-cara-bergabung .cb-step {
background: #fff; border: 1px solid #e2e8f0; border-radius: 12px;
padding: 20px 18px; transition: all 0.2s ease;
}
.balanu-cara-bergabung .cb-step:hover {
border-color: #10b981; background: #f0fdf4;
}
.balanu-cara-bergabung .cb-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-cara-bergabung .cb-step-marker span {
font-size: 15px; font-weight: 800; color: #059669; line-height: 1;
}
.balanu-cara-bergabung .cb-step-title {
font-size: 14px; font-weight: 700; color: #0f172a; margin: 0 0 6px 0;
}
.balanu-cara-bergabung .cb-step-desc {
font-size: 12.5px; color: #64748b; margin: 0; line-height: 1.6;
}
.balanu-cara-bergabung .cb-step-desc strong { color: #0f172a; font-weight: 700; }
.balanu-cara-bergabung .cb-step-desc a {
color: #059669 !important; font-weight: 600;
text-decoration: none !important;
}
.balanu-cara-bergabung .cb-step-desc a:hover { text-decoration: underline !important; }
/* ─── NOTE ─────────────────────────────────────────────── */
.balanu-cara-bergabung .cb-note {
display: flex; gap: 12px; align-items: flex-start;
border-radius: 8px; padding: 14px 18px;
margin-top: 20px;
}
.balanu-cara-bergabung .cb-note svg { flex-shrink: 0; margin-top: 2px; }
.balanu-cara-bergabung .cb-note p { margin: 0; font-size: 13px; line-height: 1.6; }
.balanu-cara-bergabung .cb-note-info {
background: #eff6ff; border-left: 4px solid #3b82f6; color: #1e40af;
}
.balanu-cara-bergabung .cb-note-info svg { color: #3b82f6; }
.balanu-cara-bergabung .cb-note-info a {
color: #1e40af !important; font-weight: 700;
text-decoration: underline !important;
}
/* ─── REQUIREMENTS ─────────────────────────────────────── */
.balanu-cara-bergabung .cb-requirements {
display: flex; flex-direction: column; gap: 10px;
}
.balanu-cara-bergabung .cb-requirement {
display: flex; gap: 16px; align-items: flex-start;
background: #fff; border: 1px solid #e2e8f0;
border-radius: 12px; padding: 16px 20px;
transition: all 0.2s ease;
}
.balanu-cara-bergabung .cb-requirement:hover {
border-color: #10b981; background: #f0fdf4;
}
.balanu-cara-bergabung .cb-requirement-check {
width: 32px; height: 32px; border-radius: 50%;
background: #dcfce7; color: #166534;
display: flex; align-items: center; justify-content: center;
flex-shrink: 0;
}
.balanu-cara-bergabung .cb-requirement-check svg { width: 18px; height: 18px; }
.balanu-cara-bergabung .cb-requirement-content { flex-grow: 1; }
.balanu-cara-bergabung .cb-requirement-title {
font-size: 14.5px; font-weight: 700; color: #0f172a;
margin: 0 0 3px 0;
}
.balanu-cara-bergabung .cb-requirement-desc {
font-size: 13px; color: #64748b; margin: 0; line-height: 1.6;
}
.balanu-cara-bergabung .cb-requirement-desc a {
color: #059669 !important; font-weight: 600;
text-decoration: none !important;
}
.balanu-cara-bergabung .cb-requirement-desc a:hover { text-decoration: underline !important; }
/* ─── AFTER GRID ───────────────────────────────────────── */
.balanu-cara-bergabung .cb-after-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 14px; margin-bottom: 24px;
}
.balanu-cara-bergabung .cb-after-card {
background: #fff; border: 1px solid #e2e8f0; border-radius: 12px;
padding: 20px 18px;
}
.balanu-cara-bergabung .cb-after-icon {
width: 40px; height: 40px; border-radius: 10px;
background: #ecfdf5; color: #059669;
display: flex; align-items: center; justify-content: center;
margin-bottom: 12px;
}
.balanu-cara-bergabung .cb-after-icon svg { width: 22px; height: 22px; }
.balanu-cara-bergabung .cb-after-title {
font-size: 14.5px; font-weight: 700; color: #0f172a;
margin: 0 0 6px 0;
}
.balanu-cara-bergabung .cb-after-desc {
font-size: 12.5px; color: #64748b; margin: 0; line-height: 1.6;
}
.balanu-cara-bergabung .cb-after-desc code {
background: #f1f5f9; color: #334155;
padding: 1px 5px; border-radius: 4px; font-size: 12px;
}
/* ─── GUIDE CTA ────────────────────────────────────────── */
.balanu-cara-bergabung .cb-guide-cta {
display: flex; align-items: center; justify-content: space-between;
gap: 20px; padding: 22px 24px;
background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
border: 1px solid #a7f3d0; border-radius: 14px;
flex-wrap: wrap;
}
.balanu-cara-bergabung .cb-guide-cta-content { flex-grow: 1; min-width: 240px; }
.balanu-cara-bergabung .cb-guide-cta-title {
font-size: 16px; font-weight: 800; color: #065f46;
margin: 0 0 4px 0;
}
.balanu-cara-bergabung .cb-guide-cta-desc {
font-size: 13px; color: #047857; margin: 0; line-height: 1.6;
}
.balanu-cara-bergabung .cb-guide-cta-btn {
display: inline-flex; align-items: center; gap: 8px;
background: #059669; color: #fff !important;
padding: 12px 22px; border-radius: 30px;
font-size: 13.5px; font-weight: 700;
text-decoration: none !important;
transition: all 0.2s ease; white-space: nowrap;
}
.balanu-cara-bergabung .cb-guide-cta-btn:hover {
background: #047857; transform: translateY(-2px);
box-shadow: 0 8px 20px -6px rgba(5,150,105,0.4);
}
/* ─── FAQ ──────────────────────────────────────────────── */
.balanu-cara-bergabung .cb-faq-list {
display: flex; flex-direction: column; gap: 8px;
}
.balanu-cara-bergabung .cb-faq-item {
background: #fff; border: 1px solid #e2e8f0;
border-radius: 10px; overflow: hidden;
transition: border-color 0.2s;
}
.balanu-cara-bergabung .cb-faq-item:hover { border-color: #cbd5e1; }
.balanu-cara-bergabung .cb-faq-item.is-open { border-color: #10b981; }
.balanu-cara-bergabung .cb-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-cara-bergabung .cb-faq-question:hover { background: #f8fafc; }
.balanu-cara-bergabung .cb-faq-item.is-open .cb-faq-question { background: #f0fdf4; }
.balanu-cara-bergabung .cb-faq-q-text { flex-grow: 1; }
.balanu-cara-bergabung .cb-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-cara-bergabung .cb-faq-q-icon svg { width: 18px; height: 18px; display: block; }
.balanu-cara-bergabung .cb-faq-item.is-open .cb-faq-q-icon {
transform: rotate(180deg); color: #059669;
}
.balanu-cara-bergabung .cb-faq-answer {
max-height: 0; overflow: hidden;
transition: max-height 0.3s ease;
}
.balanu-cara-bergabung .cb-faq-item.is-open .cb-faq-answer {
max-height: 400px;
}
.balanu-cara-bergabung .cb-faq-answer > * {
padding-left: 18px; padding-right: 18px;
}
.balanu-cara-bergabung .cb-faq-answer > *:first-child { padding-top: 0; }
.balanu-cara-bergabung .cb-faq-answer > *:last-child { padding-bottom: 18px; }
.balanu-cara-bergabung .cb-faq-answer p {
font-size: 13.5px; color: #475569;
line-height: 1.7; margin: 0 0 10px 0;
}
.balanu-cara-bergabung .cb-faq-answer p:last-child { margin-bottom: 0; }
.balanu-cara-bergabung .cb-faq-answer a {
color: #059669 !important; font-weight: 600;
text-decoration: none !important;
}
.balanu-cara-bergabung .cb-faq-answer a:hover { text-decoration: underline !important; }
/* ─── CTA ──────────────────────────────────────────────── */
.balanu-cara-bergabung .cb-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-cara-bergabung .cb-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-cara-bergabung .cb-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-cara-bergabung .cb-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-cara-bergabung .cb-cta-buttons {
display: flex; gap: 12px; justify-content: center;
flex-wrap: wrap; position: relative; z-index: 1;
}
.balanu-cara-bergabung .cb-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-cara-bergabung .cb-btn svg { flex-shrink: 0; }
.balanu-cara-bergabung .cb-btn-cta {
background: #10b981; color: #fff !important;
box-shadow: 0 8px 20px -8px rgba(16,185,129,0.5);
}
.balanu-cara-bergabung .cb-btn-cta:hover {
background: #059669; transform: translateY(-2px);
box-shadow: 0 12px 24px -8px rgba(5,150,105,0.5);
}
.balanu-cara-bergabung .cb-btn-cta-outline {
background: transparent; color: #fff !important;
border: 2px solid rgba(255,255,255,0.4);
}
.balanu-cara-bergabung .cb-btn-cta-outline:hover {
background: rgba(255,255,255,0.1); border-color: #fff;
}
/* ─── UPDATED ──────────────────────────────────────────── */
.balanu-cara-bergabung .cb-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-cara-bergabung .cb-updated svg { color: #64748b; }
/* ─── RESPONSIVE ───────────────────────────────────────── */
@media (max-width: 900px) {
.balanu-cara-bergabung .cb-layout { grid-template-columns: 1fr; gap: 0; }
}
@media (max-width: 640px) {
.balanu-cara-bergabung .cb-layout-wrap { padding: 0 16px; }
.balanu-cara-bergabung .cb-hero { padding: 40px 22px 34px 22px; border-radius: 14px; }
.balanu-cara-bergabung .cb-hero-title { font-size: 26px; }
.balanu-cara-bergabung .cb-hero-sub { font-size: 14px; }
.balanu-cara-bergabung .cb-h2 { font-size: 19px; }
.balanu-cara-bergabung .cb-h2-icon { width: 24px; height: 24px; }
.balanu-cara-bergabung .cb-h2-icon svg { width: 20px; height: 20px; }
.balanu-cara-bergabung .cb-section-alt { padding: 22px 18px; }
.balanu-cara-bergabung .cb-benefit-grid { grid-template-columns: 1fr; }
.balanu-cara-bergabung .cb-audience-grid { grid-template-columns: 1fr; }
.balanu-cara-bergabung .cb-steps { grid-template-columns: 1fr; }
.balanu-cara-bergabung .cb-after-grid { grid-template-columns: 1fr; }
.balanu-cara-bergabung .cb-guide-cta { padding: 20px; }
.balanu-cara-bergabung .cb-guide-cta-btn { width: 100%; justify-content: center; }
.balanu-cara-bergabung .cb-cta-section { padding: 36px 20px; }
.balanu-cara-bergabung .cb-cta-title { font-size: 20px; }
.balanu-cara-bergabung .cb-cta-buttons { flex-direction: column; align-items: stretch; }
.balanu-cara-bergabung .cb-cta-buttons .cb-btn { width: 100%; }
}
(function() {
‘use strict’;
if (window.__balanuCaraBergabungLoaded) return;
window.__balanuCaraBergabungLoaded = true;
document.addEventListener(‘DOMContentLoaded’, function() {
document.querySelectorAll(‘.balanu-cara-bergabung .cb-faq-question’).forEach(function(btn) {
btn.addEventListener(‘click’, function() {
var item = this.closest(‘.cb-faq-item’);
if (!item) return;
var isOpen = item.classList.contains(‘is-open’);
item.closest(‘.cb-faq-list’).querySelectorAll(‘.cb-faq-item.is-open’).forEach(function(openItem) {
if (openItem !== item) openItem.classList.remove(‘is-open’);
});
item.classList.toggle(‘is-open’, !isOpen);
});
});
document.querySelectorAll(‘.balanu-cara-bergabung .cb-faq-question’).forEach(function(btn) {
btn.addEventListener(‘keydown’, function(e) {
if (e.key === ‘Enter’ || e.key === ‘ ‘) {
e.preventDefault();
this.click();
}
});
});
});
})();