@import"https://fonts.googleapis.com/css2?family=El+Messiri:wght@700&display=swap";.round{border-radius:20px!important;padding:20px 10px}.round:hover{background:#10681fcc;border-color:red}.items-center{line-height:40px}.contact{font-family:El Messiri,sans-serif;overflow:hidden}.contact{background:linear-gradient(-45deg,#5e5368,#000,#000,#5e5368);background-size:400% 400%;animation:gradient 10s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.box{position:relative}.box .square{position:absolute;background:#ffffff1a;backdrop-filter:blur(5px);box-shadow:0 25px 45px #0000001a;border:1px solid rgba(255,255,255,.15);border-radius:15px;animation:square 10s linear infinite;animation-delay:calc(-1s * var(--i))}@keyframes square{0%,to{transform:translateY(-20px)}50%{transform:translateY(20px)}}.box .square:nth-child(1){width:100px;height:100px;top:-15px;right:-45px}.box .square:nth-child(2){width:150px;height:150px;top:105px;left:-125px;z-index:2}.box .square:nth-child(3){width:60px;height:60px;bottom:85px;right:-45px;z-index:2}.box .square:nth-child(4){width:50px;height:50px;bottom:35px;left:-95px}.box .square:nth-child(5){width:50px;height:50px;top:-15px;left:-25px}.box .square:nth-child(6){width:85px;height:85px;top:165px;right:-155px;z-index:2}.container{position:relative;padding:50px;width:600px;min-height:380px;height:100%;box-shadow:0 25px 45px #0003}.container:after{content:"";position:absolute;inset:5px;border-radius:5px;pointer-events:none;background:linear-gradient(to bottom,#ffffff1a 0% 2%)}.form{position:relative}.form h2{color:#fff;letter-spacing:2px;margin-bottom:30px}.form .inputBx{position:relative;margin-bottom:20px}.form .inputBx input{width:80%;outline:none;border:none;border:1px solid rgba(255,255,255,.2);background:#fff3;padding:8px 10px 8px 40px;border-radius:15px;color:#fff;font-size:16px;box-shadow:0 5px 15px #0000000d}.form .inputBx .name-control{position:absolute;top:11px;right:10px;display:inline-block;width:20px;height:20px;background:url(https://snipp.ru/demo/495/view.svg) 0 0 no-repeat;transition:.5s}.form .inputBx .view{background:url(https://snipp.ru/demo/495/no-view.svg) 0 0 no-repeat;transition:.5s}.form .inputBx .fas{position:absolute;top:13px;left:13px}.form .inputBx input[type=submit]{background:#fff;color:#111;max-width:100px;padding:8px 10px;box-shadow:none;letter-spacing:1px;cursor:pointer;transition:1.5s}.form .inputBx input[type=submit]:hover{background:linear-gradient(115deg,#0000001a,#ffffff40);color:#fff;transition:.5s}.form .inputBx input::-moz-placeholder{color:#fff}.form .inputBx input::placeholder{color:#fff}.form .inputBx span{position:absolute;left:30px;padding:10px;display:inline-block;color:#fff;transition:.5s;pointer-events:none}.form .inputBx input:focus~span,.form .inputBx input:valid~span{transform:translate(-30px) translateY(-25px);font-size:12px}.form p{color:#fff;font-size:15px;margin-top:5px}.form p a{color:#fff}.form p a:hover{background-color:#000;background-image:linear-gradient(to right,#434343,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.remember{position:relative;display:inline-block;color:#fff;margin-bottom:10px;cursor:pointer}.social-login{position:absolute;height:140px;width:160px;text-align:center;bottom:0;right:0;margin-bottom:-6%;color:#fff}.social-icons{display:flex;align-items:center;justify-content:center}.social-login__icon{padding:20px 10px;color:#fff;text-decoration:none;text-shadow:0px 0px 8px #7875B5}.social-login__icon:hover{transform:scale(1.5)}@media screen and (max-width:600px){.container{padding:50px;width:100%}.form,.form .inputBx input{width:100%}}