/* Фирменная основа BeBetterBar: шрифты, цвета, ночной фон с сиянием. Подключается первой на всех страницах. */
@font-face { font-family: Unbounded; font-weight: 400 700; font-display: swap; src: url('/static/fonts/unbounded-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: Unbounded; font-weight: 400 700; font-display: swap; src: url('/static/fonts/unbounded-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Helvetica Neue Custom'; font-weight: 400; font-display: swap; src: url('/static/fonts/HelveticaNeue-Roman.otf') format('opentype'); }
@font-face { font-family: 'Helvetica Neue Custom'; font-weight: 500; font-display: swap; src: url('/static/fonts/HelveticaNeue-Medium.otf') format('opentype'); }

:root {
  --night: #0a0d24;
  --night-deep: #090d15;
  --glow: rgb(93 0 207 / 60%);
  --lime: #cff01c;
  --lime-hover: #dcfc28;
  --violet: #8254ff;
  --violet-light: #b6a0ff;
  --pink: #ef42ff;
  --text: #fff;
  --text-muted: rgb(255 255 255 / 60%);
  --line: rgb(255 255 255 / 14%);
  --danger: #ef4444;
  --font-display: Unbounded, Arial, Helvetica, sans-serif;
  --font-body: 'Helvetica Neue Custom', system-ui, -apple-system, sans-serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
/* полосы прокрутки не показываются, прокрутка колесом и пальцем остаётся */
html { scrollbar-width: none; }
html::-webkit-scrollbar { display: none; }
body {
  background: var(--night);
  color: var(--text);
  font: 400 16px/1.4 var(--font-body);
  touch-action: manipulation;
  -webkit-font-smoothing: antialiased;
}
/* ночной фон с фиолетовым сиянием в центре, как на входе BBB; лежит неподвижно под всеми разделами */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(circle at center, var(--glow) 0%, var(--night) 70%);
}
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}