:root{--fx-blue:#00afff;--fx-cyan:#00e5ff;--fx-purple:#8b5cf6;--fx-pink:#e879f9}.fx-aurora{isolation:isolate;position:relative}.fx-aurora:before{content:"";z-index:-1;filter:blur(48px)saturate(1.25);will-change:transform;pointer-events:none;background:radial-gradient(38% 45% at 20% 30%,#00afff47,#0000 60%),radial-gradient(35% 42% at 78% 25%,#8b5cf642,#0000 60%),radial-gradient(42% 48% at 60% 80%,#e879f92e,#0000 60%);animation:22s ease-in-out infinite alternate fx-aurora-drift;position:absolute;inset:-40%}@keyframes fx-aurora-drift{0%{transform:translate(-4%,-2%)rotate(0)scale(1)}50%{transform:translate(3%,2%)rotate(6deg)scale(1.12)}to{transform:translate(5%,-3%)rotate(-4deg)scale(1.05)}}.fx-beams{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.fx-beams:before,.fx-beams:after{content:"";background:linear-gradient(to bottom, transparent, var(--fx-cyan), transparent);width:2px;height:140%;filter:drop-shadow(0 0 8px var(--fx-cyan));opacity:.55;will-change:transform, opacity;animation:7s linear infinite fx-beam-sweep;position:absolute;top:-20%}.fx-beams:before{animation-delay:-2s;left:28%}.fx-beams:after{background:linear-gradient(to bottom, transparent, var(--fx-purple), transparent);filter:drop-shadow(0 0 8px var(--fx-purple));animation-delay:-4.5s;left:68%}@keyframes fx-beam-sweep{0%{opacity:0;transform:translate(-30px)scaleY(.9)}15%{opacity:.6}85%{opacity:.6}to{opacity:0;transform:translate(30px)scaleY(1.1)}}.fx-grid{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 28%,#000);mask-image:linear-gradient(#0000 28%,#000)}.fx-grid:before{content:"";transform-origin:bottom;will-change:transform;background-image:linear-gradient(90deg,#00afff38 1px,#0000 1px),linear-gradient(#00afff38 1px,#0000 1px);background-size:44px 44px;height:160%;animation:5.5s linear infinite fx-grid-run;position:absolute;bottom:-60%;left:-50%;right:-50%;transform:perspective(340px)rotateX(62deg)}@keyframes fx-grid-run{0%{background-position:0 0}to{background-position:0 44px}}.fx-meteors{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.fx-meteor{will-change:transform, opacity;background:#fff;border-radius:999px;width:2px;height:2px;animation:linear infinite fx-meteor-fall;position:absolute;top:-10%;box-shadow:0 0 8px 1px #00e5ffb3}.fx-meteor:before{content:"";background:linear-gradient(90deg,#00e5ffa6,#0000);width:60px;height:1px;position:absolute;top:50%;right:0;transform:translateY(-50%)}@keyframes fx-meteor-fall{0%{opacity:0;transform:translate(0,0)rotate(215deg)}10%{opacity:1}to{opacity:0;transform:translate(-380px,380px)rotate(215deg)}}.fx-spotlight{position:relative;overflow:hidden}.fx-spotlight:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(260px circle at var(--mx,50%) var(--my,40%), #00afff29, transparent 62%);transition:background .12s ease-out;position:absolute;inset:0}.fx-spotlight>*{z-index:1;position:relative}.fx-tilt{transform-style:preserve-3d;will-change:transform;transition:transform .18s ease-out,box-shadow .25s}.fx-tilt-glow{box-shadow:0 18px 40px #00000073,0 0 26px #00afff29}.fx-glow-border{z-index:0;border-radius:16px;position:relative}.fx-glow-border:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from 0deg, var(--fx-blue), var(--fx-purple), var(--fx-pink), var(--fx-cyan), var(--fx-blue));filter:blur(.5px);will-change:transform;animation:4s linear infinite fx-conic-spin;position:absolute;inset:-1.5px}@keyframes fx-conic-spin{to{transform:rotate(360deg)}}.fx-scanline{position:relative;overflow:hidden}.fx-scanline:after{content:"";pointer-events:none;will-change:transform;background:linear-gradient(#0000,#00e5ff0f,#0000);height:28%;animation:6s linear infinite fx-scan;position:absolute;top:-30%;left:0;right:0}@keyframes fx-scan{to{transform:translateY(460%)}}.fx-reveal{opacity:0;will-change:opacity, transform;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(18px)}.fx-reveal.is-visible{opacity:1;transform:none}.fx-reveal[style*=--i]{transition-delay:calc(var(--i) * 80ms)}.fx-countup{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.fx-text-shimmer{background:linear-gradient(110deg,#7fdcff 20%,#fff 40%,#d8b4fe 60%,#7fdcff 80%) 0 0/200% 100%;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;animation:4.5s linear infinite fx-shimmer}@keyframes fx-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.fx-aurora:before,.fx-beams:before,.fx-beams:after,.fx-grid:before,.fx-meteor,.fx-glow-border:before,.fx-scanline:after,.fx-text-shimmer{animation:none!important}.fx-reveal{opacity:1!important;transition:none!important;transform:none!important}.fx-tilt{transform:none!important}}@media (max-width:767px){.fx-grid{display:none}.fx-aurora:before{filter:blur(30px)saturate(1.2);animation-duration:30s}.fx-beams:before,.fx-beams:after{opacity:.4}.fx-glow-border:before{animation-duration:6s}}@view-transition{navigation:auto}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}
