html,body{height:100%;margin:0}body{background:linear-gradient(to bottom,#016469,#000);display:flex;align-items:center;justify-content:center;overflow:auto}.container-fluid{display:flex;align-items:center;justify-content:center;height:100vh}.card{border-radius:12px;box-shadow:0 4px 8px #0003;animation:fadeInLeft .6s ease-out}.card-body{padding:2rem;background:linear-gradient(to bottom,#015a5fda,#000);color:#f5f5f5}h1{color:#f5f5f5}.btn-primary{background-color:#117b83!important;border-color:#168891!important}.btn-primary:hover{background-color:#073841!important;border-color:#0b444e!important}.input-group-text{background-color:#444!important;border:1px solid #666!important}.input-group-text i{color:#1ec8d4!important}a{color:#007bff}a:hover{color:#0056b3}.col-md-4.d-flex.justify-content-center.align-items-center{background:none}.d-none.d-md-block{color:#f5f5f5}.password-toggle-container{display:flex;justify-content:flex-end;margin-top:.5rem}@keyframes fadeInLeft{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.fade-in-right{animation:fadeInRight .6s ease-out}