:root{--glow-cyan:rgba(0,212,255,0.55);--glow-purple:rgba(124,58,237,0.55);--glow-gold:rgba(245,200,66,0.55);}

.glow3d{
  position:relative;
  transition:transform 0.25s cubic-bezier(.22,1,.36,1), box-shadow 0.3s ease;
  transform-style:preserve-3d;
}
.glow3d::before{
  content:'';
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:transparent;
  pointer-events:none;
  transition:opacity 0.3s;
  opacity:0;
  z-index:0;
}
.glow3d::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  transition:opacity 0.3s;
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(0,212,255,0.12) 0%, transparent 70%);
  z-index:1;
}
.glow3d:hover{
  transform:translateY(-6px) scale(1.028) perspective(800px) rotateX(2deg);
  box-shadow:0 16px 48px rgba(0,212,255,0.22), 0 0 0 1px rgba(0,212,255,0.25), inset 0 1px 0 rgba(255,255,255,0.08);
}
.glow3d:hover::before{opacity:1;box-shadow:0 0 28px 4px rgba(0,212,255,0.18);}
.glow3d:hover::after{opacity:1;}

.glow3d-gold:hover{
  box-shadow:0 16px 48px rgba(245,200,66,0.22), 0 0 0 1px rgba(245,200,66,0.3), inset 0 1px 0 rgba(255,255,255,0.08);
}
.glow3d-gold:hover::after{background:radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(245,200,66,0.12) 0%, transparent 70%);}
.glow3d-gold:hover::before{box-shadow:0 0 28px 4px rgba(245,200,66,0.18);}

.glow3d-purple:hover{
  box-shadow:0 16px 48px rgba(124,58,237,0.25), 0 0 0 1px rgba(124,58,237,0.3), inset 0 1px 0 rgba(255,255,255,0.08);
}
.glow3d-purple:hover::after{background:radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(124,58,237,0.14) 0%, transparent 70%);}
.glow3d-purple:hover::before{box-shadow:0 0 28px 4px rgba(124,58,237,0.2);}

.glow3d-stat{
  position:relative;
  display:inline-block;
  transition:transform 0.25s ease, text-shadow 0.25s ease;
}
.glow3d-stat:hover{
  transform:scale(1.1) translateY(-3px);
  text-shadow:0 0 20px rgba(0,212,255,0.7), 0 0 40px rgba(0,212,255,0.3);
  cursor:default;
}

.glow3d-badge{
  position:relative;
  display:inline-flex;
  transition:transform 0.2s ease, box-shadow 0.2s ease;
}
.glow3d-badge:hover{
  transform:translateY(-3px) scale(1.05);
  box-shadow:0 8px 24px rgba(0,212,255,0.3), 0 0 0 1px rgba(0,212,255,0.3);
}

.glow3d-section-label{
  display:inline-block;
  transition:transform 0.2s, text-shadow 0.3s;
  cursor:default;
}
.glow3d-section-label:hover{
  transform:scale(1.04);
  text-shadow:0 0 30px rgba(0,212,255,0.8), 0 0 60px rgba(0,212,255,0.4);
}