@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@700&family=Poppins:wght@400;500;600&display=swap");*{box-sizing:border-box;font-family:Poppins,sans-serif}*,body{margin:0;padding:0}body{background:#fff;height:100vh;overflow:hidden}.cont{position:absolute;max-width:800px;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(20,1fr);grid-template-rows:1}.bleft{height:450px;width:400px;grid-column:1/10;grid-row:1;border-radius:20px;background:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 5px 10px rgba(0,0,0,.3)}.bleft img{padding:20px;margin-right:20px;width:260px;height:auto;transition:transform .2s}.bleft img:hover{transform-origin:center;transform:scale(1.05)}.center{width:400px;background:#04233f;border-radius:20px;grid-column:9/-1;grid-row:1;box-shadow:0 5px 10px rgba(0,0,0,.3);z-index:2}.center form{padding:80px 45px 20px;box-sizing:border-box}form .txtf{position:relative;border-bottom:1.5px solid #ffffff8c;margin:20px 20px 20px 48px}.txtf input{width:100%;padding:10px 0 0 5px;color:#fff;height:40px;font-size:14px;border:none;background:none;outline:none}.txtf label{top:60%;left:5px;color:#ffffff9d;transform:translateY(-50%);font-size:14px;pointer-events:none}.icon,.txtf label{position:absolute;transition:.5s}.icon{top:35%;right:251px;color:#fff;font-size:20px}.txtf span:before{content:"";position:absolute;top:40px;left:0;width:0;height:2px;background:#f5ca62}.txtf input:focus~label,.txtf input:valid~label{top:-3px;color:#f5ca62}.txtf input:-webkit-autofill,.txtf input:-webkit-autofill:active,.txtf input:-webkit-autofill:focus,.txtf input:-webkit-autofill:hover{-webkit-transition:background-color 5000000s ease-in-out 0s!important;transition:background-color 5000000s ease-in-out 0s!important;-webkit-text-fill-color:#fff}.txtf input:focus~.icon,.txtf input:valid~.icon{color:#f5ca62}.txtf input:focus~span:before,.txtf input:valid~span:before{width:100%}.bott{height:200px;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.bott button{align-content:center;width:90%;height:35px;margin-top:10px;border:1px solid;background:#f3a057;border-radius:10px;font-size:17px;color:#04233f;font-weight:500;cursor:pointer;outline:none}.pass{color:#fff;margin-top:20px;font-size:14px;height:20px}.pass:hover{border-bottom:.5px solid var(--border-color);cursor:pointer}.signup_link{color:#fff;font-size:14px;margin-top:10px}.signup_link a{color:#fff;text-decoration:none;cursor:pointer}.signup_link a:hover{text-decoration:underline}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading_spinner{position:absolute;width:25px;height:25px;top:53%;left:83%;border:5px solid #f3f3f3;border-top-color:#383636;border-radius:50%;animation:spinner 1s linear infinite}.centrado{height:100vh;justify-content:center;background-color:#fff}.centrado,.centrado div{display:flex;flex-direction:column;align-items:center}.centrado div{position:relative;justify-content:space-around;bottom:50px;height:380px}.centrado div img{height:150px}.boton{background-color:#f26522;height:50px;width:220px}