:root {
  --bg-deep: #042f2e;
  --glass: rgba(15, 118, 110, 0.45);
  --glass-2: rgba(17, 94, 89, 0.62);
  --stroke: rgba(45, 212, 191, 0.35);
  --stroke-2: rgba(94, 234, 212, 0.45);
  --text: rgba(240, 253, 250, 0.96);
  --muted: rgba(153, 246, 228, 0.76);
  --neon1: #5eead4;
  --neon2: #2dd4bf;
}
.page-bg__mesh {
  background:
    radial-gradient(ellipse 73% 53% at 46% 11%, rgba(45, 212, 191, 0.22), transparent 66%),
    radial-gradient(ellipse 63% 47% at 86% 80%, rgba(20, 184, 166, 0.14), transparent 70%),
    linear-gradient(180deg, #022c2c 0%, #0f766e 45%, #042f2e 100%) !important;
}
.page-bg__blob--a { background: radial-gradient(circle, rgba(45, 212, 191, 0.48) 0%, transparent 68%) !important; }
.page-bg__blob--b { background: radial-gradient(circle, rgba(20, 184, 166, 0.34) 0%, transparent 70%) !important; }
.page-bg__blob--c { background: radial-gradient(circle, rgba(94, 234, 212, 0.26) 0%, transparent 72%) !important; }

/* CirrusLab — frosted lab / airy panels */
.page-shell { font-family: system-ui, "Segoe UI", sans-serif !important; }
.glass-card {
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(167, 243, 208, 0.35) !important;
  backdrop-filter: blur(24px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(160%) !important;
  box-shadow: 0 12px 40px rgba(0, 40, 40, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
.proxy-panel {
  border-radius: 20px !important;
  background: rgba(6, 40, 38, 0.55) !important;
  backdrop-filter: blur(22px) !important;
  -webkit-backdrop-filter: blur(22px) !important;
}
.proxy-row:hover { background: rgba(45, 212, 191, 0.14) !important; }
.site-nav__inner {
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.08) !important;
}
.tg-hub__tile { border-radius: 18px !important; background: rgba(255, 255, 255, 0.06) !important; }