MatchLust \u2013 Ignite Your Passion<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Poppins', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n\n :root {\n --primary-purple: #8A2BE2;\n --primary-pink: #FF69B4;\n --primary-turquoise: #40E0D0;\n --gradient: linear-gradient(135deg, var(--primary-purple), var(--primary-pink));\n --secondary-gradient: linear-gradient(135deg, #FF416C, #FF4B2B);\n --text-dark: #333333;\n --box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n }\n\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap');\n\n \/* Reset WordPress container constraints *\/\n html, body {\n overflow-x: hidden;\n width: 100%;\n margin: 0;\n padding: 0;\n }\n \n body {\n background-color: #ffffff;\n color: var(--text-dark);\n line-height: 1.6;\n position: relative;\n }\n\n \/* Break out of WordPress containers *\/\n .matchlust-landing {\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n padding: 0;\n overflow-x: hidden;\n }\n\n .container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 1.5rem;\n position: relative;\n }\n\n \/* FullWidth sections *\/\n section {\n width: 100%;\n max-width: 100%;\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n position: relative;\n }\n\n .hero {\n min-height: 90vh;\n width: 100vw;\n display: flex;\n align-items: center;\n justify-content: center;\n background: url('https:\/\/matchlust.com\/wp-content\/uploads\/2025\/04\/Flux_Dev_Neon_Urban_RendezvousCraft_an_urban_rooftop_scene_at__1.jpg') center\/cover;\n position: relative;\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(138, 43, 226, 0.6));\n z-index: 1;\n }\n\n .hero-content {\n text-align: center;\n color: white;\n position: relative;\n z-index: 2;\n padding: 2rem;\n max-width: 90%;\n width: 100%;\n animation: pulsate 1.5s ease-out infinite alternate;\n }\n\n @keyframes pulsate {\n from { transform: scale(0.98); }\n to { transform: scale(1); }\n }\n\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-15px); }\n 100% { transform: translateY(0px); }\n }\n\n .hero h1 {\n font-size: 3.5rem;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, var(--primary-turquoise), var(--primary-pink));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-weight: 700;\n letter-spacing: -1px;\n line-height: 1.1;\n text-shadow: 0 0 20px rgba(255,105,180,0.3);\n animation: float 6s ease-in-out infinite;\n }\n\n .hero h2 {\n font-size: 2rem;\n margin-bottom: 1.5rem;\n font-weight: 400;\n color: rgba(255,255,255,0.95);\n }\n\n .hero p {\n font-size: 1.3rem;\n margin-bottom: 2rem;\n color: rgba(255,255,255,0.9);\n font-weight: 300;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .cta-buttons {\n display: flex;\n justify-content: center;\n gap: 1.2rem;\n flex-wrap: wrap;\n }\n\n .cta-button {\n background: var(--gradient);\n color: white;\n padding: 1rem 2.5rem;\n border: none;\n border-radius: 50px;\n font-size: 1.2rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n text-decoration: none;\n display: inline-block;\n box-shadow: 0 10px 20px rgba(138, 43, 226, 0.3);\n position: relative;\n z-index: 1;\n overflow: hidden;\n }\n\n .cta-button:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 0;\n height: 100%;\n background: var(--secondary-gradient);\n transition: width 0.5s ease;\n z-index: -1;\n border-radius: 50px;\n }\n\n .cta-button:hover:before {\n width: 100%;\n }\n\n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 25px rgba(138, 43, 226, 0.45);\n }\n\n .alt-button {\n background: transparent;\n color: white;\n border: 2px solid var(--primary-pink);\n box-shadow: none;\n }\n\n .alt-button:hover {\n background: rgba(255, 105, 180, 0.2);\n box-shadow: 0 10px 20px rgba(255, 105, 180, 0.25);\n border-color: transparent;\n }\n\n .stats-section {\n padding: 4rem 0;\n background-color: #ffffff;\n color: var(--text-dark);\n }\n\n .stats-container {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 1.5rem;\n }\n\n .stat-item {\n flex: 1;\n min-width: 250px;\n text-align: center;\n padding: 2rem 1rem;\n border-radius: 15px;\n background: white;\n box-shadow: var(--box-shadow);\n transition: transform 0.3s ease;\n }\n\n .stat-item:hover {\n transform: translateY(-10px);\n }\n\n .stat-number {\n font-size: 3rem;\n font-weight: 700;\n margin-bottom: 0.5rem;\n background: var(--gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .stat-label {\n font-size: 1.1rem;\n font-weight: 300;\n }\n\n .features {\n padding: 5rem 0;\n background: #ffffff;\n }\n\n .section-title {\n text-align: center;\n font-size: 2.8rem;\n margin-bottom: 3rem;\n color: var(--text-dark);\n font-weight: 700;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n display: block;\n width: 80px;\n height: 4px;\n background: var(--gradient);\n margin: 1rem auto;\n border-radius: 10px;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .feature-card {\n background: white;\n padding: 2.5rem 1.5rem;\n border-radius: 20px;\n text-align: center;\n box-shadow: var(--box-shadow);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n z-index: 1;\n }\n\n .feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 0;\n background: var(--gradient);\n opacity: 0.1;\n transition: height 0.6s ease;\n z-index: -1;\n }\n\n .feature-card:hover {\n transform: translateY(-15px);\n }\n\n .feature-card:hover::before {\n height: 100%;\n }\n\n .feature-icon {\n font-size: 3.5rem;\n margin-bottom: 1.5rem;\n color: var(--primary-purple);\n background: linear-gradient(135deg, var(--primary-purple), var(--primary-pink));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .feature-card h3 {\n color: var(--primary-purple);\n margin-bottom: 1rem;\n font-size: 1.6rem;\n font-weight: 600;\n }\n\n .feature-card p {\n font-size: 1rem;\n color: #555;\n line-height: 1.7;\n }\n\n .testimonials {\n padding: 5rem 0;\n background: url('https:\/\/images.unsplash.com\/photo-1529333166437-7750a6dd5a70?auto=format&fit=crop&w=1920&q=80') center\/cover;\n position: relative;\n }\n\n .testimonials::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n }\n\n .testimonials .container {\n position: relative;\n z-index: 2;\n }\n\n .testimonials .section-title {\n color: white;\n }\n\n .testimonial-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n }\n\n .testimonial-card {\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n padding: 2rem;\n border-radius: 15px;\n position: relative;\n transition: all 0.3s ease;\n }\n\n .testimonial-card:hover {\n transform: scale(1.03);\n background: rgba(255, 255, 255, 0.15);\n }\n\n .quote-icon {\n font-size: 1.8rem;\n color: var(--primary-pink);\n position: absolute;\n top: 1.5rem;\n left: 1.5rem;\n opacity: 0.5;\n }\n\n .testimonial-text {\n font-size: 1rem;\n color: rgba(255, 255, 255, 0.9);\n margin-bottom: 1.5rem;\n line-height: 1.8;\n font-style: italic;\n }\n\n .testimonial-author {\n display: flex;\n align-items: center;\n }\n\n .author-img {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n object-fit: cover;\n margin-right: 1rem;\n border: 2px solid var(--primary-pink);\n }\n\n .author-info h4 {\n color: white;\n font-size: 1.1rem;\n margin-bottom: 0.3rem;\n }\n\n .author-info p {\n color: rgba(255, 255, 255, 0.7);\n font-size: 0.9rem;\n }\n\n .how-it-works {\n padding: 5rem 0;\n background: #ffffff;\n }\n\n .steps-container {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 3rem;\n margin-top: 3rem;\n position: relative;\n }\n\n .steps-container::before {\n content: '';\n position: absolute;\n top: 60px;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--gradient);\n z-index: 0;\n max-width: 80%;\n margin: 0 auto;\n }\n\n .step {\n flex: 1;\n min-width: 220px;\n max-width: 280px;\n text-align: center;\n z-index: 1;\n transition: all 0.3s ease;\n }\n\n .step:hover {\n transform: translateY(-10px);\n }\n\n .step-number {\n width: 100px;\n height: 100px;\n border-radius: 50%;\n background: var(--gradient);\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 auto 2rem;\n font-size: 2.5rem;\n font-weight: 700;\n color: white;\n box-shadow: 0 10px 20px rgba(138, 43, 226, 0.3);\n }\n\n .step h3 {\n font-size: 1.6rem;\n margin-bottom: 1rem;\n color: var(--text-dark);\n }\n\n .step p {\n font-size: 1rem;\n color: #555;\n }\n\n .final-cta {\n padding: 5rem 0;\n background: #ffffff;\n text-align: center;\n }\n\n .final-cta h2 {\n font-size: 3rem;\n margin-bottom: 1.5rem;\n color: var(--text-dark);\n }\n\n .final-cta p {\n font-size: 1.2rem;\n max-width: 800px;\n margin: 0 auto 2.5rem;\n color: #555;\n }\n\n .pulse {\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n\n .floating-hearts {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n overflow: hidden;\n pointer-events: none;\n z-index: 1;\n }\n\n .heart {\n position: absolute;\n width: 30px;\n height: 30px;\n background: url(\"data:image\/svg+xml;charset=utf8,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FF69B4' d='M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z'%3E%3C\/path%3E%3C\/svg%3E\") no-repeat center\/contain;\n opacity: 0.5;\n animation: floating-heart 15s linear infinite;\n }\n\n @keyframes floating-heart {\n 0% {\n transform: translateY(0) rotate(0deg);\n opacity: 0;\n }\n 10% {\n opacity: 0.5;\n }\n 90% {\n opacity: 0.5;\n }\n 100% {\n transform: translateY(-1000px) rotate(720deg);\n opacity: 0;\n }\n }\n\n \/* Mobile Optimizations *\/\n @media (min-width: 768px) {\n .hero h1 {\n font-size: 5rem;\n }\n \n .hero h2 {\n font-size: 2.5rem;\n }\n \n .hero p {\n font-size: 1.6rem;\n }\n \n .cta-button {\n padding: 1.2rem 3rem;\n font-size: 1.3rem;\n }\n }\n\n @media (max-width: 992px) {\n .container {\n padding: 0 1rem;\n }\n \n .section-title {\n font-size: 2.3rem;\n }\n \n .stats-container, .testimonial-grid {\n gap: 1.2rem;\n }\n \n .steps-container::before {\n display: none;\n }\n \n .final-cta h2 {\n font-size: 2.5rem;\n }\n }\n\n @media (max-width: 768px) {\n .container {\n padding: 0 1rem;\n }\n \n .hero {\n min-height: 90vh;\n }\n \n .hero-content {\n padding: 1.5rem;\n }\n \n .hero h1 {\n font-size: 2.8rem;\n margin-bottom: 0.7rem;\n }\n \n .hero h2 {\n font-size: 1.8rem;\n margin-bottom: 1.2rem;\n }\n\n .hero p {\n font-size: 1.1rem;\n margin-bottom: 1.5rem;\n }\n \n .cta-buttons {\n gap: 1rem;\n }\n \n .cta-button {\n padding: 0.9rem 2rem;\n font-size: 1.1rem;\n width: 100%;\n max-width: 100%;\n }\n \n .stats-container {\n flex-direction: column;\n align-items: center;\n gap: 1rem;\n }\n \n .stat-item {\n width: 100%;\n max-width: 100%;\n padding: 1.5rem 1rem;\n }\n \n .stat-number {\n font-size: 2.5rem;\n }\n \n .feature-card {\n padding: 2rem 1rem;\n }\n \n .feature-icon {\n font-size: 3rem;\n }\n \n .feature-card h3 {\n font-size: 1.4rem;\n }\n \n .step {\n max-width: 100%;\n min-width: 100%;\n }\n \n .step-number {\n width: 80px;\n height: 80px;\n font-size: 2rem;\n margin-bottom: 1.5rem;\n }\n \n .step h3 {\n font-size: 1.4rem;\n }\n \n .final-cta {\n padding: 3rem 0;\n }\n \n .final-cta h2 {\n font-size: 2rem;\n }\n \n .final-cta p {\n font-size: 1rem;\n }\n }\n\n @media (max-width: 480px) {\n .hero h1 {\n font-size: 2.2rem;\n }\n \n .hero h2 {\n font-size: 1.5rem;\n }\n\n .hero p {\n font-size: 1rem;\n }\n \n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .testimonial-grid {\n grid-template-columns: 1fr;\n }\n \n .section-title {\n font-size: 2rem;\n }\n \n .cta-buttons {\n flex-direction: column;\n width: 100%;\n }\n \n .cta-button {\n width: 100%;\n margin-bottom: 0.8rem;\n }\n }\n\n \/* Add the new sections before the testimonials section *\/\n .how-it-works {\n padding: 5rem 0;\n background: #ffffff;\n }\n\n .steps-container {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 3rem;\n margin-top: 3rem;\n position: relative;\n }\n\n .steps-container::before {\n content: '';\n position: absolute;\n top: 60px;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--gradient);\n z-index: 0;\n max-width: 80%;\n margin: 0 auto;\n }\n\n .step {\n flex: 1;\n min-width: 220px;\n max-width: 280px;\n text-align: center;\n z-index: 1;\n transition: all 0.3s ease;\n }\n\n .step:hover {\n transform: translateY(-10px);\n }\n\n .step-number {\n width: 100px;\n height: 100px;\n border-radius: 50%;\n background: var(--gradient);\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 auto 2rem;\n font-size: 2.5rem;\n font-weight: 700;\n color: white;\n box-shadow: 0 10px 20px rgba(138, 43, 226, 0.3);\n }\n\n .step h3 {\n font-size: 1.6rem;\n margin-bottom: 1rem;\n color: var(--text-dark);\n }\n\n .step p {\n font-size: 1rem;\n color: #555;\n }\n\n .final-cta {\n padding: 5rem 0;\n background: #ffffff;\n text-align: center;\n }\n\n .final-cta h2 {\n font-size: 3rem;\n margin-bottom: 1.5rem;\n color: var(--text-dark);\n }\n\n .final-cta p {\n font-size: 1.2rem;\n max-width: 800px;\n margin: 0 auto 2.5rem;\n color: #555;\n }\n\n .pulse {\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n\n .floating-hearts {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n overflow: hidden;\n pointer-events: none;\n z-index: 1;\n }\n\n .heart {\n position: absolute;\n width: 30px;\n height: 30px;\n background: url(\"data:image\/svg+xml;charset=utf8,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FF69B4' d='M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z'%3E%3C\/path%3E%3C\/svg%3E\") no-repeat center\/contain;\n opacity: 0.5;\n animation: floating-heart 15s linear infinite;\n }\n\n @keyframes floating-heart {\n 0% {\n transform: translateY(0) rotate(0deg);\n opacity: 0;\n }\n 10% {\n opacity: 0.5;\n }\n 90% {\n opacity: 0.5;\n }\n 100% {\n transform: translateY(-1000px) rotate(720deg);\n opacity: 0;\n }\n }\n\n \/* Add the contact ads section styles *\/\n .contact-ads {\n padding: 7rem 0;\n position: relative;\n background: url('https:\/\/matchlust.com\/wp-content\/uploads\/2025\/04\/Flux_Dev_A_lavish_goldenlit_mansion_party_unfolds_beside_a_tra_3.jpg') center\/cover fixed;\n color: white;\n }\n\n .contact-ads::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.6);\n z-index: 1;\n }\n\n .contact-ads .container {\n position: relative;\n z-index: 2;\n }\n\n .contact-ads .section-title {\n color: white;\n }\n\n .ads-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .ad-card {\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n border-radius: 15px;\n padding: 2rem;\n transition: all 0.3s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .ad-card:hover {\n transform: translateY(-10px);\n background: rgba(255, 255, 255, 0.2);\n border-color: var(--primary-pink);\n }\n\n .ad-card h3 {\n color: white;\n font-size: 1.6rem;\n margin-bottom: 1rem;\n }\n\n .ad-card p {\n color: rgba(255, 255, 255, 0.9);\n margin-bottom: 1.5rem;\n }\n\n .ad-card .cta-button {\n width: 100%;\n }\n\n \/* Events section styles *\/\n .events {\n padding: 7rem 0;\n background: white;\n }\n\n .event-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 3rem;\n }\n\n .event-card {\n background: white;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: var(--box-shadow);\n transition: transform 0.3s ease;\n }\n\n .event-card:hover {\n transform: translateY(-15px);\n }\n\n .event-image {\n height: 200px;\n overflow: hidden;\n }\n\n .event-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n\n .event-card:hover .event-image img {\n transform: scale(1.1);\n }\n\n .event-details {\n padding: 2rem;\n }\n\n .event-date {\n display: inline-block;\n background: var(--gradient);\n color: white;\n padding: 0.5rem 1rem;\n border-radius: 50px;\n margin-bottom: 1rem;\n font-weight: 500;\n }\n\n .event-card h3 {\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-dark);\n }\n\n .event-card p {\n color: #555;\n margin-bottom: 1.5rem;\n }\n\n .event-footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-top: 1px solid #eee;\n padding-top: 1rem;\n }\n\n .event-location {\n display: flex;\n align-items: center;\n color: #555;\n }\n\n .event-location i {\n margin-right: 0.5rem;\n color: var(--primary-purple);\n }\n\n .event-attendees {\n display: flex;\n align-items: center;\n }\n\n .event-attendees i {\n margin-right: 0.5rem;\n color: var(--primary-pink);\n }\n\n \/* Responsive adjustments for new sections *\/\n @media (max-width: 768px) {\n .contact-ads {\n padding: 5rem 0;\n }\n \n .events {\n padding: 5rem 0;\n }\n \n .ad-card, .event-card {\n width: 100%;\n max-width: 100%;\n }\n }\n\n \/* Make all sections full width *\/\n section {\n width: 100%;\n max-width: 100%;\n margin: 0;\n box-sizing: border-box;\n }\n\n \/* In WordPress context, allow content to expand *\/\n .wp-site-blocks, \n .entry-content,\n .wp-block-post-content {\n width: 100% !important;\n max-width: 100% !important;\n padding: 0 !important;\n margin: 0 !important;\n }\n\n \/* Make sections responsive to BuddyBoss layout *\/\n .contact-ads, .events, .features, .how-it-works, .testimonials, .final-cta {\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n }\n\n \/* Add more specific WordPress integration styles *\/\n .bb-grid, .bb-grid-cell, .bp-wrap, .container {\n width: 100% !important;\n max-width: 100% !important;\n }\n\n \/* Fix grid layouts for WordPress integration *\/\n .features-grid, .testimonial-grid, .event-container, .ads-container {\n width: 100%;\n max-width: 100%;\n }\n\n \/* Adjust responsiveness for WordPress layout *\/\n @media (max-width: 768px) {\n .contact-ads {\n padding: 5rem 0;\n }\n \n .events {\n padding: 5rem 0;\n }\n \n .ad-card, .event-card {\n width: 100%;\n max-width: 100%;\n }\n }\n\n \/* WordPress integration overrides *\/\n @media (max-width: 1200px) {\n .container {\n max-width: 100%;\n width: 100%;\n }\n }\n\n \/* Fix for WordPress themes *\/\n .entry-content .matchlust-landing,\n .wp-block-post-content .matchlust-landing,\n .bp-wrap .matchlust-landing,\n .bb-grid .matchlust-landing {\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n padding: 0 !important;\n }\n\n \/* Additional fix for nested containers *\/\n .matchlust-landing * {\n box-sizing: border-box;\n }\n\n .matchlust-landing section {\n width: 100%;\n max-width: 100%;\n }\n\n \/* Ensure sections break out of containers when needed *\/\n .hero, .contact-ads, .testimonials {\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"matchlust-landing\">\n <section class=\"hero\">\n <div class=\"floating-hearts\"><\/div>\n <div class=\"hero-content\">\n <h1>Ignite Your Desires<\/h1>\n <h2>Where Passion Meets Connection<\/h2>\n <p>Experience the thrill of matching with someone who shares your deepest desires. From steamy encounters to meaningful relationships, MatchLust has what you\u2019re craving.<\/p>\n <div class=\"cta-buttons\">\n <a href=\"\/de\/register\/\" class=\"cta-button pulse\">Start Now <i class=\"fas fa-fire\"><\/i><\/a>\n <a href=\"\/wp-login.php\" class=\"cta-button alt-button\">Already Hot? Sign In<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"contact-ads\" id=\"contact-ads\">\n <div class=\"container\">\n <h2 class=\"section-title\">Exclusive Contact Advertisements<\/h2>\n <p class=\"section-description\" style=\"text-align: center; color: white; max-width: 800px; margin: 0 auto 2rem; font-size: 1.2rem;\">\n Find exactly what you\u2019re looking for with our premium contact ads. Connect with verified members who share your specific desires.\n <\/p>\n <div class=\"ads-container\">\n <div class=\"ad-card\">\n <h3>VIP Encounters<\/h3>\n <p>Connect with our most exclusive members for unforgettable experiences. These verified high-status individuals are seeking discrete, passionate connections.<\/p>\n <a href=\"\/wp-login.php\" class=\"cta-button\">Browse VIP Ads<\/a>\n <\/div>\n <div class=\"ad-card\">\n <h3>Casual Connections<\/h3>\n <p>Looking for something with no strings attached? Our casual connections section features members seeking short-term fun and excitement.<\/p>\n <a href=\"\/wp-login.php\" class=\"cta-button\">Explore Casual Ads<\/a>\n <\/div>\n <div class=\"ad-card\">\n <h3>Special Interests<\/h3>\n <p>Discover members who share your unique desires and fantasies. Our specialized ads help you find exactly what you\u2019re craving, no matter how specific.<\/p>\n <a href=\"\/wp-login.php\" class=\"cta-button\">Find Your Match<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"events\" id=\"events\">\n <div class=\"container\">\n <h2 class=\"section-title\">World-Renowned Exclusive Events<\/h2>\n <p class=\"section-description\" style=\"text-align: center; max-width: 800px; margin: 0 auto 2rem; font-size: 1.2rem; color: #555;\">\n Join our globally recognized gatherings where like-minded individuals connect in luxurious settings. From intimate soir\u00e9es to lavish mansion parties, our events are the ultimate way to meet your matches in person.\n <\/p>\n <div class=\"event-container\">\n <a href=\"\/wp-login.php\" style=\"text-decoration: none; color: inherit; display: block;\">\n <div class=\"event-card\">\n <div class=\"event-image\">\n <img decoding=\"async\" src=\"https:\/\/matchlust.com\/wp-content\/uploads\/2025\/04\/Flux_Dev_A_lavish_goldenlit_mansion_party_unfolds_beside_a_tra_3.jpg\" alt=\"Luxury Mansion Gala\">\n <\/div>\n <div class=\"event-details\">\n <span class=\"event-date\">June 15-18, 2025<\/span>\n <h3>Midsummer Night\u2019s Dream<\/h3>\n <p>Our signature summer event hosted in a private mansion with pools, gardens, and luxury accommodations for three nights of unforgettable connections.<\/p>\n <div class=\"event-footer\">\n <div class=\"event-location\">\n <i class=\"fas fa-map-marker-alt\"><\/i> Miami, FL\n <\/div>\n <div class=\"event-attendees\">\n <i class=\"fas fa-user-friends\"><\/i> 250+ Attendees\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"\/wp-login.php\" style=\"text-decoration: none; color: inherit; display: block;\">\n <div class=\"event-card\">\n <div class=\"event-image\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1574391884720-bbc3740c59d1?auto=format&fit=crop&w=1920&q=80\" alt=\"Yacht Party\">\n <\/div>\n <div class=\"event-details\">\n <span class=\"event-date\">August 10-13, 2025<\/span>\n <h3>Mediterranean Cruise<\/h3>\n <p>Set sail on our exclusive yacht for an intimate journey along the Mediterranean coast with daily stops at private beaches and secluded coves.<\/p>\n <div class=\"event-footer\">\n <div class=\"event-location\">\n <i class=\"fas fa-map-marker-alt\"><\/i> Barcelona, Spain\n <\/div>\n <div class=\"event-attendees\">\n <i class=\"fas fa-user-friends\"><\/i> 120+ Attendees\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"\/wp-login.php\" style=\"text-decoration: none; color: inherit; display: block;\">\n <div class=\"event-card\">\n <div class=\"event-image\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519671482749-fd09be7ccebf?auto=format&fit=crop&w=1920&q=80\" alt=\"Winter Wonderland\">\n <\/div>\n <div class=\"event-details\">\n <span class=\"event-date\">December 28-Jan 2, 2026<\/span>\n <h3>New Year\u2019s Extravaganza<\/h3>\n <p>Ring in the new year with our most extravagant event featuring a black-tie gala, private chalets, and a week of winter adventures in the mountains.<\/p>\n <div class=\"event-footer\">\n <div class=\"event-location\">\n <i class=\"fas fa-map-marker-alt\"><\/i> Aspen, CO\n <\/div>\n <div class=\"event-attendees\">\n <i class=\"fas fa-user-friends\"><\/i> 300+ Attendees\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"features\" id=\"features\">\n <div class=\"container\">\n <h2 class=\"section-title\">Why MatchLust Heats Things Up<\/h2>\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-icon\"><i class=\"fas fa-heart\"><\/i><\/div>\n <h3>Desire Matching<\/h3>\n <p>Our advanced algorithm connects you with partners who share your specific desires, kinks, and fantasies for maximum compatibility.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n <h3>Discreet & Secure<\/h3>\n <p>Your secret desires stay secret. All profiles are verified and your private data remains protected with military-grade encryption.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\"><i class=\"fas fa-star\"><\/i><\/div>\n <h3>Passionate Stories<\/h3>\n <p>From hot hookups to burning romances, thousands of users have found their perfect physical and emotional matches.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\"><i class=\"fas fa-video\"><\/i><\/div>\n <h3>Private Video Chat<\/h3>\n <p>Build chemistry with potential matches through secure, private video calls before taking things to the next level.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\"><i class=\"fas fa-globe\"><\/i><\/div>\n <h3>Global Fantasies<\/h3>\n <p>Connect with passionate singles from around the world and explore different cultures of desire and romance.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\"><i class=\"fas fa-gem\"><\/i><\/div>\n <h3>Premium Experiences<\/h3>\n <p>Upgrade for exclusive features like seen status, advanced filters, and priority matching with the hottest profiles.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"how-it-works\" id=\"how\">\n <div class=\"container\">\n <h2 class=\"section-title\">How to Ignite Your Matches<\/h2>\n <div class=\"steps-container\">\n <div class=\"step\">\n <div class=\"step-number\">1<\/div>\n <h3>Create Your Profile<\/h3>\n <p>Showcase your best assets and specify what turns you on to attract compatible matches.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-number\">2<\/div>\n <h3>Discover Matches<\/h3>\n <p>Browse profiles of singles who match your desires and preferences.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-number\">3<\/div>\n <h3>Spark Conversations<\/h3>\n <p>Send flirty messages and build chemistry through our private chat system.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-number\">4<\/div>\n <h3>Feel the Heat<\/h3>\n <p>Take your connection to the next level \u2013 online or in person.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"testimonials\" id=\"testimonials\">\n <div class=\"container\">\n <h2 class=\"section-title\">Hot Connections<\/h2>\n <div class=\"testimonial-grid\">\n <div class=\"testimonial-card\">\n <div class=\"quote-icon\"><i class=\"fas fa-quote-left\"><\/i><\/div>\n <p class=\"testimonial-text\">\u201cMatchLust is addictive! I was looking for someone who shared my specific desires, and within a week I found three amazing matches. The chemistry was instant and intense!\u201d<\/p>\n <div class=\"testimonial-author\">\n <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/32.jpg\" alt=\"Jessica\" class=\"author-img\">\n <div class=\"author-info\">\n <h4>Jessica, 28<\/h4>\n <p>Found her perfect match<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial-card\">\n <div class=\"quote-icon\"><i class=\"fas fa-quote-left\"><\/i><\/div>\n <p class=\"testimonial-text\">\u201cI was skeptical at first, but MatchLust delivered beyond my wildest dreams. The private chat feature let us explore our fantasies before meeting, which made our first date explosive.\u201d<\/p>\n <div class=\"testimonial-author\">\n <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/45.jpg\" alt=\"David\" class=\"author-img\">\n <div class=\"author-info\">\n <h4>David, 34<\/h4>\n <p>Multiple exciting matches<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial-card\">\n <div class=\"quote-icon\"><i class=\"fas fa-quote-left\"><\/i><\/div>\n <p class=\"testimonial-text\">\u201cAs a busy professional, I never had time for dating. MatchLust made it easy to connect with like-minded singles who wanted the same things. No awkward conversations about what we\u2019re looking for!\u201d<\/p>\n <div class=\"testimonial-author\">\n <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/68.jpg\" alt=\"Michelle\" class=\"author-img\">\n <div class=\"author-info\">\n <h4>Michelle, 31<\/h4>\n <p>Found steamy connections<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"final-cta\">\n <div class=\"container\">\n <h2>Ready to Satisfy Your Desires?<\/h2>\n <p>Join MatchLust today and discover singles who crave the same experiences you do. Whether it\u2019s passion for a night or lust that lasts a lifetime, your perfect match is waiting.<\/p>\n <div class=\"cta-buttons\">\n <a href=\"\/de\/register\/\" class=\"cta-button pulse\">Get Started Now <i class=\"fas fa-fire\"><\/i><\/a>\n <a href=\"\/wp-login.php\" class=\"cta-button alt-button\" style=\"color: var(--primary-purple); border-color: var(--primary-purple);\">Sign In<\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n\n <script>\n \/\/ Create floating hearts for hero section\n function createFloatingHearts() {\n const floatingHeartsDiv = document.querySelector('.floating-hearts');\n if (!floatingHeartsDiv) return;\n \n const numberOfHearts = 20;\n \n for (let i = 0; i < numberOfHearts; i++) {\n const heart = document.createElement('div');\n heart.classList.add('heart');\n \n \/\/ Random positioning\n heart.style.left = Math.random() * 100 + '%';\n heart.style.top = Math.random() * 100 + '%';\n \n \/\/ Random size\n const size = Math.random() * 20 + 10;\n heart.style.width = size + 'px';\n heart.style.height = size + 'px';\n \n \/\/ Random animation duration\n heart.style.animationDuration = (Math.random() * 15 + 10) + 's';\n \n \/\/ Random delay\n heart.style.animationDelay = (Math.random() * 10) + 's';\n \n floatingHeartsDiv.appendChild(heart);\n }\n }\n \n \/\/ Run the function when the page loads\n window.addEventListener('load', createFloatingHearts);\n\n \/\/ WordPress\/BuddyBoss integration - more aggressive approach\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Force our landing page to take full width\n const matchlustLanding = document.querySelector('.matchlust-landing');\n if (matchlustLanding) {\n \/\/ Find all parent containers and override their styles\n let parent = matchlustLanding.parentElement;\n while (parent && parent !== document.body) {\n parent.style.width = '100%';\n parent.style.maxWidth = '100%';\n parent.style.padding = '0';\n parent.style.margin = '0';\n parent = parent.parentElement;\n }\n }\n \n \/\/ Force all sections to take full width\n const sections = document.querySelectorAll('.matchlust-landing section');\n sections.forEach(section => {\n section.style.width = '100%';\n section.style.maxWidth = '100%';\n section.style.margin = '0';\n section.style.boxSizing = 'border-box';\n });\n \n \/\/ Apply special styles to sections that need to break out\n const fullWidthSections = document.querySelectorAll('.hero, .contact-ads, .testimonials');\n fullWidthSections.forEach(section => {\n section.style.width = '100vw';\n section.style.position = 'relative';\n section.style.left = '50%';\n section.style.right = '50%';\n section.style.marginLeft = '-50vw';\n section.style.marginRight = '-50vw';\n });\n });\n <\/script>\n<\/body>\n<\/html> \n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>MatchLust \u2013 Ignite Your Passion Ignite Your Desires Where Passion Meets Connection Experience the thrill of matching with someone who shares your deepest desires. From\u2026<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-548","page","type-page","status-publish","hentry"],"aioseo_notices":[],"app_access":{"can_access":true,"restrict_message":null},"_links":{"self":[{"href":"https:\/\/matchlust.com\/de\/wp-json\/wp\/v2\/pages\/548","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/matchlust.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/matchlust.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/matchlust.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/matchlust.com\/de\/wp-json\/wp\/v2\/comments?post=548"}],"version-history":[{"count":3,"href":"https:\/\/matchlust.com\/de\/wp-json\/wp\/v2\/pages\/548\/revisions"}],"predecessor-version":[{"id":554,"href":"https:\/\/matchlust.com\/de\/wp-json\/wp\/v2\/pages\/548\/revisions\/554"}],"wp:attachment":[{"href":"https:\/\/matchlust.com\/de\/wp-json\/wp\/v2\/media?parent=548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":548,"date":"2025-04-05T00:44:16","date_gmt":"2025-04-05T00:44:16","guid":{"rendered":"https:\/\/matchlust.com\/?page_id=548"},"modified":"2025-04-05T01:13:49","modified_gmt":"2025-04-05T01:13:49","slug":"548-2","status":"publish","type":"page","link":"https:\/\/matchlust.com\/de\/","title":{"rendered":""},"content":{"rendered":"\n\n\n \n \n MatchLust \u2013 Ignite Your Passion<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Poppins', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n\n :root {\n --primary-purple: #8A2BE2;\n --primary-pink: #FF69B4;\n --primary-turquoise: #40E0D0;\n --gradient: linear-gradient(135deg, var(--primary-purple), var(--primary-pink));\n --secondary-gradient: linear-gradient(135deg, #FF416C, #FF4B2B);\n --text-dark: #333333;\n --box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n }\n\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap');\n\n \/* Reset WordPress container constraints *\/\n html, body {\n overflow-x: hidden;\n width: 100%;\n margin: 0;\n padding: 0;\n }\n \n body {\n background-color: #ffffff;\n color: var(--text-dark);\n line-height: 1.6;\n position: relative;\n }\n\n \/* Break out of WordPress containers *\/\n .matchlust-landing {\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n padding: 0;\n overflow-x: hidden;\n }\n\n .container {\n width: 100%;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 1.5rem;\n position: relative;\n }\n\n \/* FullWidth sections *\/\n section {\n width: 100%;\n max-width: 100%;\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n position: relative;\n }\n\n .hero {\n min-height: 90vh;\n width: 100vw;\n display: flex;\n align-items: center;\n justify-content: center;\n background: url('https:\/\/matchlust.com\/wp-content\/uploads\/2025\/04\/Flux_Dev_Neon_Urban_RendezvousCraft_an_urban_rooftop_scene_at__1.jpg') center\/cover;\n position: relative;\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(138, 43, 226, 0.6));\n z-index: 1;\n }\n\n .hero-content {\n text-align: center;\n color: white;\n position: relative;\n z-index: 2;\n padding: 2rem;\n max-width: 90%;\n width: 100%;\n animation: pulsate 1.5s ease-out infinite alternate;\n }\n\n @keyframes pulsate {\n from { transform: scale(0.98); }\n to { transform: scale(1); }\n }\n\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-15px); }\n 100% { transform: translateY(0px); }\n }\n\n .hero h1 {\n font-size: 3.5rem;\n margin-bottom: 1rem;\n background: linear-gradient(45deg, var(--primary-turquoise), var(--primary-pink));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-weight: 700;\n letter-spacing: -1px;\n line-height: 1.1;\n text-shadow: 0 0 20px rgba(255,105,180,0.3);\n animation: float 6s ease-in-out infinite;\n }\n\n .hero h2 {\n font-size: 2rem;\n margin-bottom: 1.5rem;\n font-weight: 400;\n color: rgba(255,255,255,0.95);\n }\n\n .hero p {\n font-size: 1.3rem;\n margin-bottom: 2rem;\n color: rgba(255,255,255,0.9);\n font-weight: 300;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .cta-buttons {\n display: flex;\n justify-content: center;\n gap: 1.2rem;\n flex-wrap: wrap;\n }\n\n .cta-button {\n background: var(--gradient);\n color: white;\n padding: 1rem 2.5rem;\n border: none;\n border-radius: 50px;\n font-size: 1.2rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n text-decoration: none;\n display: inline-block;\n box-shadow: 0 10px 20px rgba(138, 43, 226, 0.3);\n position: relative;\n z-index: 1;\n overflow: hidden;\n }\n\n .cta-button:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 0;\n height: 100%;\n background: var(--secondary-gradient);\n transition: width 0.5s ease;\n z-index: -1;\n border-radius: 50px;\n }\n\n .cta-button:hover:before {\n width: 100%;\n }\n\n .cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 25px rgba(138, 43, 226, 0.45);\n }\n\n .alt-button {\n background: transparent;\n color: white;\n border: 2px solid var(--primary-pink);\n box-shadow: none;\n }\n\n .alt-button:hover {\n background: rgba(255, 105, 180, 0.2);\n box-shadow: 0 10px 20px rgba(255, 105, 180, 0.25);\n border-color: transparent;\n }\n\n .stats-section {\n padding: 4rem 0;\n background-color: #ffffff;\n color: var(--text-dark);\n }\n\n .stats-container {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 1.5rem;\n }\n\n .stat-item {\n flex: 1;\n min-width: 250px;\n text-align: center;\n padding: 2rem 1rem;\n border-radius: 15px;\n background: white;\n box-shadow: var(--box-shadow);\n transition: transform 0.3s ease;\n }\n\n .stat-item:hover {\n transform: translateY(-10px);\n }\n\n .stat-number {\n font-size: 3rem;\n font-weight: 700;\n margin-bottom: 0.5rem;\n background: var(--gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .stat-label {\n font-size: 1.1rem;\n font-weight: 300;\n }\n\n .features {\n padding: 5rem 0;\n background: #ffffff;\n }\n\n .section-title {\n text-align: center;\n font-size: 2.8rem;\n margin-bottom: 3rem;\n color: var(--text-dark);\n font-weight: 700;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n display: block;\n width: 80px;\n height: 4px;\n background: var(--gradient);\n margin: 1rem auto;\n border-radius: 10px;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .feature-card {\n background: white;\n padding: 2.5rem 1.5rem;\n border-radius: 20px;\n text-align: center;\n box-shadow: var(--box-shadow);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n z-index: 1;\n }\n\n .feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 0;\n background: var(--gradient);\n opacity: 0.1;\n transition: height 0.6s ease;\n z-index: -1;\n }\n\n .feature-card:hover {\n transform: translateY(-15px);\n }\n\n .feature-card:hover::before {\n height: 100%;\n }\n\n .feature-icon {\n font-size: 3.5rem;\n margin-bottom: 1.5rem;\n color: var(--primary-purple);\n background: linear-gradient(135deg, var(--primary-purple), var(--primary-pink));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .feature-card h3 {\n color: var(--primary-purple);\n margin-bottom: 1rem;\n font-size: 1.6rem;\n font-weight: 600;\n }\n\n .feature-card p {\n font-size: 1rem;\n color: #555;\n line-height: 1.7;\n }\n\n .testimonials {\n padding: 5rem 0;\n background: url('https:\/\/images.unsplash.com\/photo-1529333166437-7750a6dd5a70?auto=format&fit=crop&w=1920&q=80') center\/cover;\n position: relative;\n }\n\n .testimonials::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.8);\n }\n\n .testimonials .container {\n position: relative;\n z-index: 2;\n }\n\n .testimonials .section-title {\n color: white;\n }\n\n .testimonial-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n }\n\n .testimonial-card {\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n padding: 2rem;\n border-radius: 15px;\n position: relative;\n transition: all 0.3s ease;\n }\n\n .testimonial-card:hover {\n transform: scale(1.03);\n background: rgba(255, 255, 255, 0.15);\n }\n\n .quote-icon {\n font-size: 1.8rem;\n color: var(--primary-pink);\n position: absolute;\n top: 1.5rem;\n left: 1.5rem;\n opacity: 0.5;\n }\n\n .testimonial-text {\n font-size: 1rem;\n color: rgba(255, 255, 255, 0.9);\n margin-bottom: 1.5rem;\n line-height: 1.8;\n font-style: italic;\n }\n\n .testimonial-author {\n display: flex;\n align-items: center;\n }\n\n .author-img {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n object-fit: cover;\n margin-right: 1rem;\n border: 2px solid var(--primary-pink);\n }\n\n .author-info h4 {\n color: white;\n font-size: 1.1rem;\n margin-bottom: 0.3rem;\n }\n\n .author-info p {\n color: rgba(255, 255, 255, 0.7);\n font-size: 0.9rem;\n }\n\n .how-it-works {\n padding: 5rem 0;\n background: #ffffff;\n }\n\n .steps-container {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 3rem;\n margin-top: 3rem;\n position: relative;\n }\n\n .steps-container::before {\n content: '';\n position: absolute;\n top: 60px;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--gradient);\n z-index: 0;\n max-width: 80%;\n margin: 0 auto;\n }\n\n .step {\n flex: 1;\n min-width: 220px;\n max-width: 280px;\n text-align: center;\n z-index: 1;\n transition: all 0.3s ease;\n }\n\n .step:hover {\n transform: translateY(-10px);\n }\n\n .step-number {\n width: 100px;\n height: 100px;\n border-radius: 50%;\n background: var(--gradient);\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 auto 2rem;\n font-size: 2.5rem;\n font-weight: 700;\n color: white;\n box-shadow: 0 10px 20px rgba(138, 43, 226, 0.3);\n }\n\n .step h3 {\n font-size: 1.6rem;\n margin-bottom: 1rem;\n color: var(--text-dark);\n }\n\n .step p {\n font-size: 1rem;\n color: #555;\n }\n\n .final-cta {\n padding: 5rem 0;\n background: #ffffff;\n text-align: center;\n }\n\n .final-cta h2 {\n font-size: 3rem;\n margin-bottom: 1.5rem;\n color: var(--text-dark);\n }\n\n .final-cta p {\n font-size: 1.2rem;\n max-width: 800px;\n margin: 0 auto 2.5rem;\n color: #555;\n }\n\n .pulse {\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n\n .floating-hearts {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n overflow: hidden;\n pointer-events: none;\n z-index: 1;\n }\n\n .heart {\n position: absolute;\n width: 30px;\n height: 30px;\n background: url(\"data:image\/svg+xml;charset=utf8,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FF69B4' d='M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z'%3E%3C\/path%3E%3C\/svg%3E\") no-repeat center\/contain;\n opacity: 0.5;\n animation: floating-heart 15s linear infinite;\n }\n\n @keyframes floating-heart {\n 0% {\n transform: translateY(0) rotate(0deg);\n opacity: 0;\n }\n 10% {\n opacity: 0.5;\n }\n 90% {\n opacity: 0.5;\n }\n 100% {\n transform: translateY(-1000px) rotate(720deg);\n opacity: 0;\n }\n }\n\n \/* Mobile Optimizations *\/\n @media (min-width: 768px) {\n .hero h1 {\n font-size: 5rem;\n }\n \n .hero h2 {\n font-size: 2.5rem;\n }\n \n .hero p {\n font-size: 1.6rem;\n }\n \n .cta-button {\n padding: 1.2rem 3rem;\n font-size: 1.3rem;\n }\n }\n\n @media (max-width: 992px) {\n .container {\n padding: 0 1rem;\n }\n \n .section-title {\n font-size: 2.3rem;\n }\n \n .stats-container, .testimonial-grid {\n gap: 1.2rem;\n }\n \n .steps-container::before {\n display: none;\n }\n \n .final-cta h2 {\n font-size: 2.5rem;\n }\n }\n\n @media (max-width: 768px) {\n .container {\n padding: 0 1rem;\n }\n \n .hero {\n min-height: 90vh;\n }\n \n .hero-content {\n padding: 1.5rem;\n }\n \n .hero h1 {\n font-size: 2.8rem;\n margin-bottom: 0.7rem;\n }\n \n .hero h2 {\n font-size: 1.8rem;\n margin-bottom: 1.2rem;\n }\n\n .hero p {\n font-size: 1.1rem;\n margin-bottom: 1.5rem;\n }\n \n .cta-buttons {\n gap: 1rem;\n }\n \n .cta-button {\n padding: 0.9rem 2rem;\n font-size: 1.1rem;\n width: 100%;\n max-width: 100%;\n }\n \n .stats-container {\n flex-direction: column;\n align-items: center;\n gap: 1rem;\n }\n \n .stat-item {\n width: 100%;\n max-width: 100%;\n padding: 1.5rem 1rem;\n }\n \n .stat-number {\n font-size: 2.5rem;\n }\n \n .feature-card {\n padding: 2rem 1rem;\n }\n \n .feature-icon {\n font-size: 3rem;\n }\n \n .feature-card h3 {\n font-size: 1.4rem;\n }\n \n .step {\n max-width: 100%;\n min-width: 100%;\n }\n \n .step-number {\n width: 80px;\n height: 80px;\n font-size: 2rem;\n margin-bottom: 1.5rem;\n }\n \n .step h3 {\n font-size: 1.4rem;\n }\n \n .final-cta {\n padding: 3rem 0;\n }\n \n .final-cta h2 {\n font-size: 2rem;\n }\n \n .final-cta p {\n font-size: 1rem;\n }\n }\n\n @media (max-width: 480px) {\n .hero h1 {\n font-size: 2.2rem;\n }\n \n .hero h2 {\n font-size: 1.5rem;\n }\n\n .hero p {\n font-size: 1rem;\n }\n \n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .testimonial-grid {\n grid-template-columns: 1fr;\n }\n \n .section-title {\n font-size: 2rem;\n }\n \n .cta-buttons {\n flex-direction: column;\n width: 100%;\n }\n \n .cta-button {\n width: 100%;\n margin-bottom: 0.8rem;\n }\n }\n\n \/* Add the new sections before the testimonials section *\/\n .how-it-works {\n padding: 5rem 0;\n background: #ffffff;\n }\n\n .steps-container {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 3rem;\n margin-top: 3rem;\n position: relative;\n }\n\n .steps-container::before {\n content: '';\n position: absolute;\n top: 60px;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--gradient);\n z-index: 0;\n max-width: 80%;\n margin: 0 auto;\n }\n\n .step {\n flex: 1;\n min-width: 220px;\n max-width: 280px;\n text-align: center;\n z-index: 1;\n transition: all 0.3s ease;\n }\n\n .step:hover {\n transform: translateY(-10px);\n }\n\n .step-number {\n width: 100px;\n height: 100px;\n border-radius: 50%;\n background: var(--gradient);\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 auto 2rem;\n font-size: 2.5rem;\n font-weight: 700;\n color: white;\n box-shadow: 0 10px 20px rgba(138, 43, 226, 0.3);\n }\n\n .step h3 {\n font-size: 1.6rem;\n margin-bottom: 1rem;\n color: var(--text-dark);\n }\n\n .step p {\n font-size: 1rem;\n color: #555;\n }\n\n .final-cta {\n padding: 5rem 0;\n background: #ffffff;\n text-align: center;\n }\n\n .final-cta h2 {\n font-size: 3rem;\n margin-bottom: 1.5rem;\n color: var(--text-dark);\n }\n\n .final-cta p {\n font-size: 1.2rem;\n max-width: 800px;\n margin: 0 auto 2.5rem;\n color: #555;\n }\n\n .pulse {\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n\n .floating-hearts {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n overflow: hidden;\n pointer-events: none;\n z-index: 1;\n }\n\n .heart {\n position: absolute;\n width: 30px;\n height: 30px;\n background: url(\"data:image\/svg+xml;charset=utf8,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FF69B4' d='M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z'%3E%3C\/path%3E%3C\/svg%3E\") no-repeat center\/contain;\n opacity: 0.5;\n animation: floating-heart 15s linear infinite;\n }\n\n @keyframes floating-heart {\n 0% {\n transform: translateY(0) rotate(0deg);\n opacity: 0;\n }\n 10% {\n opacity: 0.5;\n }\n 90% {\n opacity: 0.5;\n }\n 100% {\n transform: translateY(-1000px) rotate(720deg);\n opacity: 0;\n }\n }\n\n \/* Add the contact ads section styles *\/\n .contact-ads {\n padding: 7rem 0;\n position: relative;\n background: url('https:\/\/matchlust.com\/wp-content\/uploads\/2025\/04\/Flux_Dev_A_lavish_goldenlit_mansion_party_unfolds_beside_a_tra_3.jpg') center\/cover fixed;\n color: white;\n }\n\n .contact-ads::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.6);\n z-index: 1;\n }\n\n .contact-ads .container {\n position: relative;\n z-index: 2;\n }\n\n .contact-ads .section-title {\n color: white;\n }\n\n .ads-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .ad-card {\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n border-radius: 15px;\n padding: 2rem;\n transition: all 0.3s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .ad-card:hover {\n transform: translateY(-10px);\n background: rgba(255, 255, 255, 0.2);\n border-color: var(--primary-pink);\n }\n\n .ad-card h3 {\n color: white;\n font-size: 1.6rem;\n margin-bottom: 1rem;\n }\n\n .ad-card p {\n color: rgba(255, 255, 255, 0.9);\n margin-bottom: 1.5rem;\n }\n\n .ad-card .cta-button {\n width: 100%;\n }\n\n \/* Events section styles *\/\n .events {\n padding: 7rem 0;\n background: white;\n }\n\n .event-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 3rem;\n margin-top: 3rem;\n }\n\n .event-card {\n background: white;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: var(--box-shadow);\n transition: transform 0.3s ease;\n }\n\n .event-card:hover {\n transform: translateY(-15px);\n }\n\n .event-image {\n height: 200px;\n overflow: hidden;\n }\n\n .event-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n\n .event-card:hover .event-image img {\n transform: scale(1.1);\n }\n\n .event-details {\n padding: 2rem;\n }\n\n .event-date {\n display: inline-block;\n background: var(--gradient);\n color: white;\n padding: 0.5rem 1rem;\n border-radius: 50px;\n margin-bottom: 1rem;\n font-weight: 500;\n }\n\n .event-card h3 {\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: var(--text-dark);\n }\n\n .event-card p {\n color: #555;\n margin-bottom: 1.5rem;\n }\n\n .event-footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-top: 1px solid #eee;\n padding-top: 1rem;\n }\n\n .event-location {\n display: flex;\n align-items: center;\n color: #555;\n }\n\n .event-location i {\n margin-right: 0.5rem;\n color: var(--primary-purple);\n }\n\n .event-attendees {\n display: flex;\n align-items: center;\n }\n\n .event-attendees i {\n margin-right: 0.5rem;\n color: var(--primary-pink);\n }\n\n \/* Responsive adjustments for new sections *\/\n @media (max-width: 768px) {\n .contact-ads {\n padding: 5rem 0;\n }\n \n .events {\n padding: 5rem 0;\n }\n \n .ad-card, .event-card {\n width: 100%;\n max-width: 100%;\n }\n }\n\n \/* Make all sections full width *\/\n section {\n width: 100%;\n max-width: 100%;\n margin: 0;\n box-sizing: border-box;\n }\n\n \/* In WordPress context, allow content to expand *\/\n .wp-site-blocks, \n .entry-content,\n .wp-block-post-content {\n width: 100% !important;\n max-width: 100% !important;\n padding: 0 !important;\n margin: 0 !important;\n }\n\n \/* Make sections responsive to BuddyBoss layout *\/\n .contact-ads, .events, .features, .how-it-works, .testimonials, .final-cta {\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n }\n\n \/* Add more specific WordPress integration styles *\/\n .bb-grid, .bb-grid-cell, .bp-wrap, .container {\n width: 100% !important;\n max-width: 100% !important;\n }\n\n \/* Fix grid layouts for WordPress integration *\/\n .features-grid, .testimonial-grid, .event-container, .ads-container {\n width: 100%;\n max-width: 100%;\n }\n\n \/* Adjust responsiveness for WordPress layout *\/\n @media (max-width: 768px) {\n .contact-ads {\n padding: 5rem 0;\n }\n \n .events {\n padding: 5rem 0;\n }\n \n .ad-card, .event-card {\n width: 100%;\n max-width: 100%;\n }\n }\n\n \/* WordPress integration overrides *\/\n @media (max-width: 1200px) {\n .container {\n max-width: 100%;\n width: 100%;\n }\n }\n\n \/* Fix for WordPress themes *\/\n .entry-content .matchlust-landing,\n .wp-block-post-content .matchlust-landing,\n .bp-wrap .matchlust-landing,\n .bb-grid .matchlust-landing {\n width: 100vw !important;\n max-width: 100vw !important;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n padding: 0 !important;\n }\n\n \/* Additional fix for nested containers *\/\n .matchlust-landing * {\n box-sizing: border-box;\n }\n\n .matchlust-landing section {\n width: 100%;\n max-width: 100%;\n }\n\n \/* Ensure sections break out of containers when needed *\/\n .hero, .contact-ads, .testimonials {\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"matchlust-landing\">\n <section class=\"hero\">\n <div class=\"floating-hearts\"><\/div>\n <div class=\"hero-content\">\n <h1>Ignite Your Desires<\/h1>\n <h2>Where Passion Meets Connection<\/h2>\n <p>Experience the thrill of matching with someone who shares your deepest desires. From steamy encounters to meaningful relationships, MatchLust has what you\u2019re craving.<\/p>\n <div class=\"cta-buttons\">\n <a href=\"\/de\/register\/\" class=\"cta-button pulse\">Start Now <i class=\"fas fa-fire\"><\/i><\/a>\n <a href=\"\/wp-login.php\" class=\"cta-button alt-button\">Already Hot? Sign In<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"contact-ads\" id=\"contact-ads\">\n <div class=\"container\">\n <h2 class=\"section-title\">Exclusive Contact Advertisements<\/h2>\n <p class=\"section-description\" style=\"text-align: center; color: white; max-width: 800px; margin: 0 auto 2rem; font-size: 1.2rem;\">\n Find exactly what you\u2019re looking for with our premium contact ads. Connect with verified members who share your specific desires.\n <\/p>\n <div class=\"ads-container\">\n <div class=\"ad-card\">\n <h3>VIP Encounters<\/h3>\n <p>Connect with our most exclusive members for unforgettable experiences. These verified high-status individuals are seeking discrete, passionate connections.<\/p>\n <a href=\"\/wp-login.php\" class=\"cta-button\">Browse VIP Ads<\/a>\n <\/div>\n <div class=\"ad-card\">\n <h3>Casual Connections<\/h3>\n <p>Looking for something with no strings attached? Our casual connections section features members seeking short-term fun and excitement.<\/p>\n <a href=\"\/wp-login.php\" class=\"cta-button\">Explore Casual Ads<\/a>\n <\/div>\n <div class=\"ad-card\">\n <h3>Special Interests<\/h3>\n <p>Discover members who share your unique desires and fantasies. Our specialized ads help you find exactly what you\u2019re craving, no matter how specific.<\/p>\n <a href=\"\/wp-login.php\" class=\"cta-button\">Find Your Match<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"events\" id=\"events\">\n <div class=\"container\">\n <h2 class=\"section-title\">World-Renowned Exclusive Events<\/h2>\n <p class=\"section-description\" style=\"text-align: center; max-width: 800px; margin: 0 auto 2rem; font-size: 1.2rem; color: #555;\">\n Join our globally recognized gatherings where like-minded individuals connect in luxurious settings. From intimate soir\u00e9es to lavish mansion parties, our events are the ultimate way to meet your matches in person.\n <\/p>\n <div class=\"event-container\">\n <a href=\"\/wp-login.php\" style=\"text-decoration: none; color: inherit; display: block;\">\n <div class=\"event-card\">\n <div class=\"event-image\">\n <img decoding=\"async\" src=\"https:\/\/matchlust.com\/wp-content\/uploads\/2025\/04\/Flux_Dev_A_lavish_goldenlit_mansion_party_unfolds_beside_a_tra_3.jpg\" alt=\"Luxury Mansion Gala\">\n <\/div>\n <div class=\"event-details\">\n <span class=\"event-date\">June 15-18, 2025<\/span>\n <h3>Midsummer Night\u2019s Dream<\/h3>\n <p>Our signature summer event hosted in a private mansion with pools, gardens, and luxury accommodations for three nights of unforgettable connections.<\/p>\n <div class=\"event-footer\">\n <div class=\"event-location\">\n <i class=\"fas fa-map-marker-alt\"><\/i> Miami, FL\n <\/div>\n <div class=\"event-attendees\">\n <i class=\"fas fa-user-friends\"><\/i> 250+ Attendees\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"\/wp-login.php\" style=\"text-decoration: none; color: inherit; display: block;\">\n <div class=\"event-card\">\n <div class=\"event-image\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1574391884720-bbc3740c59d1?auto=format&fit=crop&w=1920&q=80\" alt=\"Yacht Party\">\n <\/div>\n <div class=\"event-details\">\n <span class=\"event-date\">August 10-13, 2025<\/span>\n <h3>Mediterranean Cruise<\/h3>\n <p>Set sail on our exclusive yacht for an intimate journey along the Mediterranean coast with daily stops at private beaches and secluded coves.<\/p>\n <div class=\"event-footer\">\n <div class=\"event-location\">\n <i class=\"fas fa-map-marker-alt\"><\/i> Barcelona, Spain\n <\/div>\n <div class=\"event-attendees\">\n <i class=\"fas fa-user-friends\"><\/i> 120+ Attendees\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/a>\n <a href=\"\/wp-login.php\" style=\"text-decoration: none; color: inherit; display: block;\">\n <div class=\"event-card\">\n <div class=\"event-image\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519671482749-fd09be7ccebf?auto=format&fit=crop&w=1920&q=80\" alt=\"Winter Wonderland\">\n <\/div>\n <div class=\"event-details\">\n <span class=\"event-date\">December 28-Jan 2, 2026<\/span>\n <h3>New Year\u2019s Extravaganza<\/h3>\n <p>Ring in the new year with our most extravagant event featuring a black-tie gala, private chalets, and a week of winter adventures in the mountains.<\/p>\n <div class=\"event-footer\">\n <div class=\"event-location\">\n <i class=\"fas fa-map-marker-alt\"><\/i> Aspen, CO\n <\/div>\n <div class=\"event-attendees\">\n <i class=\"fas fa-user-friends\"><\/i> 300+ Attendees\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"features\" id=\"features\">\n <div class=\"container\">\n <h2 class=\"section-title\">Why MatchLust Heats Things Up<\/h2>\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-icon\"><i class=\"fas fa-heart\"><\/i><\/div>\n <h3>Desire Matching<\/h3>\n <p>Our advanced algorithm connects you with partners who share your specific desires, kinks, and fantasies for maximum compatibility.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n <h3>Discreet & Secure<\/h3>\n <p>Your secret desires stay secret. All profiles are verified and your private data remains protected with military-grade encryption.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\"><i class=\"fas fa-star\"><\/i><\/div>\n <h3>Passionate Stories<\/h3>\n <p>From hot hookups to burning romances, thousands of users have found their perfect physical and emotional matches.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\"><i class=\"fas fa-video\"><\/i><\/div>\n <h3>Private Video Chat<\/h3>\n <p>Build chemistry with potential matches through secure, private video calls before taking things to the next level.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\"><i class=\"fas fa-globe\"><\/i><\/div>\n <h3>Global Fantasies<\/h3>\n <p>Connect with passionate singles from around the world and explore different cultures of desire and romance.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\"><i class=\"fas fa-gem\"><\/i><\/div>\n <h3>Premium Experiences<\/h3>\n <p>Upgrade for exclusive features like seen status, advanced filters, and priority matching with the hottest profiles.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"how-it-works\" id=\"how\">\n <div class=\"container\">\n <h2 class=\"section-title\">How to Ignite Your Matches<\/h2>\n <div class=\"steps-container\">\n <div class=\"step\">\n <div class=\"step-number\">1<\/div>\n <h3>Create Your Profile<\/h3>\n <p>Showcase your best assets and specify what turns you on to attract compatible matches.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-number\">2<\/div>\n <h3>Discover Matches<\/h3>\n <p>Browse profiles of singles who match your desires and preferences.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-number\">3<\/div>\n <h3>Spark Conversations<\/h3>\n <p>Send flirty messages and build chemistry through our private chat system.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-number\">4<\/div>\n <h3>Feel the Heat<\/h3>\n <p>Take your connection to the next level \u2013 online or in person.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"testimonials\" id=\"testimonials\">\n <div class=\"container\">\n <h2 class=\"section-title\">Hot Connections<\/h2>\n <div class=\"testimonial-grid\">\n <div class=\"testimonial-card\">\n <div class=\"quote-icon\"><i class=\"fas fa-quote-left\"><\/i><\/div>\n <p class=\"testimonial-text\">\u201cMatchLust is addictive! I was looking for someone who shared my specific desires, and within a week I found three amazing matches. The chemistry was instant and intense!\u201d<\/p>\n <div class=\"testimonial-author\">\n <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/32.jpg\" alt=\"Jessica\" class=\"author-img\">\n <div class=\"author-info\">\n <h4>Jessica, 28<\/h4>\n <p>Found her perfect match<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial-card\">\n <div class=\"quote-icon\"><i class=\"fas fa-quote-left\"><\/i><\/div>\n <p class=\"testimonial-text\">\u201cI was skeptical at first, but MatchLust delivered beyond my wildest dreams. The private chat feature let us explore our fantasies before meeting, which made our first date explosive.\u201d<\/p>\n <div class=\"testimonial-author\">\n <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/45.jpg\" alt=\"David\" class=\"author-img\">\n <div class=\"author-info\">\n <h4>David, 34<\/h4>\n <p>Multiple exciting matches<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testimonial-card\">\n <div class=\"quote-icon\"><i class=\"fas fa-quote-left\"><\/i><\/div>\n <p class=\"testimonial-text\">\u201cAs a busy professional, I never had time for dating. MatchLust made it easy to connect with like-minded singles who wanted the same things. No awkward conversations about what we\u2019re looking for!\u201d<\/p>\n <div class=\"testimonial-author\">\n <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/68.jpg\" alt=\"Michelle\" class=\"author-img\">\n <div class=\"author-info\">\n <h4>Michelle, 31<\/h4>\n <p>Found steamy connections<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"final-cta\">\n <div class=\"container\">\n <h2>Ready to Satisfy Your Desires?<\/h2>\n <p>Join MatchLust today and discover singles who crave the same experiences you do. Whether it\u2019s passion for a night or lust that lasts a lifetime, your perfect match is waiting.<\/p>\n <div class=\"cta-buttons\">\n <a href=\"\/de\/register\/\" class=\"cta-button pulse\">Get Started Now <i class=\"fas fa-fire\"><\/i><\/a>\n <a href=\"\/wp-login.php\" class=\"cta-button alt-button\" style=\"color: var(--primary-purple); border-color: var(--primary-purple);\">Sign In<\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n\n <script>\n \/\/ Create floating hearts for hero section\n function createFloatingHearts() {\n const floatingHeartsDiv = document.querySelector('.floating-hearts');\n if (!floatingHeartsDiv) return;\n \n const numberOfHearts = 20;\n \n for (let i = 0; i < numberOfHearts; i++) {\n const heart = document.createElement('div');\n heart.classList.add('heart');\n \n \/\/ Random positioning\n heart.style.left = Math.random() * 100 + '%';\n heart.style.top = Math.random() * 100 + '%';\n \n \/\/ Random size\n const size = Math.random() * 20 + 10;\n heart.style.width = size + 'px';\n heart.style.height = size + 'px';\n \n \/\/ Random animation duration\n heart.style.animationDuration = (Math.random() * 15 + 10) + 's';\n \n \/\/ Random delay\n heart.style.animationDelay = (Math.random() * 10) + 's';\n \n floatingHeartsDiv.appendChild(heart);\n }\n }\n \n \/\/ Run the function when the page loads\n window.addEventListener('load', createFloatingHearts);\n\n \/\/ WordPress\/BuddyBoss integration - more aggressive approach\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Force our landing page to take full width\n const matchlustLanding = document.querySelector('.matchlust-landing');\n if (matchlustLanding) {\n \/\/ Find all parent containers and override their styles\n let parent = matchlustLanding.parentElement;\n while (parent && parent !== document.body) {\n parent.style.width = '100%';\n parent.style.maxWidth = '100%';\n parent.style.padding = '0';\n parent.style.margin = '0';\n parent = parent.parentElement;\n }\n }\n \n \/\/ Force all sections to take full width\n const sections = document.querySelectorAll('.matchlust-landing section');\n sections.forEach(section => {\n section.style.width = '100%';\n section.style.maxWidth = '100%';\n section.style.margin = '0';\n section.style.boxSizing = 'border-box';\n });\n \n \/\/ Apply special styles to sections that need to break out\n const fullWidthSections = document.querySelectorAll('.hero, .contact-ads, .testimonials');\n fullWidthSections.forEach(section => {\n section.style.width = '100vw';\n section.style.position = 'relative';\n section.style.left = '50%';\n section.style.right = '50%';\n section.style.marginLeft = '-50vw';\n section.style.marginRight = '-50vw';\n });\n });\n <\/script>\n<\/body>\n<\/html> \n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>MatchLust \u2013 Ignite Your Passion Ignite Your Desires Where Passion Meets Connection Experience the thrill of matching with someone who shares your deepest desires. From\u2026<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-548","page","type-page","status-publish","hentry"],"aioseo_notices":[],"app_access":{"can_access":true,"restrict_message":null},"_links":{"self":[{"href":"https:\/\/matchlust.com\/de\/wp-json\/wp\/v2\/pages\/548","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/matchlust.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/matchlust.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/matchlust.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/matchlust.com\/de\/wp-json\/wp\/v2\/comments?post=548"}],"version-history":[{"count":3,"href":"https:\/\/matchlust.com\/de\/wp-json\/wp\/v2\/pages\/548\/revisions"}],"predecessor-version":[{"id":554,"href":"https:\/\/matchlust.com\/de\/wp-json\/wp\/v2\/pages\/548\/revisions\/554"}],"wp:attachment":[{"href":"https:\/\/matchlust.com\/de\/wp-json\/wp\/v2\/media?parent=548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}