/* Нейро-фон сайта: фиксированный слой под контентом, мозг + матовое стекло.
   Два вида слоя, различаются элементом мозга:
   - video.brain  — ролик /assets/neural_brain.mp4 (основные и сервисные страницы);
   - canvas.brain — вращающийся рисунок на canvas (блог).
   Тюнинг фона — только токенами ниже, страницы стилей фона не содержат. */
:root{
  --nb-video-opacity:.96;
  --nb-video-blur:8.5px;
  --nb-video-scale:0.74;
  --nb-video-mask:radial-gradient(125% 125% at 50% 50%,black 74%,transparent 100%);
  --nb-video-glass-blur:4.5px;
  --nb-video-glass-sat:108%;
  --nb-video-glass-tint:rgba(246,249,252,.76);

  --nb-canvas-opacity:.78;
  --nb-canvas-spin:160s;
  --nb-canvas-glass-blur:22px;
  --nb-canvas-glass-sat:118%;
  --nb-canvas-glass-tint:rgba(244,246,248,.34)
}
@media(max-width:640px){:root{
  --nb-video-blur:9px;
  --nb-video-glass-tint:rgba(246,249,252,.83);

  --nb-canvas-opacity:.72;
  --nb-canvas-glass-blur:20px;
  --nb-canvas-glass-sat:122%;
  --nb-canvas-glass-tint:rgba(244,246,248,.3)
}}

.neuro-bg{position:fixed;inset:0;z-index:-1;background:var(--bg);overflow:hidden;pointer-events:none}
.neuro-bg .brain{position:absolute;inset:0;width:100%;height:100%}
.neuro-bg .glass{position:absolute;inset:0}

.neuro-bg video.brain{object-fit:cover;opacity:var(--nb-video-opacity);
  -webkit-filter:blur(var(--nb-video-blur));filter:blur(var(--nb-video-blur));
  transform:scale(var(--nb-video-scale));
  -webkit-mask:var(--nb-video-mask);mask:var(--nb-video-mask);will-change:transform}
.neuro-bg video.brain + .glass{
  -webkit-backdrop-filter:blur(var(--nb-video-glass-blur)) saturate(var(--nb-video-glass-sat));
  backdrop-filter:blur(var(--nb-video-glass-blur)) saturate(var(--nb-video-glass-sat));
  background:var(--nb-video-glass-tint)}

.neuro-bg canvas.brain{opacity:var(--nb-canvas-opacity);transform-origin:center center;
  animation:neurospin var(--nb-canvas-spin) linear infinite;will-change:transform}
.neuro-bg canvas.brain + .glass{
  -webkit-backdrop-filter:blur(var(--nb-canvas-glass-blur)) saturate(var(--nb-canvas-glass-sat));
  backdrop-filter:blur(var(--nb-canvas-glass-blur)) saturate(var(--nb-canvas-glass-sat));
  background:var(--nb-canvas-glass-tint)}
@keyframes neurospin{to{transform:rotate(360deg)}}

@media(prefers-reduced-motion:reduce){.neuro-bg .brain{animation:none}}