.cinematic-bg{background:linear-gradient(135deg,#0f2027 0%,#203a43 50%,#2c5364 100%)}.loader{z-index:10;margin-left:-50px;animation:.4s linear infinite speeder;position:absolute;top:50%;left:50%}.loader>span{background:#ff4747;border-radius:2px 10px 1px 0;width:35px;height:5px;position:absolute;top:-19px;left:60px;box-shadow:0 0 10px #ff4747,0 0 20px #f51313}.base span{border-top:6px solid #0000;border-bottom:6px solid #0000;border-right:100px solid #f3cfcf;width:0;height:0;position:absolute}.base span:before{content:"";background:#f3cfcf;border-radius:50%;width:22px;height:22px;position:absolute;top:-16px;right:-110px;box-shadow:inset -2px -2px 5px #00000026}.base span:after{content:"";border-top:0 solid #0000;border-bottom:16px solid #0000;border-right:55px solid #f3cfcf;width:0;height:0;position:absolute;top:-16px;right:-98px}.face{background:#f3cfcf;border-radius:20px 20px 0 0;width:20px;height:12px;position:absolute;top:-15px;right:-125px;transform:rotate(-40deg)}.face:after{content:"";transform-origin:50%;background:#ff4747;border-radius:0 0 2px 2px;width:12px;height:12px;position:absolute;top:7px;right:4px;transform:rotate(40deg)}.loader>span>span{background:#fff;width:30px;height:1px;position:absolute;box-shadow:0 0 5px #fff,0 0 10px #ffea00}.loader>span>span:first-child{animation:.2s linear infinite fazer1}.loader>span>span:nth-child(2){animation:.4s linear infinite fazer2;top:3px}.loader>span>span:nth-child(3){animation:.4s linear -1s infinite fazer3;top:1px}.loader>span>span:nth-child(4){animation:1s linear -1s infinite fazer4;top:4px}@keyframes fazer1{0%{left:0}to{opacity:0;left:-80px}}@keyframes fazer2{0%{left:0}to{opacity:0;left:-100px}}@keyframes fazer3{0%{left:0}to{opacity:0;left:-50px}}@keyframes fazer4{0%{left:0}to{opacity:0;left:-150px}}@keyframes speeder{0%{transform:translate(2px,1px)rotate(0)}10%{transform:translate(-1px,-3px)rotate(-1deg)}20%{transform:translate(-2px)rotate(1deg)}30%{transform:translate(1px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,3px)rotate(-1deg)}60%{transform:translate(-1px,1px)rotate(0)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-2px,-1px)rotate(1deg)}90%{transform:translate(2px,1px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}.longfazers{width:100%;height:100%;position:absolute}.longfazers span{background:#fff;border-radius:50%;width:20%;height:2px;position:absolute;box-shadow:0 0 10px #00e5ff,0 0 20px #00e5ff}.longfazers span:first-child{animation:.6s linear -5s infinite lf;top:20%}.longfazers span:nth-child(2){animation:.8s linear -1s infinite lf2;top:40%}.longfazers span:nth-child(3){animation:.6s linear infinite lf3;top:60%}.longfazers span:nth-child(4){animation:.5s linear -3s infinite lf4;top:80%}@keyframes lf{0%{left:100vw}to{opacity:0;left:-100vw}}@keyframes lf2{0%{left:100vw}to{opacity:0;left:-100vw}}@keyframes lf3{0%{left:100vw}to{opacity:0;left:-100vw}}@keyframes lf4{0%{left:100vw}to{opacity:0;left:-100vw}}.clouds{width:100%;height:100%;position:absolute;overflow:hidden}.cloud{opacity:.15;background:#fff;border-radius:50px;animation:linear infinite moveClouds;position:absolute;box-shadow:0 5px 15px #0000001a}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.cloud:before{width:50px;height:50px;top:-20px;left:15px}.cloud:after{width:70px;height:70px;top:-30px;left:45px}.cloud1{width:130px;height:40px;animation-duration:6s;top:15%;right:-20vw}.cloud2{opacity:.1;width:160px;height:50px;animation-duration:8s;top:35%;right:-40vw}.cloud3{width:120px;height:40px;animation-duration:7s;top:20%;right:-60vw}.cloud4{width:150px;height:45px;animation-duration:5s;top:70%;right:-30vw}.cloud5{opacity:.2;width:180px;height:55px;animation-duration:9s;top:80%;right:-80vw}@keyframes moveClouds{0%{transform:translate(0)}to{transform:translate(-150vw)}}