.procedural-background{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none;background:#050a11;color:#94bed3;isolation:isolate}
.neural-atmosphere{position:absolute;z-index:0;inset:-7%;opacity:.06;mix-blend-mode:soft-light;background:radial-gradient(ellipse at 9% 4%,#233f5266 0%,transparent 31%),radial-gradient(ellipse at 65% 38%,#01040899 0%,transparent 41%),radial-gradient(ellipse at 86% 3%,#14263a70 0%,transparent 30%),radial-gradient(ellipse at 9% 72%,#173d4b60 0%,transparent 34%),radial-gradient(ellipse at 43% 87%,#25435355 0%,transparent 35%),radial-gradient(ellipse at 96% 92%,#162b3e66 0%,transparent 30%);animation:cyber-iris-cloud 64s ease-in-out infinite alternate}
.neural-atmosphere::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 27% 29%,#203c5055,transparent 24%),radial-gradient(ellipse at 73% 69%,#25435355,transparent 30%),linear-gradient(118deg,transparent 25%,#1b354030 43%,transparent 60%);animation:cyber-iris-cloud 51s ease-in-out infinite alternate-reverse}
.iris-canvas{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:block}
.procedural-background.iris-v3::before{content:'';position:absolute;z-index:3;inset:-3%;pointer-events:none;-webkit-backdrop-filter:blur(var(--iris-scroll-blur,0px));backdrop-filter:blur(var(--iris-scroll-blur,0px));-webkit-mask-image:radial-gradient(ellipse 67% 62% at 50% 50%,transparent 0 47%,rgba(0,0,0,.34) 66%,#000 86%);mask-image:radial-gradient(ellipse 67% 62% at 50% 50%,transparent 0 47%,rgba(0,0,0,.34) 66%,#000 86%);background:radial-gradient(ellipse at center,transparent 36%,rgba(0,5,11,.18) 58%,rgba(0,2,6,.62) 78%,rgba(0,0,2,.96) 100%),linear-gradient(90deg,rgba(0,0,0,.72),transparent 13% 87%,rgba(0,0,0,.72)),linear-gradient(0deg,rgba(0,0,0,.7),transparent 14% 86%,rgba(0,0,0,.7))}
.procedural-background.iris-v3::after{content:'';position:absolute;z-index:4;inset:-2%;pointer-events:none;background:linear-gradient(90deg,rgba(27,104,194,.15),transparent 11% 89%,rgba(68,215,255,.16)),linear-gradient(0deg,rgba(40,125,213,.1),transparent 12% 88%,rgba(75,219,255,.11));-webkit-mask-image:radial-gradient(ellipse 68% 64% at 50% 50%,transparent 0 57%,rgba(0,0,0,.2) 70%,#000 91%);mask-image:radial-gradient(ellipse 68% 64% at 50% 50%,transparent 0 57%,rgba(0,0,0,.2) 70%,#000 91%);mix-blend-mode:screen;filter:blur(2.6px);animation:cyber-iris-chromatic 5.8s steps(2,end) infinite}
.iris-grain{position:absolute;z-index:2;inset:0;opacity:.045;background:url('grain.svg') center/180px 180px repeat;mix-blend-mode:screen;animation:cyber-iris-grain .48s steps(2,end) infinite}
.iris-grain::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(90,196,238,.035) 3px 4px);mix-blend-mode:multiply}
.iris-grain::after{content:'';position:absolute;inset:-8%;background:radial-gradient(circle at center,transparent 0 18%,rgba(11,38,54,.06) 42%,rgba(0,5,10,.34) 100%);animation:cyber-iris-vignette 8s ease-in-out infinite alternate}
.procedural-background.is-paused *{animation-play-state:paused}
@keyframes cyber-iris-cloud{from{transform:translate(-1%,-.5%) scale(1.015)}to{transform:translate(1.2%,1%) scale(1.04)}}
@keyframes cyber-iris-grain{0%{transform:translate(0,0)}25%{transform:translate(-1.5%,1%)}50%{transform:translate(1%,-1.5%)}75%{transform:translate(.5%,1.5%)}100%{transform:translate(0,0)}}
@keyframes cyber-iris-vignette{from{transform:scale(.98);opacity:.72}to{transform:scale(1.035);opacity:1}}
@keyframes cyber-iris-chromatic{0%,100%{transform:translate(0,0) scale(1)}35%{transform:translate(2px,-1px) scale(1.004)}64%{transform:translate(-1px,1px) scale(.998)}78%{transform:translate(3px,0) scale(1.002)}}
@media(prefers-reduced-motion:reduce){.iris-grain,.procedural-background.iris-v3::after,.neural-atmosphere,.neural-atmosphere::after{animation:none}}

.procedural-background.is-lifecycle-hidden *,.procedural-background.is-lifecycle-hidden::before,.procedural-background.is-lifecycle-hidden::after{animation-play-state:paused}