@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-fluid{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:#4070f4;column-gap:30px}
.form{position:absolute;max-width:430px;width:100%;padding:30px;background:#FFF}
.form.signup{opacity:0;pointer-events:none}
.forms.show-signup .form.signup{opacity:1;pointer-events:auto}
.forms.show-signup .form.login{opacity:0;pointer-events:none}
header{font-size:28px;font-weight:600;color:#232836;text-align:center}
form{margin-top:30px}
.form .field{position:relative;width:100%;margin-top:20px;border-radius:6px}
.field button{height:40px;width:100%;border:none;font-size:16px;font-weight:400;border-radius:0;padding:0 30px}
.field input{outline:none;padding:0 15px;border:1px solid#CACACA;height:40px;width:100%;font-size:15px;font-weight:300;border-radius:0}
.field input:focus{border-bottom-width:2px}
.eye-icon{position:absolute;top:20px;right:10px;transform:translateY(-50%);font-size:18px;color:#8b8b8b;cursor:pointer;padding:5px}
.button-field{margin:0 auto;text-align:center}
.field button{color:#fff;background-color:#0171d3;transition:all .3s ease;cursor:pointer}
.field button:hover{background-color:#016dcb}
.form-link{text-align:right;margin-top:25px}
.form-link span,.form-link a{font-size:14px;font-weight:400;color:#232836}
.form a{color:#0171d3;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;object-fit:cover}
a.google{border:1px solid #CACACA}
a.google span{font-weight:500;opacity:.6;color:#232836}
.alert{padding:10px;margin:15px 0}
.admin-logo a{width:100%;display:block;text-align:center}
.img-logo{max-width:250px;margin:0 auto}
@media screen and (max-width: 400px) {
.form{padding:20px 10px}
}
label.error{color:#fc0000;font-size:14px;margin-bottom:10px}