/* Fond animé partagé (chandelles BRVM + projecteur) : même rendu que la landing, thèmes clair et sombre. Script : js/brvm-bg.js */
#brvm-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--bg);--x:-999px;--y:-999px;--r:260px}
#brvm-bg .bg-stage{position:absolute;inset:0;animation:brvmZoom 1.8s cubic-bezier(.16,1,.3,1) forwards}
#brvm-bg .bg-layer{position:absolute;inset:0;width:100%;height:100%;display:block}
#brvm-bg .bg-reveal{-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),#000 0%,#000 40%,rgba(0,0,0,.75) 60%,rgba(0,0,0,.4) 75%,rgba(0,0,0,.12) 88%,transparent 100%);mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),#000 0%,#000 40%,rgba(0,0,0,.75) 60%,rgba(0,0,0,.4) 75%,rgba(0,0,0,.12) 88%,transparent 100%)}
#brvm-bg .bg-vignette{position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 75%,transparent) 0%,transparent 30%,transparent 70%,color-mix(in srgb,var(--bg) 80%,transparent) 100%),radial-gradient(ellipse at 50% 55%,transparent 45%,color-mix(in srgb,var(--bg) 85%,transparent) 100%)}
@keyframes brvmZoom{from{transform:scale(1.12)}to{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){#brvm-bg .bg-stage{animation:none}}
#app{position:relative;z-index:1}