[wpuf-login]
<div style=”display: flex; justify-content: flex-start; margin-top: 20px;”>
<div style=”max-width: 300px; background-color: #e6f2ff; padding: 20px; border-radius: 8px;”>
<h3 style=”margin-top: 0;”>OTP Login</h3>
<label>Mobile Number</label><br>
<input type=”text” id=”phoneNumber” placeholder=”Enter mobile number” style=”width: 100%; margin-bottom: 10px;” /><br>
<div id=”recaptcha-container”></div>
<button type=”button” onclick=”sendOTP()” style=”width: 100%; margin-bottom: 15px;”>Send OTP</button>
<label>OTP</label><br>
<input type=”text” id=”otp” placeholder=”Enter OTP” style=”width: 100%; margin-bottom: 10px;” /><br>
<button type=”button” onclick=”verifyOTP()” style=”width: 100%;”>Verify OTP</button>
<div id=”otpStatus” style=”margin-top: 10px; color: #444;”></div>
</div>
</div>