Motion & effects
Glow cards
Interactive cards lift and pick up the yellow glow ring on hover:
css
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #FED634, 0 0 20px rgba(254, 214, 52, 0.3);
transform: translateY(-4px);Hover this panel — yellow bloom + white/soft ring.
Gradient divider
Token: --gradient-divider
Hero wave text
Cybersecurity
8s ease-in-out background-position loop. Disable under prefers-reduced-motion.
CTA motion
Primary buttons lift 1px and deepen shadow on hover (0 4px 12px rgba(0,0,0,.15)).
Durations
| Token use | Value |
|---|---|
| Fast | 150ms |
| Base | 200ms |
| Slow | 300ms |
| Gradient wave | 8s |
| Logo marquee | 40s |