.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(#f2f2f2,#e0e0e0);padding:20px;animation:fadeIn 1s ease-out}.login-box{background:#f9f9f9;padding:40px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1);width:100%;max-width:400px;text-align:center;animation:slideIn .6s ease-out}.login-title{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:28px;color:#1dabd9;font-weight:700;margin-bottom:30px}.login-form .form-group{margin-bottom:25px;text-align:left}.login-form .form-group label{display:block;font-size:16px;color:#616161;margin-bottom:8px}.login-form .form-group .form-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:10px;font-size:16px;outline:none;transition:border-color .3s,box-shadow .3s}.login-form .form-group .form-input:focus{border-color:#1dabd9;box-shadow:0 0 8px rgba(255,106,0,.5)}.login-form .error{color:#ff4d4f;font-size:12px;font-weight:400;margin-top:5px;text-align:left}.login-button{width:100%;padding:12px 18px;background-color:#1dabd9;color:#f9f9f9;font-size:18px;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:transform .3s,background-color .3s}.login-button:hover{background-color:#1788ac;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.password-wrapper{position:relative}.password-wrapper input{width:100%;padding-right:40px;box-sizing:border-box}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#a0aec0;font-size:16px;cursor:pointer;outline:none}.toggle-password:hover{color:#3182ce}@media(max-width:480px){.login-title{font-size:16px;margin-bottom:20px}.login-form .form-group{margin-bottom:15px}.login-form .form-group label{font-size:11px;margin-bottom:5px}.login-form .form-group .form-input{width:100%;padding:none;border-radius:8px;font-size:16px}.login-form .form-group .form-input::placeholder{font-size:10px}.login-form .error{font-size:8px;margin-top:5px}.toggle-password{right:10px;top:50%;transform:translateY(-50%);font-size:1px}.toggle-password span{font-size:15px}.login-button{width:100%;padding:6px 18px;background-color:#1dabd9;color:#f9f9f9;font-size:13px;font-weight:700;border:none;border-radius:10px}}