:root {
  --bg-deep: #051a2e;
  --glass: rgba(8, 30, 52, 0.62);
  --glass-2: rgba(12, 42, 68, 0.75);
  --stroke: rgba(56, 189, 248, 0.28);
  --stroke-2: rgba(45, 212, 191, 0.42);
  --text: rgba(240, 249, 255, 0.96);
  --muted: rgba(165, 210, 243, 0.78);
  --neon1: #38bdf8;
  --neon2: #2dd4bf;
}
.page-bg__mesh {
  background:
    radial-gradient(ellipse 75% 55% at 50% 12%, rgba(14, 165, 233, 0.28), transparent 68%),
    radial-gradient(ellipse 65% 45% at 88% 84%, rgba(45, 212, 191, 0.14), transparent 72%),
    linear-gradient(180deg, #041526 0%, #062238 50%, #041018 100%) !important;
}
.page-bg__blob--a { background: radial-gradient(circle, rgba(14, 165, 233, 0.55) 0%, transparent 68%) !important; }
.page-bg__blob--b { background: radial-gradient(circle, rgba(20, 184, 166, 0.38) 0%, transparent 70%) !important; }
.page-bg__blob--c { background: radial-gradient(circle, rgba(56, 189, 248, 0.32) 0%, transparent 72%) !important; }

/* NexRelay — editorial / nautical doc */
html { scroll-behavior: smooth; }
.page-shell { font-family: Georgia, "Times New Roman", Times, serif !important; }
.site-nav { font-family: "Segoe UI", system-ui, sans-serif !important; }
.glass-card {
  border-radius: 6px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(6, 28, 48, 0.92) !important;
  border: 2px solid rgba(56, 189, 248, 0.45) !important;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.glass-card:hover {
  transform: translate(-3px, -3px) !important;
  box-shadow: 9px 9px 0 rgba(45, 212, 191, 0.25) !important;
}
.glass-badge { border-radius: 4px !important; letter-spacing: 0.08em !important; }
.proxy-panel {
  border-radius: 4px !important;
  border: 2px solid rgba(45, 212, 191, 0.35) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(4, 20, 36, 0.95) !important;
}
.proxy-row { border-left: 3px solid rgba(56, 189, 248, 0.35) !important; padding-left: 1rem !important; }
.proxy-row:hover { background: rgba(14, 165, 233, 0.12) !important; }
.country-flag { border-radius: 4px !important; }
.site-nav__inner {
  border-radius: 10px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 2px solid rgba(56, 189, 248, 0.3) !important;
}
.tg-hub__tile {
  border-radius: 8px !important;
  backdrop-filter: blur(6px) !important;
  border: 2px dashed rgba(45, 212, 191, 0.35) !important;
}
.tg-channel-card { border-radius: 8px !important; }
