.background,form{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%}form h3,label{font-weight:500}input,label{display:block}*,:after,:before{padding:0;margin:0;box-sizing:border-box}body{background-color:var(--color-main-7)}.background{width:430px;height:520px}.background .shape{height:200px;width:200px;position:absolute;border-radius:50%}.shape:first-child{background:linear-gradient(var(--color-main-1),var(--color-main-5));left:-80px;top:-80px}.shape:nth-child(2){background:linear-gradient(to right,var(--color-main-2),var(--color-main-5));right:-30px;bottom:-80px}.shape:nth-child(3){background:linear-gradient(to left,var(--color-main-3),var(--color-main-5));right:-400px;bottom:200px}.shape:nth-child(4){background:linear-gradient(to bottom,var(--color-main-4),var(--color-main-5));right:500px;bottom:-20px}form{height:470px;width:400px;background-color:rgba(255,255,255,.8);border-radius:10px;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);box-shadow:0 0 40px rgba(8,7,16,.6);padding:50px 35px}form *{font-family:Poppins,sans-serif;color:#000;letter-spacing:.5px;outline:0;border:none}form h3{font-size:32px;line-height:42px;text-align:center;color:var(--color-main-1)}label{margin-top:30px;font-size:16px;color:var(--color-main-3)}input{height:50px;width:100%;border-radius:3px;padding:0 10px;margin-top:8px;font-size:14px;font-weight:300;border:.5px solid #a8a6a6;color:#000}::placeholder{color:#e5e5e5}button{margin-top:50px;width:100%;background-color:var(--color-main-2);color:#fff;padding:15px 0;font-size:18px;font-weight:600;border-radius:5px;cursor:pointer}