Prompt
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>VEXRA — AI Influencer Profile</title> <link href="https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Rajdhani:wght@300;400;600;700&family=Orbitron:wght@400;700;900&display=swap" rel="stylesheet"> <style> :root { --void: #020408; --deep: #060d14; --panel: #0a1520; --border: #0e2535; --cyan: #00e5ff; --cyan-dim: #00b8cc; --magenta: #ff006e; --magenta-dim: #cc0058; --amber: #ffb300; --text: #c8dce8; --text-dim: #5a7a8a; --text-muted: #2a4a5a; --glow-cyan: 0 0 20px rgba(0,229,255,0.4), 0 0 60px rgba(0,229,255,0.1); --glow-magenta: 0 0 20px rgba(255,0,110,0.4), 0 0 60px rgba(255,0,110,0.1); } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { background: var(--void); color: var(--text); font-family: 'Rajdhani', sans-serif; font-size: 16px; line-height: 1.6; overflow-x: hidden; } /* Scanline overlay */ body::before { content: ''; position: fixed; inset: 0; background: repeating-linear-gradient( 0deg, transparent, transparent 2px, rgba(0,0,0,0.08) 2px, rgba(0,0,0,0.08) 4px ); pointer-events: none; z-index: 9999; } /* Animated background grid */ body::after { content: ''; position: fixed; inset: 0; background-image: linear