.page{position:relative;display:flex;flex-direction:column;min-height:100vh;width:100%;overflow-x:hidden}
.main{flex:1 0 auto;position:relative;z-index:var(--z-base)}
.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-padding)}
.background{position:fixed;inset:0;z-index:var(--z-background);pointer-events:none;overflow:hidden}
.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(30,144,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(30,144,255,.04) 1px,transparent 1px);background-size:60px 60px}
.bg-glow{position:absolute;border-radius:var(--radius-full);filter:blur(80px);opacity:.35;will-change:transform}
.bg-glow--1{top:-10%;left:-10%;width:60vw;height:60vw;max-width:900px;max-height:900px;background:radial-gradient(circle,rgba(30,144,255,.5),transparent 70%);animation:glow-pulse 8s ease-in-out infinite}
.bg-glow--2{bottom:-15%;right:-10%;width:50vw;height:50vw;max-width:800px;max-height:800px;background:radial-gradient(circle,rgba(55,166,255,.4),transparent 70%);animation:glow-pulse 10s ease-in-out infinite reverse}