*{border:0;box-sizing:border-box;margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:#000}input,select,textarea{background:#fff;color:#000}:root{--hue:223;--gray50:hsl(var(--hue) 90% 95%);--gray950:hsl(var(--hue) 90% 5%);--trans-dur:0.3s;color-scheme:light dark;font-size:16px}body{background-color:light-dark(var(--gray50),var(--gray950));color:light-dark(var(--gray950),var(--gray50));font:1em/1.5 sans-serif;display:grid;place-items:center;height:100vh;transition:background-color var(--trans-dur),color var(--trans-dur)}.pl{aspect-ratio:1;display:grid;gap:1em;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:8em}.pl__dot{position:relative}.pl__dot,.pl__dot:after,.pl__dot:before{animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite}.pl__dot:after,.pl__dot:before{aspect-ratio:1;background-color:light-dark(var(--gray950),var(--gray50));border-radius:50%;content:"";display:block;position:absolute;width:100%;transition:background-color var(--trans-dur)}.pl__dot:after{top:50%;left:50%;transform:translate(-50%,-50%) scale(0)}.pl__dot--red:after,.pl__dot--red:before{background-color:#f53d3d}.pl__dot--yellow:after,.pl__dot--yellow:before{background-color:#f2b90d}.pl__dot--green:after,.pl__dot--green:before{background-color:#0ac266}.pl__dot--blue:after,.pl__dot--blue:before{background-color:#0d80f2}.pl__dot--lg:after{width:500%}.pl__dot--sm:after{width:167%}.pl__dot:first-child:before{animation-name:dot-scale1}.pl__dot:nth-child(2){animation-name:dot-rotate;transform-origin:50% 200%}.pl__dot:nth-child(2):before{animation-name:dot-scale2}.pl__dot:nth-child(3):before{animation-name:dot-scale3}.pl__dot:nth-child(3):after{animation-name:dot-wave3}.pl__dot:nth-child(4){animation-name:dot-rotate;transform-origin:200% 50%}.pl__dot:nth-child(4):before{animation-name:dot-scale4}.pl__dot:nth-child(5):before{animation-name:dot-scale5}.pl__dot:nth-child(5):after{animation-name:dot-wave5a,dot-wave5b}.pl__dot:nth-child(6){animation-name:dot-rotate;transform-origin:-100% 50%}.pl__dot:nth-child(6):before{animation-name:dot-scale6}.pl__dot:nth-child(7):before{animation-name:dot-scale7}.pl__dot:nth-child(7):after{animation-name:dot-wave7}.pl__dot:nth-child(8){animation-name:dot-rotate;transform-origin:50% -100%}.pl__dot:nth-child(8):before{animation-name:dot-scale8}.pl__dot:nth-child(9):before{animation-name:dot-scale9}.pl__dot:nth-child(9):after{animation-name:dot-wave9}@keyframes dot-rotate{0%,22%{animation-timing-function:ease-out;transform:rotate(-45deg)}37%,to{transform:rotate(0)}}@keyframes dot-scale1{0%,36%{transform:translate(0) scale(0)}50%,71%{transform:translate(0) scale(1)}87%,to{transform:translate(75%,75%) scale(0)}}@keyframes dot-scale2{0%,25%{animation-timing-function:ease-out;transform:translate(0) scale(0)}40%,71%{transform:translate(0) scale(1)}87%,to{transform:translateY(-100%) scale(0)}}@keyframes dot-scale3{0%,27%{animation-timing-function:ease-in;transform:translate(0) scale(0)}45%,71%{transform:translate(0) scale(1)}87%,to{transform:translate(-75%,75%) scale(0)}}@keyframes dot-scale4{0%,28%{animation-timing-function:ease-out;transform:translate(0) scale(0)}43%,71%{transform:translate(0) scale(1)}87%,to{transform:translate(-100%) scale(0)}}@keyframes dot-scale5{0%,9%,to{transform:scale(0)}26%{transform:scale(1.17)}41%,75%{transform:scale(1)}}@keyframes dot-scale6{0%,22%{animation-timing-function:ease-out;transform:translate(0) scale(0)}37%,71%{transform:translate(0) scale(1)}87%,to{transform:translate(100%) scale(0)}}@keyframes dot-scale7{0%,36%{animation-timing-function:ease-in;transform:translate(0) scale(0)}53%,71%{transform:translate(0) scale(1)}87%,to{transform:translate(75%,-75%) scale(0)}}@keyframes dot-scale8{0%,24%{animation-timing-function:ease-out;transform:translate(0) scale(0)}39%,71%{transform:translate(0) scale(1)}87%,to{transform:translateY(100%) scale(0)}}@keyframes dot-scale9{0%,32%{animation-timing-function:ease-in;transform:translate(0) scale(0)}49%,71%{transform:translate(0) scale(1)}87%,to{transform:translate(-75%,-75%) scale(0)}}@keyframes dot-wave3{0%{visibility:hidden}45%{opacity:1;transform:translate(-50%,-50%) scale(calc(1 / 1.67));visibility:hidden}61%,to{opacity:0;transform:translate(-50%,-50%) scale(1)}}@keyframes dot-wave5a{0%{transform:translate(-50%,-50%) scale(.2)}8%{transform:translate(-50%,-50%) scale(.8)}25%,to{transform:translate(-50%,-50%) scale(1)}}@keyframes dot-wave5b{0%,25%,to{opacity:0}8%{opacity:.5}}@keyframes dot-wave7{0%{visibility:hidden}53%{opacity:1;transform:translate(-50%,-50%) scale(calc(1 / 1.67));visibility:hidden}69%,to{opacity:0;transform:translate(-50%,-50%) scale(1)}}@keyframes dot-wave9{0%{visibility:hidden}49%{opacity:1;transform:translate(-50%,-50%) scale(calc(1 / 1.67));visibility:hidden}65%,to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.hero-height{height:70vh}@media screen and (max-width:900px){.hero-height{height:55vh}}.kcFormHeaderClass{border:3px solid red}