body{background:linear-gradient(to top,#71b4c9,#e2edee);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;opacity:0;animation:fadeIn 1.5s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-container{background-color:#e3edee;border-radius:20px;box-shadow:0 8px 20px #0003;padding:40px;width:100%;max-width:400px;transform:scale(.98);transition:transform .3s ease,box-shadow .3s ease}.login-container:hover{transform:scale(1);box-shadow:0 12px 30px #0000004d}.login-container h1{font-size:30px;color:#000;margin-bottom:30px;text-align:center;font-weight:600;text-transform:uppercase}.input-group{margin-bottom:20px}.input-group input{border-radius:30px;border:2px solid #008dc5;padding:12px 20px;font-size:16px;width:100%;background-color:#f5f5f5;transition:border .3s ease,box-shadow .3s ease}.input-group input:focus{border-color:#1b64a0;box-shadow:0 0 10px #1b64a080;outline:none}.input-group .input-group-text{background-color:#1b64a0;color:#fff;border-radius:15px;border:none}.btn-login{width:100%;background-color:#008dc5;color:#fff;font-size:18px;padding:14px;border:none;border-radius:30px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.btn-login:hover{background-color:#1b64a0;transform:translateY(-3px)}.password-toggle-container{text-align:right;margin-top:10px}.password-toggle-container button{color:#008dc5;font-size:16px;background:none;border:none;padding:0;cursor:pointer}.footer-text{text-align:center;font-size:14px;color:#9b9b9b;margin-top:20px;font-style:italic}.fade-in{transition:opacity 1s ease-in-out}@media (max-width: 480px){.login-container{padding:30px;margin-left:10px}.login-container h1{font-size:24px}}