<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lead Form</title>

<style>
* {
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif;
}

body {
margin: 0;
min-height: 100vh;
background: #000;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}

/* FORM CARD */
.form-box {
background: #fff;
width: 100%;
max-width: 520px;
padding: 30px;
border-radius: 12px;
box-shadow: 0 15px 35px rgba(0,0,0,0.25);
}

/* LABELS */
.form-box label {
display: block;
font-size: 14px;
font-weight: 600;
margin-bottom: 6px;
color: #333;
}

/* INPUTS */
.form-box input[type="text"],
.form-box input[type="email"] {
width: 100%;
padding: 14px 15px;
font-size: 15px;
border: 1px solid #cfcfcf;
border-radius: 6px;
outline: none;
margin-bottom: 18px;
}

.form-box input::placeholder {
color: #aaa;
}

.form-box input:focus {
border-color: #000;
}

/* BUTTON */
.form-box button {
width: 100%;
background: #ffe84f;
color: #000;
border: none;
font-size: 18px;
font-weight: 800;
padding: 18px 15px;
border-radius: 8px;
cursor: pointer;
line-height: 1.3;
}

.form-box button:hover {
background: #ffdf00;
}

/* MOBILE */
@media(max-width:480px){
.form-box {
padding: 25px 20px;
}
.form-box button {
font-size: 16px;
padding: 16px;
}
}
</style>
</head>

<body>

<div class="form-box">
<form method="post" action="https://prod.prowebventures.com/Scripts/Sendy/save_lead_aweber.php">

<label>Name</label>
<input type="text" name="name" placeholder="First Name" required>

<label>Email</label>
<input type="email" name="email" placeholder="Email" required>

<input type="hidden" name="id" value="2">

<button type="submit">
Watch Quick Demo Video with Complete Details & Grab Your Instant VIP Access!
</button>

</form>
</div>

</body>
</html>