@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;600&display=swap');

body.hub-gym {
  font-family: Inter, system-ui, sans-serif;
  background: #0f172a;
  color: #f8fafc;
  padding: 48px 20px;
}

body.hub-gym .wrap { max-width: 760px; }

body.hub-gym h1 {
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(42px, 8vw, 64px);
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #ef4444;
}

body.hub-gym p { color: #94a3b8; }

body.hub-gym .grid { grid-template-columns: repeat(3, 1fr); gap: 10px; }

body.hub-gym a.card {
  border-radius: 6px;
  background: #1e293b;
  border: 2px solid #334155;
  border-top: 3px solid #ef4444;
  box-shadow: 0 12px 32px rgba(0,0,0,.35);
  transition: transform .2s, border-color .2s;
}

body.hub-gym a.card:hover {
  transform: translateY(-3px);
  border-color: #ef4444;
}

body.hub-gym a.card strong {
  text-transform: uppercase;
  letter-spacing: .03em;
  color: #fff;
}

body.hub-gym a.card span { color: #94a3b8; }

body.hub-gym .links a { color: #f97316; font-weight: 700; }

@media (max-width: 700px) {
  body.hub-gym .grid { grid-template-columns: 1fr; }
}