@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&display=swap");*,:after,:before{padding:0;margin:0;box-sizing:border-box}body{background-color:#080710}.background{width:430px;height:520px;position:absolute;transform:translate(-50%,-50%);left:50%;top:50%}.background .shape{height:200px;width:200px;position:absolute;border-radius:50%}.shape:first-child{background:linear-gradient(#1845ad,#23a2f6);left:-80px;top:-80px}.shape:last-child{background:linear-gradient(90deg,#ff512f,#f09819);right:-30px;bottom:-80px}form{height:520px;width:400px;background-color:hsla(0,0%,100%,.13);position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.1);box-shadow:0 0 40px rgba(8,7,16,.6);padding:50px 35px}form *{font-family:Poppins,sans-serif;color:#fff;letter-spacing:.5px;outline:none;border:none}form h3{font-size:32px;line-height:42px;text-align:center}form h3,label{font-weight:500}label{margin-top:30px;font-size:16px}input,label{display:block}input{height:50px;width:100%;background-color:hsla(0,0%,100%,.07);border-radius:3px;padding:0 10px;margin-top:8px;font-size:14px;font-weight:300}::placeholder{color:#e5e5e5}button{margin-top:50px;width:100%;background-color:#fff;color:#080710;padding:15px 0;font-size:18px;font-weight:600;border-radius:5px;cursor:pointer}.social{margin-top:30px;display:flex}.social div{background:red;width:150px;border-radius:3px;padding:5px 10px 10px 5px;background-color:hsla(0,0%,100%,.27);color:#eaf0fb;text-align:center}.social div:hover{background-color:hsla(0,0%,100%,.47)}.social .fb{margin-left:25px}.social i{margin-right:4px}