.hero__wrap{position:relative;padding:48px 32px;border-radius:24px;overflow:hidden}@media (max-width:480px){.hero__wrap{padding:32px 16px}}.hero__background{position:absolute;top:0;left:0;width:100%;height:100%;background:#5e35b1}.hero__content{position:relative;z-index:2;text-align:center}.hero__title{font-weight:700;color:#fff}.hero__text{font:18px/24px "Nunito Sans",sans-serif;color:#fff}@media (max-width:768px){.hero__text{font:16px/23px "Nunito Sans",sans-serif}}.hero__text p:last-child{margin-bottom:0}.noise-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5;z-index:2;filter:url(#grain) saturate(0) contrast(.5)}.dots-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.dot{position:absolute;border-radius:50%;transition-property:transform;transition-timing-function:ease-in-out;filter:blur(80px);aspect-ratio:1;opacity:.4;backface-visibility:hidden}.dot[data-pos-x="left"]{left:0}.dot[data-pos-x="right"]{right:0}.dot[data-pos-y="top"]{top:0}.dot[data-pos-y="bottom"]{bottom:0}.dot:nth-child(1){transform:translate(-50%,-50%);width:400px;background:#ffc107;animation:animate-dot-1 9s infinite alternate 5s;opacity:.3}.dot:nth-child(2){transform:translate(-100%,-70%);width:156px;background:#7a57a1;animation:animate-dot-2 6s infinite alternate 5s;opacity:.6}.dot:nth-child(3){transform:translate(30%,-30%);width:333px;background:#ffc107;animation:animate-dot-3 8s infinite alternate 5s}.dot:nth-child(4){transform:translate(50%,50%);width:288px;background:#7a57a1;animation:animate-dot-4 10s infinite alternate 5s;opacity:.6}.dot:nth-child(5){transform:translate(50%,-10%);width:133px;background:#ffc107;animation:animate-dot-5 9s infinite alternate 5s}@keyframes animate-dot-1{0%{transform:translate(-50%,-50%)}100%{transform:translate(50%,50%)}}@keyframes animate-dot-2{0%{transform:translate(-100%,-70%)}100%{transform:translate(100%,70%)}}@keyframes animate-dot-3{0%{transform:translate(30%,-30%)}100%{transform:translate(-30%,30%)}}@keyframes animate-dot-4{0%{transform:translate(50%,50%)}100%{transform:translate(-50%,-50%)}}@keyframes animate-dot-5{0%{transform:translate(50%,-10%)}100%{transform:translate(-50%,10%)}}