@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.container{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-image:url(/build/assets/9272778-CyuX6ZL5.jpg);-moz-column-gap:30px;column-gap:30px}.form{position:absolute;max-width:430px;width:100%;padding:30px;border-radius:6px;background:#fff}header{font-size:28px;font-weight:600;color:#232836;text-align:center}form{margin-top:30px}.form .field{position:relative;height:50px;width:100%;margin-top:20px;border-radius:6px}.field input,.field button{height:100%;width:100%;border:none;font-size:16px;font-weight:400;border-radius:6px}.field input{outline:none;padding:0 15px;border:1px solid#CACACA}.field input:focus{border-bottom-width:2px}.eye-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:18px;color:#8b8b8b;cursor:pointer;padding:5px}.field button{color:#fff;background-color:#581c87;transition:all .3s ease;cursor:pointer}.field button:hover{background-color:#4a044e}.form-link{text-align:center;margin-top:10px}.form-link span,.form-link a{font-size:14px;font-weight:400;color:#232836}.form a{color:#581c87;text-decoration:none}.form-content a:hover{text-decoration:underline}.line{position:relative;height:1px;width:100%;margin:36px 0;background-color:#d4d4d4}.line:before{content:"Or";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;color:#8b8b8b;padding:0 15px}.media-options a{display:flex;align-items:center;justify-content:center}a.facebook{color:#fff;background-color:#4267b2}a.facebook .facebook-icon{height:28px;width:28px;color:#0171d3;font-size:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#fff}.facebook-icon,img.google-img{position:absolute;top:50%;left:15px;transform:translateY(-50%)}img.google-img{height:20px;width:20px;-o-object-fit:cover;object-fit:cover}a.google{border:1px solid #cacaca}a.google span{font-weight:500;opacity:.6;color:#232836}@media screen and (max-width: 400px){.form{padding:20px 10px}}