/* Halaman Tentang Kami (/tentang-kami). Semua kelas berawalan bga-. Warna mengikuti variabel tema situs. */
.bga-root{--g:var(--primary-color,#d4af37);--rgb:var(--primary-rgb,212,175,55);--muted:var(--text-muted,#c9a227);max-width:1120px;margin:0 auto;padding:16px 16px 32px;color:#fff;font-size:16px;line-height:1.6}
.bga-root *{box-sizing:border-box}
.bga-root h1,.bga-root h2,.bga-root h3,.bga-root p{margin:0}
.bga-head{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:8px}
.bga-head .bga-ic{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#e6bd2c,#ffd60a);color:#1a1300}
.bga-head h1{font-size:34px;font-weight:800;color:var(--g)}
.bga-logo{display:block;margin:26px auto 30px;max-width:320px;max-height:110px;width:auto;height:auto;object-fit:contain}
.bga-card{margin-top:24px;padding:28px 32px;border-radius:24px;border:1px solid rgba(var(--rgb),.55);background:linear-gradient(135deg,#0d0e12,#15161c)}
.bga-card:first-of-type{margin-top:0}
.bga-card h2{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;color:#fff}
.bga-card h2 svg{flex:none;color:var(--g)}
.bga-card p{margin-top:14px;color:var(--muted)}
.bga-two{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}
.bga-two .bga-card{margin-top:0;padding:22px 24px;border-radius:20px}
.bga-two h2{font-size:21px}
.bga-two .bga-card p{margin-top:6px}
.bga-letter{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#e6bd2c,#ffd60a);color:#1a1300;font-size:15px;font-weight:800}
.bga-why{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.bga-why>div{padding:16px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:#131313}
.bga-why h3{font-size:18px;font-weight:800;color:#fff}
.bga-why p{margin-top:6px;font-size:14px;line-height:1.5}
.bga-contact ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:12px;color:var(--muted)}
.bga-contact li:before{content:"•";margin-right:10px}
.bga-contact .bga-note{margin-top:18px;font-size:14px}
.bga-empty{margin-top:40px;padding:48px 16px;text-align:center;border-radius:22px;border:1px solid rgba(var(--rgb),.35);color:rgba(255,255,255,.75)}
@media (max-width:820px){
.bga-head h1{font-size:26px}.bga-head .bga-ic{width:52px;height:52px}
.bga-card{padding:20px 18px;border-radius:20px}.bga-card h2{font-size:20px}
.bga-two{grid-template-columns:1fr}
.bga-why{grid-template-columns:1fr}
}

/* Halaman dimuat dari API: tahan tinggi supaya bagian bawah situs (Bantuan?, footer) tidak melompat ke atas selagi isi belum ada */
.bga-root{min-height:calc(100vh - 220px)}
.bga-root:empty:before{content:"Memuat…";display:block;padding:90px 0;text-align:center;font-size:16px;color:var(--text-muted,#c9a227)}
.bga-root>*{animation:bga-in .28s ease-out}
@keyframes bga-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.bga-root>*{animation:none}}