/* Site-wide background: deep-blue sky + animated particle wave (drawn by wave-bg.js) */
html body,html body.mp,:root[data-theme] body{background:#010c33!important}
#wavebg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;
  background:
    radial-gradient(55% 45% at 16% 6%,rgba(8,46,140,.55),transparent 70%),
    radial-gradient(45% 40% at 70% 10%,rgba(0,62,150,.5),transparent 72%),
    radial-gradient(60% 50% at 50% 100%,rgba(0,10,40,.6),transparent 70%),
    linear-gradient(180deg,#021a55 0%,#011548 38%,#000e38 75%,#000b30 100%)}
#wavebg canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
/* homepage: let the new background show through its lower sections */
body.below-hero::before{display:none!important}

/* smoothness: no backdrop blur anywhere (the animated background underneath would force a re-blur every frame) */
*,*::before,*::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.mp .hdr{background:rgba(5,12,30,.94)}
#wavebg canvas{will-change:transform}