<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>URGENT: Your Marriage Is Worth Fighting For - Don't Let It Die Tonight</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Georgia', serif;
            line-height: 1.6;
            color: #333;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        }
        
        .container {
            max-width: 800px;
            margin: 0 auto;
            background: white;
            box-shadow: 0 0 30px rgba(0,0,0,0.3);
        }
        
        .header {
            background: linear-gradient(45deg, #d32f2f, #b71c1c);
            color: white;
            text-align: center;
            padding: 30px 20px;
            position: relative;
            overflow: hidden;
        }
        
        .urgent-banner {
            background: #ff1744;
            color: white;
            text-align: center;
            padding: 15px;
            font-weight: bold;
            font-size: 18px;
            animation: pulse 2s infinite;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        
        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }
        
        .headline {
            font-size: 42px;
            font-weight: bold;
            margin-bottom: 20px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
            line-height: 1.2;
        }
        
        .subheadline {
            font-size: 22px;
            margin-bottom: 15px;
            font-style: italic;
        }
        
        .main-content {
            padding: 40px 30px;
        }
        
        .pain-point {
            background: #fff8e1;
            border-left: 5px solid #ff9800;
            padding: 25px;
            margin: 30px 0;
            font-size: 18px;
            font-style: italic;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        }
        
        .pain-point strong {
            color: #d32f2f;
            font-size: 20px;
        }
        
        .social-proof {
            background: #e8f5e8;
            border: 2px solid #4caf50;
            padding: 25px;
            margin: 30px 0;
            border-radius: 10px;
            text-align: center;
        }
        
        .testimonial {
            font-size: 18px;
            font-style: italic;
            margin-bottom: 15px;
            color: #2e7d32;
        }
        
        .cta-section {
            background: linear-gradient(45deg, #ff6b35, #f7931e);
            color: white;
            padding: 40px 30px;
            text-align: center;
            margin: 40px 0;
        }
        
        .cta-headline {
            font-size: 32px;
            margin-bottom: 20px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }
        
        .lead-form {
            background: white;
            padding: 30px;
            border-radius: 15px;
            max-width: 500px;
            margin: 30px auto;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }
        
        .form-group {
            margin-bottom: 20px;
            text-align: left;
        }
        
        .form-group label {
            display: block;
            margin-bottom: 8px;
            font-weight: bold;
            color: #333;
            font-size: 16px;
        }
        
        .form-group input, .form-group select, .form-group textarea {
            width: 100%;
            padding: 15px;
            border: 2px solid #ddd;
            border-radius: 8px;
            font-size: 16px;
            transition: border-color 0.3s;
        }
        
        .form-group input:focus, .form-group select:focus, .form-group textarea:focus {
            outline: none;
            border-color: #ff6b35;
            box-shadow: 0 0 10px rgba(255, 107, 53, 0.2);
        }
        
        .cta-button {
            background: linear-gradient(45deg, #d32f2f, #b71c1c);
            color: white;
            padding: 20px 40px;
            border: none;
            border-radius: 50px;
            font-size: 24px;
            font-weight: bold;
            cursor: pointer;
            width: 100%;
            text-transform: uppercase;
            letter-spacing: 1px;
            transition: transform 0.3s, box-shadow 0.3s;
            margin-top: 20px;
        }
        
        .cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 25px rgba(211, 47, 47, 0.4);
        }
        
        .guarantee {
            background: #f3e5f5;
            border: 2px solid #9c27b0;
            padding: 25px;
            margin: 30px 0;
            border-radius: 10px;
            text-align: center;
        }
        
        .scarcity {
            background: #ffebee;
            border: 2px solid #f44336;
            padding: 20px;
            margin: 20px 0;
            border-radius: 8px;
            text-align: center;
            font-weight: bold;
            color: #c62828;
        }
        
        .benefit-list {
            background: #f8f9fa;
            padding: 30px;
            margin: 30px 0;
            border-radius: 10px;
        }
        
        .benefit-list h3 {
            color: #d32f2f;
            margin-bottom: 20px;
            font-size: 24px;
        }
        
        .benefit-list ul {
            list-style: none;
            padding: 0;
        }
        
        .benefit-list li {
            padding: 12px 0;
            border-bottom: 1px solid #e0e0e0;
            font-size: 18px;
            position: relative;
            padding-left: 30px;
        }
        
        .benefit-list li:before {
            content: "✓";
            color: #4caf50;
            font-weight: bold;
            font-size: 20px;
            position: absolute;
            left: 0;
        }
        
        .contact-info {
            background: #263238;
            color: white;
            padding: 30px;
            text-align: center;
        }
        
        .phone-number {
            font-size: 28px;
            font-weight: bold;
            color: #ff6b35;
            margin: 15px 0;
            display: block;
            text-decoration: none;
        }
        
        .phone-number:hover {
            color: #ff8a50;
        }
        
        .footer-text {
            font-size: 14px;
            color: #90a4ae;
            margin-top: 20px;
        }
        
        @media (max-width: 768px) {
            .headline {
                font-size: 28px;
            }
            
            .subheadline {
                font-size: 18px;
            }
            
            .main-content {
                padding: 20px 15px;
            }
            
            .cta-section {
                padding: 30px 15px;
            }
            
            .cta-headline {
                font-size: 24px;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <!-- Urgent Banner -->
        <div class="urgent-banner">
            ⚠️ EMERGENCY MARRIAGE INTERVENTION - LIMITED SPOTS AVAILABLE ⚠️
        </div>
        
        <!-- Header -->
        <div class="header">
            <h1 class="headline">STOP! Before You Say "It's Over"</h1>
            <p class="subheadline">Your Marriage CAN Be Saved... Even If You Think There's No Hope Left</p>
        </div>
        
        <!-- Main Content -->
        <div class="main-content">
            <div class="pain-point">
                <strong>"We've tried everything... nothing works."</strong><br>
                You're lying in bed next to a stranger. The person you once couldn't wait to come home to now feels like a roommate you barely tolerate. Every conversation turns into an argument. Every silence feels like rejection. You're wondering if this pain will ever end...
            </div>
            
            <p style="font-size: 20px; text-align: center; margin: 30px 0; font-weight: bold; color: #d32f2f;">
                What if I told you that in the next 3 hours, you could see a glimpse of the marriage you always dreamed of?
            </p>
            
            <div class="social-proof">
                <div class="testimonial">
                    "We were 48 hours away from filing for divorce. Luis saved our marriage in one session. We've been happily married for 3 years since then."
                </div>
                <strong>- Sarah & Mike, Irvine</strong>
            </div>
            
            <h2 style="color: #d32f2f; font-size: 28px; margin: 40px 0 20px 0; text-align: center;">
                You're NOT Broken. Your Marriage Isn't Dead. But Time IS Running Out.
            </h2>
            
            <p style="font-size: 18px; margin-bottom: 20px;">
                Every day you wait, the invisible walls between you get thicker. Every night you go to bed angry, the resentment grows deeper. Every morning you wake up feeling hopeless, you're one step closer to giving up forever.
            </p>
            
            <div class="pain-point">
                <strong>The Truth No One Tells You:</strong><br>
                Traditional marriage counseling fails 65% of the time because 1-hour sessions barely scratch the surface. That's why Luis developed the "3-Hour Marriage Reset" - a intensive session that gets to the ROOT of your problems, not just the symptoms.
            </div>
            
            <div class="benefit-list">
                <h3>In Your 3-Hour Emergency Session, You'll Discover:</h3>
                <ul>
                    <li>The ONE hidden pattern destroying your marriage (it's not what you think)</li>
                    <li>Why your partner "shuts down" - and the 3 words that will open them up again</li>
                    <li>The "Love Cup" method that makes your spouse crave your attention</li>
                    <li>How to stop the same fights from recycling over and over</li>
                    <li>The proper way to apologize that actually rebuilds trust</li>
                    <li>Communication scripts that turn arguments into intimate conversations</li>
                    <li>The secret to making your partner feel truly heard and understood</li>
                </ul>
            </div>
            
            <div class="scarcity">
                ⏰ WARNING: Luis Only Takes 3 New Emergency Cases Per Week ⏰<br>
                (And the waiting list is growing...)
            </div>
        </div>
        
        <!-- CTA Section -->
        <div class="cta-section">
            <h2 class="cta-headline">Get Your Marriage Back in the Next 72 Hours</h2>
            <p style="font-size: 20px; margin-bottom: 20px;">
                Don't let another day pass living like strangers. Your children deserve to see what real love looks like. YOU deserve to feel cherished again.
            </p>
            
            <div class="lead-form">
                <h3 style="color: #333; margin-bottom: 20px; font-size: 24px;">
                    Get Your FREE "Marriage Crisis Assessment" Now
                </h3>
                <p style="color: #666; margin-bottom: 25px; font-size: 16px;">
                    Fill out this form and Luis will personally call you within 24 hours to discuss your situation and determine if you're a good fit for the 3-Hour Marriage Reset.
                </p>
                
                <form id="leadForm">
                    <div class="form-group">
                        <label for="firstName">First Name *</label>
                        <input type="text" id="firstName" name="firstName" required>
                    </div>
                    
                    <div class="form-group">
                        <label for="lastName">Last Name *</label>
                        <input type="text" id="lastName" name="lastName" required>
                    </div>
                    
                    <div class="form-group">
                        <label for="phone">Phone Number *</label>
                        <input type="tel" id="phone" name="phone" required>
                    </div>
                    
                    <div class="form-group">
                        <label for="email">Email Address *</label>
                        <input type="email" id="email" name="email" required>
                    </div>
                    
                    <div class="form-group">
                        <label for="marriageLength">How long have you been married?</label>
                        <select id="marriageLength" name="marriageLength">
                            <option value="">Select...</option>
                            <option value="less-than-1">Less than 1 year</option>
                            <option value="1-5">1-5 years</option>
                            <option value="6-10">6-10 years</option>
                            <option value="11-20">11-20 years</option>
                            <option value="20-plus">20+ years</option>
                        </select>
                    </div>
                    
                    <div class="form-group">
                        <label for="mainIssue">What's the biggest issue in your marriage right now?</label>
                        <textarea id="mainIssue" name="mainIssue" rows="4" placeholder="Communication problems, infidelity, feeling disconnected, constant arguing, etc."></textarea>
                    </div>
                    
                    <div class="form-group">
                        <label for="urgency">How urgent is your situation?</label>
                        <select id="urgency" name="urgency">
                            <option value="">Select...</option>
                            <option value="immediate">Immediate - considering separation/divorce</option>
                            <option value="very-urgent">Very urgent - major crisis</option>
                            <option value="urgent">Urgent - serious problems</option>
                            <option value="moderate">Moderate - want to improve</option>
                        </select>
                    </div>
                    
                    <button type="submit" class="cta-button">
                        Get My FREE Assessment Now
                    </button>
                </form>
            </div>
        </div>
        
        <div class="main-content">
            <div class="guarantee">
                <h3 style="color: #9c27b0; margin-bottom: 15px;">100% Satisfaction Guarantee</h3>
                <p style="font-size: 18px;">
                    If you don't see a clear path forward for your marriage within the first 3-hour session, you pay nothing. That's how confident Luis is in his ability to help you.
                </p>
            </div>
            
            <div style="text-align: center; margin: 40px 0;">
                <h2 style="color: #d32f2f; margin-bottom: 20px;">Your Marriage Matters. Your Family Matters. YOU Matter.</h2>
                <p style="font-size: 20px; font-style: italic; color: #666;">
                    Don't let pride or fear rob you of the love you deserve. Take action now.
                </p>
            </div>
            
            <div style="background: #ffebee; padding: 25px; border-radius: 10px; text-align: center; margin: 30px 0;">
                <p style="font-size: 18px; color: #d32f2f; font-weight: bold;">
                    "The pain of staying the same must be greater than the pain of change."<br>
                    - Your marriage can be saved, but only if you act now.
                </p>
            </div>
        </div>
        
        <!-- Contact Info -->
        <div class="contact-info">
            <h3 style="margin-bottom: 20px; font-size: 24px;">Ready to Save Your Marriage?</h3>
            <p style="font-size: 18px; margin-bottom: 10px;">Call or Text Luis Directly:</p>
            <a href="tel:949-431-9488" class="phone-number">949-431-9488</a>
            <p style="font-size: 16px; margin-top: 20px;">
                <strong>Serving Orange County</strong><br>
                15+ Years Experience • Thousands of Marriages Saved
            </p>
            <div class="footer-text">
                <p>Luis responds to all calls and texts personally. Your information is kept completely confidential.</p>
            </div>
        </div>
    </div>
    
    <script>
        document.getElementById('leadForm').addEventListener('submit', function(e) {
            e.preventDefault();
            
            // Get form data
            const formData = new FormData(this);
            const data = Object.fromEntries(formData);
            
            // Here you would typically send the data to your backend
            // For now, we'll just show a success message
            alert('Thank you! Luis will call you within 24 hours to discuss your situation.');
            
            // Optional: You could also redirect to a thank you page
            // window.location.href = '/thank-you.html';
        });
        
        // Add some interactive elements
        document.addEventListener('DOMContentLoaded', function() {
            // Smooth scrolling for internal links
            const links = document.querySelectorAll('a[href^="#"]');
            links.forEach(link => {
                link.addEventListener('click', function(e) {
                    e.preventDefault();
                    const target = document.querySelector(this.getAttribute('href'));
                    if (target) {
                        target.scrollIntoView({ behavior: 'smooth' });
                    }
                });
            });
        });
    </script>
</body>
</html>