:root{ --neon-blue: #00f3ff; --neon-violet: #9966ff; --neon-pink: #ff00ff; --neon-green: #00cc66; --neon-red: #ff0044; --neon-gold: #ffcc00; --neon-orange: #ff6600; --bg-body: #0d0d16; --text-primary: #f0f0f0; --text-secondary: #9a9aae; --glass-bg: rgba(22, 22, 34, 0.85); --glass-border: rgba(255, 255, 255, 0.07); --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.5); --glass-edge: inset 0 1px 0 rgba(255, 255, 255, 0.07); --glass-blur: 14px; --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px;} *{ margin: 0; padding: 0; box-sizing: border-box;} a{ color: var(--text-primary); text-decoration: none;} body{ font-family: 'Inter', system-ui, -apple-system, sans-serif; background: var(--bg-body); color: var(--text-primary); line-height: 1.7; min-height: 100vh; font-size: 16px; overflow-x: hidden;} .bg-gradient{ position: fixed; inset: 0; background-image: url('/static/images/CyberScribe_BG.png'); background-size: cover; background-position: center; background-repeat: no-repeat; pointer-events: none; z-index: -1;} h1, h2, h3, h4, h5, h6{ font-family: 'Space Grotesk', system-ui, sans-serif; font-weight: 600; letter-spacing: -0.01em; color: var(--text-primary);} h1{ font-size: 2rem;} h2{ font-size: 1.5rem;} h3{ font-size: 1.2rem;} h4{ font-size: 1.05rem;}