:root { --circuit-blue: #00a3ff; --voltage-orange: #ff7a1a; }
body { font-family: 'Space Grotesk', system-ui, sans-serif; background: #050810; color: #e2e8f0; }
.font-space { font-family: 'Space Grotesk', system-ui, sans-serif; }
.glass-panel {
  background: radial-gradient(circle at top left, rgba(148,163,184,0.12), transparent 55%), rgba(15,23,42,0.85);
  backdrop-filter: blur(18px);
}
.gradient-text {
  background: linear-gradient(120deg, var(--circuit-blue), var(--voltage-orange));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.reveal { opacity: 0; transform: translateY(20px); transition: opacity 600ms ease, transform 600ms ease; }
.reveal.active { opacity: 1; transform: translateY(0); }
.card-hover { transition: transform 250ms ease, box-shadow 250ms ease, border-color 250ms ease; }
.card-hover:hover { transform: translateY(-4px); box-shadow: 0 24px 60px rgba(0,0,0,0.6); border-color: rgba(148,163,184,0.35); }