html, body { width:100%; height:100%; margin:0; padding:0; font-family:'Poppins', sans-serif; display:block; }

body { background:url('../images/bg-auth.jpg') center / cover no-repeat; }

.side-panel { background:#fff; width:100%; max-width:480px; min-height:100vh; box-shadow:0 0 100px rgba(0,0,0,0.3); display:flex; }

form label { font-weight:500; font-size:14px; color:var(--bs-gray); cursor:pointer; }
form .form-control { padding:10px 14px; font-size:14px }
form .form-control::placeholder { opacity:0.5; }
form .form-control:focus { border-color:#333; box-shadow:none }
form a { font-size:12px; text-decoration:none; }

form input[type="password"] + .input-group-text { color:var(--bs-gray); cursor:pointer; }
form input[type="text"] + .input-group-text { color:var(--bs-gray); cursor:pointer; }

form input[type="password"] + .input-group-text .feather-eye { display:none }
form input[type="password"] + .input-group-text .feather-eye-off { display:block }

form input[type="text"] + .input-group-text .feather-eye { display:block }
form input[type="text"] + .input-group-text .feather-eye-off { display:none }

.btn-block { display: block; width: 100%; }
.btn-success { color: #fff; background-color: #1abc9c; border-color: #1abc9c }
.btn-success:hover {color: #fff;background-color: #148f77;border-color: #12846e;}

ul { list-style:none; margin:0!important; padding:0!important; }