@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');.poppins{font-family:'Poppins',serif;font-style:normal}.inter{font-family:'Inter',serif;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'inter',serif;font-style:normal;height:100vh;width:100vw}._login_{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(to top right,#001e24,#014a63);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.container{width:60%;max-width:900px;height:500px;display:flex;border-radius:15px;overflow:hidden;background-color:#001e24;box-shadow:0 26px 58px 0 rgba(0,0,0,.22),0 5px 14px 0 rgba(0,0,0,.18);@media only screen and (max-width:768px){flex-direction:column;height:80%;width:80%}@media only screen and (max-width:480px){flex-direction:column;height:60%;width:90%}}.sideleft{width:100%;background-color:#001e24;height:100%;overflow:hidden}.login_hero{width:100%;height:100%;img{width:100%;height:100%;object-fit:cover;float:right;scale:1.2;opacity:.7;transition:all ease .9s}&:hover img{opacity:1;scale:1}}.sideright{background-color:aliceblue;min-width:350px;padding:10px;position:relative;display:flex;flex-direction:column;justify-content:center}.title{width:100%;padding:20px}.form_login{width:100%;display:flex;flex-direction:column;gap:10px;padding:20px;@media only screen and (max-width:450px){padding:10px}}._input_container{display:flex;flex-direction:column;margin-bottom:10px;gap:5px}._label{font-size:16px}._inputwrap{width:100%;height:100%;padding:5px 15px;display:flex;align-items:center;justify-content:center;transition:all ease .5s;background-color:rgba(197,228,255,.308);border-radius:50px;span{width:30px;height:100%;display:flex;align-items:center;justify-content:flex-end;cursor:pointer}}._input{width:100%;height:30px;font-size:14px;border:none;background-color:transparent;&:focus{outline:none}}.button{font-size:15px;padding:10px;border:none;border-radius:50px;cursor:pointer;background-color:#014a6335;transition:all ease .3s;&:hover{background-color:#014a63;color:aliceblue}}#_error{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:90%;height:fit-content;padding:15px 10px;border-radius:10px;background-color:#ddb1b1;font-size:14px;z-index:9}