:root {
  --bg-deep: #020617;
  --glass: rgba(6, 24, 20, 0.6);
  --glass-2: rgba(6, 40, 32, 0.74);
  --stroke: rgba(52, 211, 153, 0.32);
  --stroke-2: rgba(34, 211, 238, 0.45);
  --text: rgba(236, 253, 245, 0.96);
  --muted: rgba(167, 243, 208, 0.75);
  --neon1: #34d399;
  --neon2: #22d3ee;
}
.page-bg__mesh {
  background:
    radial-gradient(ellipse 72% 52% at 48% 10%, rgba(16, 185, 129, 0.2), transparent 66%),
    radial-gradient(ellipse 62% 48% at 85% 82%, rgba(6, 182, 212, 0.14), transparent 70%),
    linear-gradient(180deg, #020617 0%, #042f2e 48%, #020617 100%) !important;
}
.page-bg__blob--a { background: radial-gradient(circle, rgba(16, 185, 129, 0.48) 0%, transparent 68%) !important; }
.page-bg__blob--b { background: radial-gradient(circle, rgba(34, 211, 238, 0.32) 0%, transparent 70%) !important; }
.page-bg__blob--c { background: radial-gradient(circle, rgba(52, 211, 153, 0.26) 0%, transparent 72%) !important; }

/* EuroPing — spec sheet / dense data */
.page-shell { font-family: "Segoe UI", system-ui, sans-serif !important; letter-spacing: 0.01em !important; }
.glass-card {
  border-radius: 10px !important;
  background: rgba(4, 18, 14, 0.88) !important;
  border: 1px solid rgba(52, 211, 153, 0.4) !important;
  box-shadow: 0 0 0 1px rgba(6, 182, 212, 0.15) !important;
}
.proxy-panel {
  border-radius: 12px !important;
  font-size: 0.9rem !important;
  background: rgba(2, 12, 10, 0.92) !important;
}
.proxy-row:nth-child(even) { background: rgba(6, 78, 59, 0.15) !important; }
.proxy-row:hover { background: rgba(16, 185, 129, 0.22) !important; }
.country-flag { border-radius: 8px !important; width: 2.5rem !important; height: 2.5rem !important; font-size: 2.5rem !important; }
.site-nav__inner {
  border-radius: 14px !important;
  border: 1px solid rgba(45, 212, 191, 0.35) !important;
}
.tg-hub__tile { border-radius: 12px !important; border: 1px solid rgba(34, 211, 238, 0.28) !important; }
