:root {
  --bg-deep: #431407;
  --glass: rgba(124, 45, 18, 0.5);
  --glass-2: rgba(154, 52, 18, 0.65);
  --stroke: rgba(251, 146, 60, 0.36);
  --stroke-2: rgba(253, 186, 116, 0.42);
  --text: rgba(255, 247, 237, 0.96);
  --muted: rgba(254, 215, 170, 0.78);
  --neon1: #fb923c;
  --neon2: #fdba74;
}
.page-bg__mesh {
  background:
    radial-gradient(ellipse 76% 56% at 50% 8%, rgba(234, 88, 12, 0.24), transparent 65%),
    radial-gradient(ellipse 64% 48% at 82% 84%, rgba(251, 146, 60, 0.16), transparent 70%),
    linear-gradient(180deg, #2a0f05 0%, #7c2d12 48%, #1f0b04 100%) !important;
}
.page-bg__blob--a { background: radial-gradient(circle, rgba(249, 115, 22, 0.5) 0%, transparent 68%) !important; }
.page-bg__blob--b { background: radial-gradient(circle, rgba(251, 146, 60, 0.34) 0%, transparent 70%) !important; }
.page-bg__blob--c { background: radial-gradient(circle, rgba(253, 186, 116, 0.26) 0%, transparent 72%) !important; }

/* VoltPath — electric diagonal energy */
.page-shell { font-family: "Segoe UI", system-ui, sans-serif !important; }
.glass-card {
  border-radius: 4px 22px 4px 22px !important;
  border: 1px solid rgba(253, 186, 116, 0.45) !important;
  box-shadow: 8px 8px 0 rgba(234, 88, 12, 0.35) !important;
}
.glass-card:hover {
  transform: skewX(-1deg) translateY(-6px) !important;
  box-shadow: 12px 12px 0 rgba(251, 146, 60, 0.4) !important;
}
.proxy-panel { border-radius: 8px !important; border: 2px solid rgba(249, 115, 22, 0.4) !important; }
.proxy-row:hover { background: rgba(234, 88, 12, 0.2) !important; }
.site-nav__inner {
  border-radius: 12px !important;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 12px) 100%, 0 100%) !important;
}
.tg-hub__tile { border-radius: 6px 18px 6px 18px !important; }