:root{--fx-violet:#6d28d9;--fx-indigo:#4f46e5;--fx-blue:#3b82f6;--fx-cyan:#22d3ee;--fx-ink:#08080c;--fx-ease-out:cubic-bezier(0.23,1,0.32,1);--fx-ease-io:cubic-bezier(0.32,0.72,0,1)}.fx-aurora{position:absolute;inset:-20% -10% auto -10%;height:90%;pointer-events:none;z-index:0;filter:blur(60px) saturate(140%);opacity:.55;background:radial-gradient(40% 50% at 25% 30%,rgba(109,40,217,.55),transparent 70%),radial-gradient(45% 55% at 75% 25%,rgba(59,130,246,.45),transparent 70%),radial-gradient(40% 60% at 55% 60%,rgba(34,211,238,.25),transparent 70%);background-size:200% 200%;animation:fx-aurora-drift 22s var(--fx-ease-io) infinite alternate;will-change:transform,background-position}@keyframes fx-aurora-drift{0%{background-position:0 0,100% 0,50% 100%;transform:translateZ(0) scale(1)}to{background-position:60% 30%,40% 20%,60% 70%;transform:translate3d(0,-2%,0) scale(1.08)}}.fx-grain:after{content:"";z-index:1;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.fx-grain:after,.fx-grid{position:absolute;inset:0;pointer-events:none}.fx-grid{z-index:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.06) 1px,transparent 0);background-size:28px 28px;mask-image:radial-gradient(ellipse 70% 60% at 50% 35%,#000 30%,transparent 75%)}@media (prefers-reduced-motion:reduce){.fx-aurora{animation:none}}.fx-demo-h2{font-size:clamp(28px,5vw,52px);font-weight:600;letter-spacing:-.03em;line-height:1.05;color:#fff}