/* ============================================================
   HGP Command Center - Client Requested Cleanup Layer
   Safe visual polish. Does not remove app data or server logic.
   ============================================================ */

:root {
  --cc-bg: #020816;
  --cc-panel: rgba(5, 20, 35, 0.84);
  --cc-line: rgba(40, 231, 255, 0.22);
  --cc-cyan: #28e7ff;
  --cc-green: #43ffbd;
  --cc-text: #eaffff;
  --cc-muted: #9fc0d5;
  --cc-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

html,
body {
  font-family: var(--cc-font) !important;
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.hgp-client-hidden {
  display: none !important;
}

.hgp-clean-title {
  letter-spacing: -0.05em;
}

.hgp-program-gateway {
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  gap: 16px;
  margin: 22px 0;
}

.hgp-program-gateway a {
  display: grid;
  gap: 8px;
  min-height: 120px;
  padding: 20px;
  border: 1px solid var(--cc-line);
  border-radius: 22px;
  background: rgba(5, 20, 35, 0.78);
  color: var(--cc-text);
  text-decoration: none;
  box-shadow: 0 20px 60px rgba(0,0,0,.20), inset 0 0 38px rgba(40,231,255,.04);
}

.hgp-program-gateway a:hover {
  border-color: rgba(67,255,189,.55);
  transform: translateY(-2px);
}

.hgp-program-gateway strong {
  color: #fff;
  font-size: 20px;
}

.hgp-program-gateway span {
  color: var(--cc-muted);
  font-weight: 750;
}

@media (max-width: 900px) {
  .hgp-program-gateway {
    grid-template-columns: 1fr;
  }
}