Gelanggan
.wb-container {max-width:1200px;margin:0 auto;padding:0 16px;}
.wb-* {box-sizing:border-box;}
.wb-section {padding:40px 16px;}
@media (min-width:1024px){.wb-section{padding:80px 24px;}}
.wb-nav {position:sticky;top:0;z-index:50;background:#0f172a;border-bottom:1px solid #1e293b;}
.wb-nav-inner {display:flex;align-items:center;justify-content:space-between;height:64px;}
.wb-logo {display:flex;align-items:center;gap:10px;color:#f8fafc;font-weight:700;}
.wb-logo img {width:40px;height:40px;object-fit:cover;border-radius:8px;}
.wb-menu {display:none;gap:20px;}
.wb-menu a {color:#e2e8f0;text-decoration:none;min-height:44px;display:flex;align-items:center;}
.wb-menu a:hover {color:#f59e0b;}
.wb-hamburger {display:block;color:#f8fafc;font-size:22px;cursor:pointer;}
.wb-mobile {display:none;flex-direction:column;background:#0f172a;padding:16px;}
.wb-mobile a {padding:12px 0;color:#e2e8f0;text-decoration:none;border-bottom:1px solid #1e293b;}
@media (min-width:768px){
.wb-menu{display:flex;}
.wb-hamburger{display:none;}
}
.wb-hero {position:relative;color:#f8fafc;}
.wb-hero-banner {min-height:520px;display:flex;align-items:center;background-image:url('[GAMBAR_HERO]');background-size:cover;background-position:center;}
.wb-overlay {position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0.8),rgba(15,23,42,0.95));}
.wb-hero-content {position:relative;z-index:2;}
.wb-hero h1 {font-size:28px;line-height:1.2;}
@media (min-width:1024px){.wb-hero h1{font-size:48px;}}
.wb-btn {display:inline-block;background:#f59e0b;color:#111827;padding:12px 18px;border-radius:8px;text-decoration:none;margin-top:12px;min-height:44px;}
.wb-btn-secondary {background:transparent;border:1px solid #f59e0b;color:#f59e0b;margin-left:10px;}
.wb-stats {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;}
@media (min-width:768px){.wb-stats{grid-template-columns:repeat(4,1fr);}}
.wb-stat {text-align:center;}
.wb-org {display:flex;flex-direction:column;align-items:center;gap:20px;}
.wb-org-box {padding:16px 20px;background:#1e293b;color:#f8fafc;border-radius:10px;text-align:center;}
.wb-org-line {width:2px;height:20px;background:#f59e0b;}
.wb-grid {display:grid;gap:16px;}
@media (min-width:768px){.wb-grid{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1024px){.wb-grid{grid-template-columns:repeat(3,1fr);}}
.wb-card {background:#1e293b;padding:16px;border-radius:10px;color:#e2e8f0;}
.wb-map {height:160px;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#94a3b8;margin-top:10px;}
.wb-gallery img {width:100%;height:100%;object-fit:cover;border-radius:8px;}
.wb-cta {text-align:center;background:#1e293b;border-radius:12px;padding:40px 20px;}
.wb-footer {padding:20px;text-align:center;border-top:1px solid #1e293b;color:#94a3b8;}
.wb-footer a {color:#e2e8f0;text-decoration:none;margin:0 6px;}
.wb-footer a:hover {color:#f59e0b;}
.wb-fade {opacity:0;transform:translateY(20px);transition:0.5s ease;}
.wb-fade.show {opacity:1;transform:none;}
PSSGM GOMBAK
PSSGM GOMBAK
☰
Carta Organisasi
YDP
MOHD NOOR FAIRUZ CHE DAUD
MOHD NOOR FAIRUZ CHE DAUD
NYDP
SHAHMI
SHAHMI
Tempat Latihan
Galeri Aktiviti
Sertai Kami Hari Ini
Jadilah sebahagian daripada warisan seni bela diri Melayu yang penuh disiplin, kehormatan dan kekuatan.
Daftar Sekarang© PSSGM GOMBAK
function toggleMenu(){
const m=document.getElementById('wbMobile');
m.style.display = m.style.display==='flex'?'none':'flex';
}
document.getElementById('wbYear').textContent=new Date().getFullYear();
const observer=new IntersectionObserver(entries=>{
entries.forEach(e=>{
if(e.isIntersecting){e.target.classList.add('show');}
});
});
document.querySelectorAll('.wb-fade').forEach(el=>observer.observe(el));
