:root{--green:#438cff;--deep:#087cff;--acid:#35dcff}
body{background:
  radial-gradient(circle at 78% 24%,#0c4ea955 0,transparent 34%),
  radial-gradient(circle at 66% 68%,#64167b38 0,transparent 38%),
  #05070c;background-size:140% 140%,145% 145%,100% 100%;animation:publicAtmosphere 12s ease-in-out infinite}
.demo-stage:before{border-color:#287ee56b;box-shadow:inset 0 0 45px #087cff22,0 0 50px #087cff18}
.demo-stage:after{border-color:#5ca9ff70}
.demo-ring{background:#02050b;box-shadow:0 0 42px #438cff80,0 0 105px #087cff50;animation:publicAura 10s ease-in-out infinite,publicBreath 3.2s ease-in-out infinite}
.demo-ring img{filter:saturate(1.28) brightness(1.1) drop-shadow(0 0 22px #438cffaa);animation:publicMetalChroma 10s ease-in-out infinite}
.demo-ring span{padding:13px 20px;border:1px solid #83b8ff66;border-radius:999px;background:#02050bc7;box-shadow:0 0 28px #087cff35;backdrop-filter:blur(9px)}
.demo-ring small{color:#bdcdec}
.primary-actions button,.next-step .start{background:#438cff;color:#fff;border-color:#6aa5ff;box-shadow:0 0 24px #087cff40}
.primary-actions a,.next-step a{border-color:#5275a8}.eyebrow{color:#75cfff;text-shadow:0 0 13px #087cff70}.hero h1 em{color:#66cfff}
@keyframes publicAtmosphere{0%,100%{background-position:100% 0,0 100%,center}25%{background-position:72% 24%,25% 72%,center}52%{background-position:38% 48%,56% 38%,center}77%{background-position:10% 76%,90% 16%,center}}
@keyframes publicAura{0%,100%{box-shadow:0 0 42px #438cff88,0 0 108px #087cff55}25%{box-shadow:0 0 46px #35dcff8c,0 0 116px #16bfff58}52%{box-shadow:0 0 48px #9758ff88,0 0 120px #733cff58}77%{box-shadow:0 0 46px #e143ff88,0 0 116px #b523ff58}}
@keyframes publicMetalChroma{0%,100%{filter:saturate(1.3) brightness(1.12) drop-shadow(0 0 23px #438cffbb)}25%{filter:hue-rotate(-12deg) saturate(1.45) brightness(1.15) drop-shadow(0 0 25px #35dcffb0)}52%{filter:hue-rotate(22deg) saturate(1.48) brightness(1.14) drop-shadow(0 0 26px #9758ffaa)}77%{filter:hue-rotate(48deg) saturate(1.5) brightness(1.14) drop-shadow(0 0 26px #e143ffaa)}}
@keyframes publicBreath{0%,100%{transform:scale(.975)}50%{transform:scale(1.028)}}
@media(prefers-reduced-motion:reduce){body,.demo-ring,.demo-ring img{animation:none!important}}