@keyframes gradientBackground{0%{background:linear-gradient(45deg,#ff7e5f,#feb47b)}50%{background:linear-gradient(45deg,#58bc82,#45a56b)}to{background:linear-gradient(45deg,#ff7e5f,#feb47b)}}.login-container{justify-content:center;align-items:center;min-height:100vh;animation:10s infinite gradientBackground;display:flex}.login-form{background:#ffffffe6;border-radius:12px;width:100%;max-width:420px;padding:40px;animation:1.5s ease-out fadeIn;box-shadow:0 10px 30px #0000001a}.form-heading{text-align:center;color:#333;letter-spacing:1px;text-transform:uppercase;margin-bottom:25px;font-size:2rem;font-weight:600}.input-group{margin-bottom:20px;position:relative}.input-group .label{color:#58bc82;opacity:.7;font-size:12px;font-weight:600;transition:all .3s;position:absolute;top:-16px;left:12px}.input-group input{color:#333;background-color:#f5f5f5;border:2px solid #ddd;border-radius:10px;outline:none;width:100%;padding:15px 20px;font-size:1rem;transition:all .3s}.input-group input:focus{border-color:#58bc82;box-shadow:0 0 10px #58bc8266}.input-group input:focus+.label{color:#58bc82;opacity:1;font-size:11px;top:-20px}.forgot-password{text-align:right;margin-bottom:20px}.forgot-password a{color:#58bc82;font-size:14px;text-decoration:none;transition:color .3s}.forgot-password a:hover{color:#45a56b}.submit{color:#fff;cursor:pointer;background-color:#58bc82;border:none;border-radius:30px;width:100%;padding:15px;font-size:1.1rem;font-weight:600;transition:all .3s}.submit:hover{background-color:#45a56b;transform:translateY(-2px);box-shadow:0 5px 20px #58bc824d}.signup-link{text-align:center;color:#333;margin-top:15px;font-size:14px}.signup-link a{color:#58bc82;font-weight:600;text-decoration:none;transition:color .3s}.signup-link a:hover{color:#45a56b}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.login-form{width:90%;padding:30px}}