:root { --panel: rgba(4, 7, 11, .62); }
.cyber-background { z-index: 0; overflow: hidden; }
.cyber-vignette { z-index: 1; }
.site-main { position: relative; z-index: 2; }
.cyber-background video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.section-heading { background: linear-gradient(90deg, rgba(2, 5, 8, .70), rgba(2, 5, 8, .16)); backdrop-filter: blur(4px); }
.post-card, .glass-panel { backdrop-filter: blur(6px); }
.article-hero { background: linear-gradient(110deg, rgba(2, 5, 8, .80), rgba(2, 5, 8, .48)); backdrop-filter: blur(7px); }
.article-side { background: rgba(3, 6, 10, .68); backdrop-filter: blur(6px); }
.article-body { background: rgba(3, 6, 10, .76); backdrop-filter: blur(7px); }
.article-footer { background: rgba(3, 6, 10, .68); backdrop-filter: blur(5px); }
@media (prefers-reduced-motion: reduce) { .cyber-background video { display: none; } }