:root {
  --bg-deep: #1e1b4b;
  --glass: rgba(49, 46, 129, 0.52);
  --glass-2: rgba(67, 56, 202, 0.68);
  --stroke: rgba(165, 180, 252, 0.35);
  --stroke-2: rgba(196, 181, 253, 0.42);
  --text: rgba(245, 243, 255, 0.96);
  --muted: rgba(221, 214, 254, 0.78);
  --neon1: #a78bfa;
  --neon2: #818cf8;
}
.page-bg__mesh {
  background:
    radial-gradient(ellipse 74% 54% at 48% 10%, rgba(129, 140, 248, 0.24), transparent 66%),
    radial-gradient(ellipse 64% 46% at 88% 82%, rgba(167, 139, 250, 0.16), transparent 70%),
    linear-gradient(180deg, #1e1b4b 0%, #312e81 50%, #1e1b4b 100%) !important;
}
.page-bg__blob--a { background: radial-gradient(circle, rgba(129, 140, 248, 0.5) 0%, transparent 68%) !important; }
.page-bg__blob--b { background: radial-gradient(circle, rgba(167, 139, 250, 0.34) 0%, transparent 70%) !important; }
.page-bg__blob--c { background: radial-gradient(circle, rgba(196, 181, 253, 0.26) 0%, transparent 72%) !important; }

/* BrightSurf — soft indigo depth */
.page-shell { font-family: "Segoe UI", system-ui, sans-serif !important; }
.glass-card {
  border-radius: 24px !important;
  background: linear-gradient(145deg, rgba(99, 102, 241, 0.18), rgba(49, 46, 129, 0.45)) !important;
  border: 1px solid rgba(165, 180, 252, 0.35) !important;
  box-shadow:
    0 18px 50px rgba(30, 27, 75, 0.55),
    inset 0 2px 0 rgba(255, 255, 255, 0.1),
    inset 0 -8px 24px rgba(15, 23, 42, 0.35) !important;
}
.glass-card:hover { transform: translateY(-8px) !important; }
.proxy-panel {
  border-radius: 22px !important;
  background: rgba(30, 27, 75, 0.65) !important;
  border: 1px solid rgba(129, 140, 248, 0.3) !important;
}
.proxy-row:hover { background: rgba(79, 70, 229, 0.25) !important; }
.site-nav__inner {
  border-radius: 22px !important;
  background: rgba(49, 46, 129, 0.45) !important;
}
.tg-hub__tile { border-radius: 20px !important; }