@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap";*{padding:0;margin:0;font-family:Roboto,sans-serif}body{background-color:#f2f2f2}.content{display:flex;height:calc(100vh - 65px);justify-content:center;align-items:center}.content form{width:300px;height:315px;background:#fff;padding:30px 20px;box-shadow:5px 5px 10px #d0c9c9}.content form img.logo{display:block;margin:auto auto 30px;max-width:100%;width:auto;max-height:60px}.content form input{margin-bottom:15px}.form-input{display:block;width:100%;height:38px;border-radius:5px;border:1px solid #21c4ff;padding:4px 8px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;box-sizing:border-box;background-color:#fff;background-clip:padding-box;font-size:13px;color:#585858}.form-input:focus{outline:0;box-shadow:0 0 0 1px #15a3f4;border-color:#15a3f4}.form-input::placeholder{color:#d0c9c9}.form-btn{height:40px;display:block;border-radius:10px;background:#15a3f4;color:#fff;border:1px solid #f2f2f2;cursor:pointer;width:100%;font-size:14px;text-transform:uppercase;margin:20px 0}.terminos{font-size:13px;color:#272727;text-align:center;padding:0 8px}.terminos a{color:inherit}footer{height:50px;background:#0a4275;margin-top:10px;border-top:5px solid #000;display:flex;justify-content:center;align-items:center;padding:0 10px;color:#fff}footer a{color:inherit;text-decoration:none}.invalid{border-color:#f93154!important}.invalid:focus{border-color:#f93154!important;box-shadow:0 0 0 1px #f93154}.feedback{margin-top:-12px;margin-bottom:15px}.feedback *{color:#f93154;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 600px){.content form{width:275px;height:auto}.terminos{font-size:12px}}h2.invalid{font-size:15px;color:#f93154;margin-bottom:10px}