.login-wrapper{background:linear-gradient(135deg,#ece9e6,#fff);justify-content:center;align-items:center;min-height:92vh;padding:2rem;display:flex}.login-form{background:#fff;border-radius:16px;flex-direction:column;gap:1.2rem;width:100%;max-width:400px;padding:3rem 2.5rem;animation:.6s fadeIn;display:flex;box-shadow:0 8px 20px #0000001a}.login-form h2{text-align:center;color:#333;margin-bottom:1rem;font-size:1.5rem}.login-form input{border:1px solid #ccc;border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:border .3s,box-shadow .3s}.login-form input:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 3px #4a90e233}.login-form button{color:#fff;cursor:pointer;background-color:#4a90e2;border:none;border-radius:8px;padding:.75rem;font-size:1rem;transition:background-color .3s}.login-form button:hover{background-color:#357ab8}.error-msg{color:#e74c3c;text-align:center;font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.login-wrapper{min-height:80vh}.error-msg{font-size:.8rem!important}}