.bio-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;
  background:linear-gradient(158deg, #5A57A8 0%, #5A6CB6 48%, #5487C3 100%);}
.bio-bg canvas{position:absolute;inset:0;width:100%;height:100%;display:block;}
.bio-grain{position:absolute;inset:0;pointer-events:none;opacity:.4;
  mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='200'%20height='200'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.9'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;}