/* ============================================== netrunbot — Blog (landing) Ported from Landing VoteChain (css/styles.css + css/blog.css), adapted to the dark Netrunbot palette already used by Pages/Landing/*.razor (--p/--bg/--surf/--text/...) and fully self-contained: every generic class this file needs (.blog-container, .blog-btn*, .blog-badge*, .blog-eyebrow) is namespaced with a blog- prefix so it can never collide with assets/css/main.css or any other page. ============================================== */ :root { /* Base Netrunbot palette — same values as the inline :root block in Pages/Landing/Company.razor / Index.razor (not otherwise available globally). */ --p: #996BFF; --p-xdark: #5303A0; --acc: #996BFF; --teal: #00CFBA; --bg: #101010; --surf: #222225; --border: #2C2C30; --text: #F0F0F0; --muted: #CCCCCC; --faint: #999999; --color-primary: var(--p); --color-primary-dark: var(--p-xdark); --color-signal: var(--p); --color-signal-soft: var(--acc); --color-cyan-glow: var(--teal); --color-live: var(--teal); --color-live-dark: #009B9C; --color-bg: var(--bg); --color-surface: var(--surf); --color-text: var(--text); --color-text-muted: var(--muted); --color-text-soft: var(--faint); --color-border: var(--border); --color-ink-text: var(--text); --color-ink-text-soft: var(--muted); --color-ink-text-faint: var(--faint); --color-ink-border: rgba(255, 255, 255, 0.10); --color-ink-border-soft: rgba(255, 255, 255, 0.06); --gradient-primary: linear-gradient(135deg, var(--p) 0%, var(--teal) 100%); --gradient-atmosphere: radial-gradient(1200px 500px at 50% -10%, rgba(153, 107, 255, 0.18), transparent 60%), var(--bg); --gradient-signal-band: linear-gradient(155deg, var(--p-xdark) 0%, var(--p) 60%, #3a1a66 100%); --radius-xs: 4px; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 18px; --radius-pill: 999px; --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.25); --shadow-md: 0 12px 28px rgba(0, 0, 0, 0.35); --shadow-lg: 0 24px 48px rgba(0, 0, 0, 0.45); --transition: 0.25s cubic-bezier(0.16, 1, 0.3, 1); --transition-press: 0.12s cubic-bezier(0.16, 1, 0.3, 1); --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; } /* Company.razor/Index.razor set this same reset + body background inline in their own