Neon-Cyberpunk-Gaming

Create a neon cyberpunk gaming website. Think Blade Runner meets arcade — dark backgrounds, vivid neon glows, glitch effects, and futuristic UI elements.

Design Requirements

Background: Very dark (#0a0a0f) with subtle grid pattern overlay

Neon Effects: Text and border glow using CSS box-shadow and text-shadow with neon colors

- Primary neon (#00ff41) and secondary neon (#ff006e)

- Multi-layered glow: text-shadow: 0 0 10px color, 0 0 20px color, 0 0 40px color

Typography: Monospace or tech-style fonts, all-caps for headings, scanline overlay effect

Effects: Glitch animation on headlines, CRT scanline overlay, flickering neon animations

Sections to Include

Header — Neon-signed logo with flicker animation, nav links with hover glow

Hero — Glitch-animated headline, cyberpunk tagline, neon-bordered CTA buttons, particle or rain effect background

Featured Games/Products — Tilted cards with neon border glow, hover activates brighter glow

Stats/Leaderboard — Terminal-style table with monospace data, green-on-black color scheme

News/Updates — Ticker-style scrolling news bar, card grid with neon accents

Community — Discord-style user count, live activity indicators with pulsing neon dots

Footer — ASCII art border, neon-signed social links

CSS Effects to Implement

Glitch effect: CSS animation with clip-path and color-shifted pseudo-elements

Neon flicker: Keyframe animation varying text-shadow opacity

Scanlines: Pseudo-element with repeating-linear-gradient (1px lines)

Grid background: background-image: linear-gradient(rgba(neon, 0.05) 1px, transparent 1px)

Glitch intensity: medium