Mobcash Password | Change
.input-group label display: block; margin-bottom: 8px; font-weight: 600; color: #444; font-size: 0.9rem;
button width: 100%; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; padding: 14px; border-radius: 12px; font-size: 1rem; font-weight: bold; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; margin-top: 10px;
.message-box.error display: block; background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; Mobcash Password Change
.input-group margin-bottom: 20px;
.strength-meter height: 4px; background: #eee; border-radius: 4px; margin-top: 8px; overflow: hidden; .input-group label display: block
const PORT = process.env.PORT || 5000; app.listen(PORT, () => console.log( Server running on port $PORT )); 1. HTML ( frontend/change-password.html ) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <title>Mobcash - Change Password</title> <link rel="stylesheet" href="change-password.css"> </head> <body> <div class="container"> <div class="card"> <div class="header"> <img src="https://via.placeholder.com/50?text=M" alt="Mobcash Logo" class="logo"> <h1>Change Password</h1> <p>Secure your Mobcash account</p> </div> <form id="passwordChangeForm"> <div class="input-group"> <label>Current Password</label> <div class="password-wrapper"> <input type="password" id="currentPassword" placeholder="Enter current password" required> <span class="toggle-pw" data-target="currentPassword">👁️</span> </div> </div>
.password-wrapper input width: 100%; padding: 12px 40px 12px 15px; border: 2px solid #e0e0e0; border-radius: 12px; font-size: 1rem; transition: 0.3s; button width: 100%
body background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20px;