body{background:radial-gradient(circle at 18% 0%,rgba(228,154,46,.16),transparent 28rem),radial-gradient(circle at 84% 8%,rgba(245,242,223,.105),transparent 34rem),radial-gradient(circle at 56% 92%,rgba(156,255,122,.038),transparent 40rem),linear-gradient(135deg,#070806 0%,#10130f 31%,#1b1f18 56%,#12150f 78%,#080907 100%)}body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(217,201,142,.20) 1px,transparent 1px),linear-gradient(90deg,rgba(217,201,142,.20) 1px,transparent 1px),linear-gradient(rgba(245,242,223,.085) 1px,transparent 1px),linear-gradient(90deg,rgba(245,242,223,.085) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size),var(--grid-size) var(--grid-size),var(--grid-major) var(--grid-major),var(--grid-major) var(--grid-major);background-position:center center;opacity:.68;mix-blend-mode:screen}.background-noise{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.data-lights{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;mix-blend-mode:screen}.data-light{position:absolute;display:block;border-radius:999px;opacity:0;filter:drop-shadow(0 0 8px rgba(245,242,223,.46));background:linear-gradient(90deg,transparent,rgba(245,242,223,.94),rgba(228,154,46,.68),transparent)}.data-light.jade{background:linear-gradient(90deg,transparent,rgba(245,242,223,.90),rgba(156,255,122,.52),transparent);filter:drop-shadow(0 0 9px rgba(156,255,122,.38))}.data-light-h{left:-18vw;width:clamp(44px,7vw,88px);height:1px;animation:dataH linear infinite}.data-light-v{top:-18vh;width:1px;height:clamp(44px,7vw,88px);background:linear-gradient(180deg,transparent,rgba(245,242,223,.90),rgba(228,154,46,.58),transparent);animation:dataV linear infinite}.data-light-v.jade{background:linear-gradient(180deg,transparent,rgba(245,242,223,.90),rgba(156,255,122,.48),transparent)}.h1{top:calc(50% - var(--grid-size)*2);animation-duration:7.8s;animation-delay:-1s}.h2{top:calc(50% + var(--grid-size)*1);animation-duration:10.5s;animation-delay:-6s}.h3{top:calc(50% + var(--grid-size)*2);animation-duration:12.2s;animation-delay:-3s}.h4{top:calc(50% - var(--grid-size)*.5);animation-duration:9.4s;animation-delay:-8s}.v1{left:calc(50% - var(--grid-size)*2);animation-duration:11s;animation-delay:-2s}.v2{left:calc(50% + var(--grid-size)*1);animation-duration:13s;animation-delay:-7s}.v3{left:calc(50% + var(--grid-size)*3);animation-duration:9.8s;animation-delay:-4s}.v4{left:calc(50% - var(--grid-size)*.25);animation-duration:14s;animation-delay:-10s}@keyframes dataH{0%{transform:translateX(0);opacity:0}7%{opacity:.86}78%{opacity:.70}100%{transform:translateX(136vw);opacity:0}}@keyframes dataV{0%{transform:translateY(0);opacity:0}9%{opacity:.76}76%{opacity:.62}100%{transform:translateY(136vh);opacity:0}}
