html,body{margin:0;padding:0;overflow-x:hidden}body{font-family:Mona Sans,sans-serif;margin:0;padding:0;background:#f5f5f5;display:flex;align-items:center;justify-content:center;height:100vh;overflow:hidden}.login-page{display:flex;flex-direction:column;align-items:center;position:relative;height:100vh;max-width:576px;width:100%;background:linear-gradient(to bottom,#0d2a47,#1d4e89);box-shadow:0 0 10px #0000001a}.logo{height:100vh;display:flex;align-items:center;justify-content:center}.logo-img{width:80%;max-width:300px;display:block}.logo.move-up{animation:logoMoveUp 1.5s ease forwards}@keyframes logoMoveUp{0%{transform:translateY(0);height:100vh}to{transform:translateY(-1vh);height:25vh}}.modal-login{position:absolute;bottom:0;left:0;right:0;width:100%;max-width:576px;box-sizing:border-box;background-color:#fff;padding:20px;height:auto;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 4px 12px #0000001a;opacity:0}.modal-forgot{position:absolute;bottom:0;left:0;right:0;width:100%;max-width:576px;box-sizing:border-box;background-color:#fff;padding:20px;height:auto;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 4px 12px #0000001a;min-height:50vh}.modal-login.show{animation:slideUp 1.5s ease forwards}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}label{color:#b5c932;font-weight:600;font-size:1rem;text-transform:capitalize}.modal-login h2,.modal-forgot h2{color:#0f5290;font-size:2rem;margin-bottom:5px}.inputs-bt{display:flex;flex-direction:column;gap:10px;padding-top:3vh}.inputs-bt input{border-top:none;border-left:none;border-right:none;border-bottom:solid 1px #cdcdcd;height:35px}.forgot{color:#0f5290;font-size:1rem;text-align:right}.bt-button{width:100%;background-color:#b5c932;color:#fff;font-size:1rem;text-transform:uppercase;font-weight:300;padding:10px;border:none;border-radius:4px;box-shadow:#11111a1a 0 4px 16px,#11111a0d 0 8px 32px;margin-top:10%}.link-account{text-align:center;margin-top:3vh;margin-bottom:3vh}.link-account a{color:#b5c932;font-weight:600;font-size:1.2rem;text-align:center;padding-bottom:15px}.link-account p{color:#0f5290;font-size:1rem;text-align:center;padding-top:5%}.input-error{color:#b71b1c;font-size:.9rem;margin-top:-.5rem}.logo-forgot{height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:74%}.modal-message{margin-bottom:1rem;font-size:1rem;text-align:left}.modal-message.success{color:#0cb36d}.modal-message.error{color:#b71b1c}