/* Layout polish */
.container { max-width: 1100px; }
.card-gg + .card-gg { margin-top: .75rem; }
.row.g-3 > [class^="col-"] { margin-bottom: 1rem; }

/* Mobile bottom nav */
.mobile-bottom-nav { position: fixed; left:0; right:0; bottom:0; background:#fff; border-top:1px solid #e5e7eb; display:none; z-index:1040; }
.mobile-bottom-nav .nav-item { flex:1; text-align:center; padding:.5rem 0; font-size:.8rem; }
.mobile-bottom-nav .nav-item a { color:#0f5a4d; text-decoration:none; display:flex; flex-direction:column; align-items:center; gap:.2rem; }
.mobile-bottom-nav .nav-item i { font-size:18px; }
@media (max-width: 991.98px){
  body { padding-bottom: 64px; }
  .mobile-bottom-nav { display:flex; }
}
:root{--gg-green:#0f5a4d;--gg-gold:#d9b13b;--gg-cream:#f6f3ea}
body{background:var(--gg-cream)}
#particles-js{position:fixed;inset:0;z-index:-1}
.hero{background:linear-gradient(135deg,rgba(15,90,77,.9),rgba(15,90,77,.6));color:#fff;border-radius:1rem}
.btn-gg{background:var(--gg-green);color:#fff}
.btn-gg:hover{background:#0b463c;color:#fff}
.card-gg{border:0;box-shadow:0 10px 30px rgba(0,0,0,.05)}

body { background: #f6f3ea; }
.hero { background: radial-gradient(1200px 600px at 50% -10%, #2f8e7a22, transparent), linear-gradient(180deg,#0f5a4d,#15806f); color:#fff; border-radius:18px; }
.btn-gg { background:#0f5a4d; color:#fff; }
.btn-gg:hover { background:#0d4f44; color:#fff; }
.card-gg { border:0; border-radius:14px; box-shadow:0 6px 20px rgba(0,0,0,.05); background:#fff; }
.navbar .nav-link { font-weight:500; }
.navbar .nav-link { padding-left: .9rem; padding-right: .9rem; }
.dropdown-menu .dropdown-item { padding: .6rem 1rem; }

/* Sections spacing and colorful cards */
.section { margin: 2.5rem 0; }
.section .card-gg { margin-bottom: 1rem; }
.tint-green { background: linear-gradient(180deg,#ffffff,#f3fbf8); border-top: 4px solid #0f5a4d; }
.tint-blue  { background: linear-gradient(180deg,#ffffff,#f0f7ff); border-top: 4px solid #0d6efd; }
.tint-gold  { background: linear-gradient(180deg,#ffffff,#fff7e0); border-top: 4px solid #d9b13b; }
.tint-purple{ background: linear-gradient(180deg,#ffffff,#f6f0ff); border-top: 4px solid #6f42c1; }