.signin-btn:hover background: #144e68; transform: translateY(-2px); box-shadow: 0 12px 20px -10px rgba(10, 43, 62, 0.3);
.input-icon input:focus border-color: #ffb347; box-shadow: 0 0 0 3px rgba(255, 180, 71, 0.2); jobjack sign in
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> <title>JobJack – Sign In to Your Account</title> <!-- Google Fonts & simple reset --> <link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700&display=swap" rel="stylesheet"> <!-- Font Awesome 6 (free icons) --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <style> * margin: 0; padding: 0; box-sizing: border-box; .signin-btn:hover background: #144e68