:root { --bg: #0a1428; --bg-deep: #050a18; --bg-soft: #0e1b35; --bg-card: #122546; --white: #ffffff; --accent: #4ea8de; --accent-bright: #6cc3f5; --muted: rgba(255,255,255,0.6); --muted-soft: rgba(255,255,255,0.4); --line: rgba(255,255,255,0.12); }  html { scroll-behavior: smooth; }  .cbp-eyebrow { font-family: 'JetBrains Mono', monospace; font-size: 0.7rem; letter-spacing: 0.2em; color: var(--accent-bright); text-transform: uppercase; display: inline-flex; align-items: center; gap: 12px; } .cbp-eyebrow::before { content: ''; width: 24px; height: 1px; background: var(--accent-bright); }  @keyframes pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(1.3); } }  @keyframes drift { 0% { transform: translate(0, 0) scale(1); } 100% { transform: translate(-5%, -5%) scale(1.1); } }  @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }  @keyframes shimmer { 0%, 100% { background: radial-gradient(circle at 30% 30%, rgba(108,195,245,0.15) 0%, transparent 50%); } 50% { background: radial-gradient(circle at 70% 70%, rgba(108,195,245,0.15) 0%, transparent 50%); } }