.bg-octagon-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0)}.bg-octagon{position:absolute;width:450px;height:450px;background:linear-gradient(135deg,#38bdf814,#a855f70d);border:1px solid rgba(56,189,248,.3);clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);box-shadow:inset 0 0 50px #38bdf81a;filter:drop-shadow(0 0 15px rgba(56,189,248,.2))}.octagon-1{top:-100px;left:-180px;transform:rotate(15deg);opacity:.9;border-color:#38bdf866}.octagon-2{bottom:-150px;right:-200px;width:350px;height:350px;transform:rotate(-10deg);opacity:.7;border-color:#a855f766;filter:drop-shadow(0 0 15px rgba(168,85,247,.2))}.octagon-3{top:40%;left:85%;width:200px;height:200px;transform:rotate(45deg);opacity:.5;border-color:#38bdf833}.octagon-4{top:60%;left:-100px;width:180px;height:180px;transform:rotate(-20deg);opacity:.4;border-color:#a855f733}.octagon-5{top:15%;right:5%;width:120px;height:120px;transform:rotate(30deg);opacity:.3;border-color:#38bdf84d}@keyframes octagonFloat{0%,to{transform:translate(0) rotate(var(--rot))}50%{transform:translate(15px,20px) rotate(calc(var(--rot) + 3deg))}}.bg-octagon.octagon-1{--rot: 15deg;animation:octagonFloat 20s ease-in-out infinite}.bg-octagon.octagon-2{--rot: -10deg;animation:octagonFloat 25s ease-in-out infinite reverse}.bg-octagon.octagon-3{--rot: 45deg;animation:octagonFloat 18s ease-in-out infinite}.bg-octagon.octagon-4{--rot: -20deg;animation:octagonFloat 22s ease-in-out infinite reverse}.bg-octagon.octagon-5{--rot: 30deg;animation:octagonFloat 15s ease-in-out infinite}@media(max-width:768px){.bg-octagon{width:250px;height:250px;opacity:.4;filter:none!important;drop-shadow:none!important;box-shadow:none!important;border-width:1px}.octagon-1{top:-50px;left:-80px}.octagon-2{bottom:-80px;right:-100px}.bg-octagon{animation:none!important}}