.triangle{animation:triangle-slide 1.8s infinite}@keyframes triangle-slide{0%{transform:translate(0);opacity:1}30%{transform:translateY(-100%);scale:.8;opacity:0}60%{transform:translateY(100%);opacity:0}to{transform:translate(0);opacity:1}}.triangle.delay-200{animation-delay:.4s}.triangle.delay-400{animation-delay:.8s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.animation-delay-0{animation-delay:0s}.animation-delay-200{animation-delay:.2s}.animation-delay-400{animation-delay:.4s}.animation-delay-600{animation-delay:.6s}.animation-delay-800{animation-delay:.8s}:root{--b:20px}.arc{--a:150deg;aspect-ratio:1;padding:var(--b);box-sizing:border-box;border-radius:50%;background:#3f8bfa;--_g:/var(--b) var(--b) no-repeat radial-gradient(50% 50%,#000 calc(100% - 1px),#0000);box-shadow:inset -10px -5px 5.5px rgba(255,255,255,.25);mask:top var(--_g),calc(50% + 50% * sin(var(--a))) calc(50% - 50% * cos(var(--a))) var(--_g),linear-gradient(#0000 0 0) content-box intersect,conic-gradient(#000 var(--a),#0000 0)}.blue-glow{box-shadow:0 0 178px rgba(38,59,223,1),0 0 102px rgba(38,59,223,1),0 0 59px rgba(38,59,223,1),0 0 29px rgba(38,59,223,1),0 0 8.5px rgba(38,59,223,1),0 0 4.25px rgba(38,59,223,1)}:root{--b:5px}@media (min-width:640px){:root{--b:7px}}@media (min-width:768px){:root{--b:10px}}@media (min-width:1024px){:root{--b:15px}}@media (min-width:1440px){:root{--b:20px}}