.smoke-container{position:fixed;top:0;left:0;width:100%;height:100%;filter:blur(70px);z-index:1;pointer-events:none}.tendril{position:absolute;border-radius:50%;will-change:transform}.tendril-1{height:12vh;width:120vw;background:linear-gradient(90deg,rgba(103,232,249,.8),rgba(165,243,252,.5),transparent);top:30%;left:-60%;transform:rotate(-15deg);animation:drift-right 25s linear infinite}.tendril-2{height:15vh;width:100vw;background:linear-gradient(90deg,rgba(45,212,191,.7),rgba(94,234,212,.4),transparent);top:55%;left:-50%;transform:rotate(10deg);animation:drift-right 35s linear -5s infinite}.tendril-3{height:10vh;width:130vw;background:linear-gradient(90deg,rgba(165,243,252,.8),rgba(207,250,254,.5),transparent);top:10%;left:-70%;transform:rotate(-25deg);animation:drift-right 30s linear -12s infinite}.tendril-4{height:18vh;width:150vw;background:linear-gradient(90deg,rgba(34,211,238,.6),rgba(103,232,249,.3),transparent);bottom:5%;left:-50%;transform:rotate(5deg);animation:drift-slow 45s ease-in-out infinite alternate}@keyframes drift-right{0%{transform:translateX(0) translateY(0) rotate(var(--rotation,0deg)) scaleX(1);opacity:0}15%{opacity:.9}85%{opacity:.9}to{transform:translateX(150vw) translateY(-20vh) rotate(var(--rotation,0deg)) scaleX(1.2);opacity:0}}@keyframes drift-slow{0%{transform:translateX(0) rotate(5deg)}to{transform:translateX(20vw) rotate(5deg)}}@media (prefers-reduced-motion:reduce){.tendril{animation:none;opacity:.5}}