*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#080710}.background{height:520px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:430px}.background .shape{border-radius:50%;height:200px;position:absolute;width:200px}.shape:first-child{background:linear-gradient(#1845ad,#23a2f6);left:-80px;top:-80px}.shape:last-child{background:linear-gradient(90deg,#ff512f,#f09819);bottom:-80px;right:-30px}form{backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.13);border:2px solid hsla(0,0%,100%,.1);box-shadow:0 0 40px rgba(8,7,16,.6);height:520px;left:50%;padding:50px 35px;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}form *{border:none;color:#fff;font-family:Poppins,sans-serif;letter-spacing:.5px;outline:none}form h3{font-size:32px;line-height:42px;text-align:center}form h3,label{font-weight:500}label{font-size:16px;margin-top:30px}input,label{display:block}input{background-color:hsla(0,0%,100%,.07);font-size:14px;font-weight:300;height:50px;margin-top:8px;padding:0 10px;width:100%}input[type=checkbox]{height:20px;width:20px}::placeholder{color:#e5e5e5}button{background-color:#fff;color:#080710;cursor:pointer;font-size:18px;font-weight:600;margin-top:25px;padding:15px 0;width:100%}.forgot{margin-top:30px}.forgot a{text-decoration:none}.rememberme{display:flex;margin-top:20px}.rememberme div{background:hsla(0,0%,100%,.27);border-radius:3px;color:#eaf0fb;padding:5px 10px 10px 5px;text-align:center;width:150px}.rememberme label{margin-top:10px;padding-left:10px}