/* Фон сайта «Тёмная аврора» + золотой дождь значков (aurora-bg.js). Подключается на всех страницах с прежним синим фоном. */
html { background: #07060d !important; }
html body { background: transparent !important; }
.chk-stars { display: none !important; }
#bgfx { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
#bgfx::before, #bgfx::after, #bgfx i { content: ""; position: absolute; width: 70vmax; height: 70vmax; border-radius: 50%; filter: blur(80px); opacity: .7; }
#bgfx::before { left: -20vmax; top: -25vmax; background: radial-gradient(closest-side, #6b46ff, transparent); animation: bgA 16s ease-in-out infinite alternate; }
#bgfx::after { right: -25vmax; top: 10vh; background: radial-gradient(closest-side, #d14fa8, transparent); opacity: .5; animation: bgB 19s ease-in-out infinite alternate; }
#bgfx i { left: 20vw; bottom: -40vmax; background: radial-gradient(closest-side, #e8b04a, transparent); opacity: .38; animation: bgA 23s ease-in-out infinite alternate-reverse; }
#glyphrain { position: absolute; inset: 0; z-index: 1; }
@keyframes bgA { to { transform: translate3d(12vw, 8vh, 0) scale(1.15); } }
@keyframes bgB { to { transform: translate3d(-10vw, 14vh, 0) scale(.9); } }
@media (prefers-reduced-motion: reduce) { #bgfx::before, #bgfx::after, #bgfx i { animation: none; } }
/* карточки без «звёздных точек» – полупрозрачное стекло */
.fo-card { background: rgba(16, 12, 30, .72) !important; -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
  border: 1px solid rgba(232, 200, 116, .22); box-shadow: 0 30px 80px rgba(0, 0, 0, .35); }