@keyframes auroraDrift{0%{transform:translate(0,0)scale(1.04)rotate(0)}50%{transform:translate(-2%,2%)scale(1.07)rotate(180deg)}to{transform:translate(0,0)scale(1.04)rotate(360deg)}}@keyframes auroraFloat{0%,to{transform:translate(0,0)scale(1)}20%{transform:translate(30px,-28px)scale(1.06)}40%{transform:translate(-24px,26px)scale(.97)}60%{transform:translate(20px,34px)scale(1.03)}80%{transform:translate(-18px,-16px)scale(.99)}}.demo-aurora-ops .demo-aurora-base{filter:saturate(120%)contrast(106%);transform-origin:50%;will-change:transform;background:radial-gradient(60% 55% at 18% 26%,#a1007873 0%,#a100782e 36%,#0000 72%),radial-gradient(55% 48% at 78% 62%,#6a1fb973 0%,#6a1fb92e 38%,#0000 74%),radial-gradient(48% 44% at 54% 86%,#00c89640 0%,#00c8961a 30%,#0000 70%),conic-gradient(from 210deg,#a100782e,#6a1fb933,#00c8961f,#6a1fb92e,#a100782e),linear-gradient(#05010b 0%,#050508 45%,#000 100%);width:180%;height:180%;animation:20s linear infinite auroraDrift;position:absolute;inset:-40%}.demo-aurora-ops .demo-aurora-orbs{filter:blur(60px)saturate(140%);opacity:.5}.demo-aurora-ops .demo-orb-1{background:radial-gradient(circle,#a100788c 0%,#a1007833 35%,#0000 70%);width:600px;height:600px;animation-duration:26s;top:-15%;left:-15%}.demo-aurora-ops .demo-orb-2{background:radial-gradient(circle,#6a1fb980 0%,#6a1fb92e 35%,#0000 72%);width:520px;height:520px;animation-duration:30s;animation-delay:-8s;bottom:-15%;right:-10%}.demo-aurora-ops .demo-orb-3{background:radial-gradient(circle,#00c8964d 0%,#00c8961a 35%,#0000 72%);width:440px;height:440px;animation-duration:34s;animation-delay:-15s;top:30%;right:10%}.demo-aurora-hr .demo-aurora-base{filter:saturate(115%)contrast(105%);transform-origin:50%;will-change:transform;background:radial-gradient(60% 55% at 18% 26%,#a1007866 0%,#a1007826 36%,#0000 72%),radial-gradient(55% 48% at 78% 62%,#6a1fb966 0%,#6a1fb926 38%,#0000 74%),radial-gradient(48% 44% at 54% 86%,#00c89633 0%,#00c89614 30%,#0000 70%),conic-gradient(from 210deg,#a1007826,#6a1fb92e,#00c8961a,#6a1fb926,#a1007826),linear-gradient(#05010b 0%,#050508 45%,#000 100%);width:180%;height:180%;animation:20s linear infinite auroraDrift;position:absolute;inset:-40%}.demo-aurora-hr .demo-aurora-orbs{filter:blur(90px)saturate(130%);opacity:.85}.demo-aurora-hr .demo-orb-1{background:radial-gradient(circle,#a1007880 0%,#a1007826 35%,#0000 70%);width:750px;height:750px;animation-duration:26s;top:-20%;left:-20%}.demo-aurora-hr .demo-orb-2{background:radial-gradient(circle,#6a1fb973 0%,#6a1fb926 35%,#0000 72%);width:650px;height:650px;animation-duration:30s;animation-delay:-8s;bottom:-20%;right:-15%}.demo-aurora-hr .demo-orb-3{background:radial-gradient(circle,#00c89640 0%,#00c89614 35%,#0000 72%);width:550px;height:550px;animation-duration:34s;animation-delay:-15s;top:30%;right:10%}.demo-aurora-orbs{isolation:isolate;position:absolute;inset:0}.demo-aurora-orb{mix-blend-mode:screen;will-change:transform;border-radius:50%;animation:28s ease-in-out infinite auroraFloat;position:absolute}.demo-aurora-gradient{background:radial-gradient(75% 65% at 50% 10%,#0000 0%,#00000026 70%,#0006 100%),linear-gradient(#00000014 0%,#0003 55%,#00000080 100%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.demo-aurora-base,.demo-aurora-orb{animation:none!important}}