.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--bg-white);transition:all .3s ease;padding:20px 0}.header.scrolled{box-shadow:var(--shadow-md);padding:15px 0}.nav{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:800;cursor:pointer}.logo-icon{font-size:32px}.logo-text{font-family:Playfair Display,serif}.nav-menu{display:flex;list-style:none;gap:32px;margin:0}.nav-menu li a{color:var(--text-dark);font-weight:500;transition:color .3s ease;cursor:pointer}.nav-menu li a:hover{color:var(--primary-color)}.nav-actions{display:flex;align-items:center;gap:16px}.btn-text{background:none;color:var(--text-dark);font-weight:600;padding:8px 16px;transition:color .3s ease}.btn-text:hover{color:var(--primary-color)}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;background:none;padding:8px}.mobile-menu-toggle span{width:24px;height:3px;background:var(--text-dark);border-radius:2px;transition:all .3s ease}@media (max-width: 968px){.nav-menu{position:fixed;top:70px;left:-100%;flex-direction:column;background:var(--bg-white);width:100%;padding:32px;box-shadow:var(--shadow-lg);transition:left .3s ease}.nav-menu.active{left:0}.nav-actions{display:none}.mobile-menu-toggle{display:flex}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:100px;overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.hero-shape{position:absolute;border-radius:50%;opacity:.1}.hero-shape-1{width:500px;height:500px;background:var(--gradient-primary);top:-200px;right:-100px;animation:float 6s ease-in-out infinite}.hero-shape-2{width:300px;height:300px;background:var(--gradient-secondary);bottom:-100px;left:-50px;animation:float 8s ease-in-out infinite;animation-delay:1s}.hero-shape-3{width:200px;height:200px;background:var(--primary-light);top:50%;left:50%;animation:float 7s ease-in-out infinite;animation-delay:2s}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--primary-light);color:var(--primary-dark);padding:8px 20px;border-radius:50px;font-size:14px;font-weight:600;margin-bottom:24px}.badge-icon{font-size:18px}.hero-title{font-size:64px;margin-bottom:24px;line-height:1.1}.hero-description{font-size:18px;color:var(--text-light);margin-bottom:32px;line-height:1.8}.hero-cta{display:flex;gap:16px;margin-bottom:40px}.hero-trust{display:flex;gap:24px;flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-light)}.trust-icon{color:var(--success-color);font-weight:700;font-size:18px}.hero-image{position:relative;height:600px}.hero-card{position:absolute;background:var(--bg-white);border-radius:20px;padding:20px;box-shadow:var(--shadow-lg);animation:fadeInUp .8s ease-out}.hero-card-1{top:50px;left:0;animation-delay:.2s}.hero-card-2{top:200px;right:50px;animation-delay:.4s}.hero-card-3{bottom:100px;left:50px;animation-delay:.6s}.profile-mini{display:flex;align-items:center;gap:12px}.profile-avatar{width:50px;height:50px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:24px}.profile-info{flex:1}.profile-name{font-weight:600;font-size:16px}.profile-location{font-size:12px;color:var(--text-light)}.profile-match{background:var(--success-color);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.success-badge{display:flex;align-items:center;gap:12px}.success-icon{font-size:32px}.success-title{font-weight:700;font-size:16px;color:var(--primary-color)}.success-subtitle{font-size:12px;color:var(--text-light)}.hero-illustration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.illustration-circle{width:400px;height:400px;border-radius:50%;background:var(--gradient-primary);opacity:.1}.illustration-heart{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:120px;animation:float 4s ease-in-out infinite}@media (max-width: 968px){.hero{padding-top:80px}.hero-content{grid-template-columns:1fr;gap:40px}.hero-title{font-size:42px}.hero-description{font-size:16px}.hero-cta{flex-direction:column}.hero-image{height:400px}.illustration-circle{width:300px;height:300px}.illustration-heart{font-size:80px}}.features{background:var(--bg-white)}.section-header{text-align:center;margin-bottom:60px}.section-title{font-size:48px;margin-bottom:16px}.section-description{font-size:18px;color:var(--text-light);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.feature-card{padding:32px;border-radius:20px;background:var(--bg-white);border:2px solid var(--border-color);transition:all .3s ease}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.feature-icon{width:70px;height:70px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:20px}.feature-title{font-size:20px;margin-bottom:12px;font-weight:700}.feature-description{font-size:14px;color:var(--text-light);line-height:1.6}@media (max-width: 968px){.features-grid{grid-template-columns:repeat(2,1fr);gap:24px}.section-title{font-size:36px}}@media (max-width: 480px){.features-grid{grid-template-columns:1fr}}.how-it-works{background:var(--bg-light)}.steps-container{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative}.step-card{background:var(--bg-white);padding:40px 32px;border-radius:20px;text-align:center;position:relative;box-shadow:var(--shadow-sm);transition:all .3s ease}.step-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.step-number{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:50px;height:50px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;box-shadow:var(--shadow-md)}.step-icon{font-size:64px;margin:20px 0}.step-title{font-size:22px;margin-bottom:12px;font-weight:700}.step-description{font-size:15px;color:var(--text-light);line-height:1.6}@media (max-width: 968px){.steps-container{grid-template-columns:repeat(2,1fr);gap:30px}}@media (max-width: 480px){.steps-container{grid-template-columns:1fr;gap:40px}}.ai-matching{background:var(--bg-white)}.ai-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.ai-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#e91e6315,#673ab715);color:var(--primary-color);padding:8px 20px;border-radius:50px;font-size:14px;font-weight:600;margin-bottom:24px}.ai-title{font-size:42px;margin-bottom:24px;line-height:1.2}.ai-description{font-size:16px;color:var(--text-light);line-height:1.8;margin-bottom:32px}.ai-features{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.ai-feature-item{display:flex;gap:16px;align-items:flex-start}.ai-feature-icon{font-size:32px;flex-shrink:0}.ai-feature-content h4{font-size:18px;margin-bottom:4px;font-weight:700}.ai-feature-content p{font-size:14px;color:var(--text-light)}.compatibility-card{background:var(--bg-white);border-radius:24px;padding:40px;box-shadow:var(--shadow-lg);border:2px solid var(--border-color)}.compatibility-header{text-align:center;margin-bottom:32px}.compatibility-header h3{font-size:24px;margin-bottom:24px}.score-circle{position:relative;width:180px;height:180px;margin:0 auto}.score-circle svg{width:100%;height:100%}.score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-number{font-size:48px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-label{font-size:14px;color:var(--text-light);font-weight:600}.compatibility-factors{display:flex;flex-direction:column;gap:16px}.factor-item{display:grid;grid-template-columns:140px 1fr 50px;gap:12px;align-items:center}.factor-label{font-size:14px;font-weight:600;color:var(--text-dark)}.factor-bar{height:8px;background:var(--bg-light);border-radius:10px;overflow:hidden}.factor-fill{height:100%;background:var(--gradient-primary);border-radius:10px;transition:width 1s ease}.factor-value{font-size:14px;font-weight:700;color:var(--primary-color);text-align:right}@media (max-width: 968px){.ai-content{grid-template-columns:1fr;gap:40px}.ai-title{font-size:32px}.compatibility-card{padding:24px}.factor-item{grid-template-columns:100px 1fr 45px;gap:8px}}.pricing{background:var(--bg-light)}.billing-toggle{display:flex;justify-content:center;gap:8px;margin-bottom:60px;background:var(--bg-white);padding:6px;border-radius:50px;width:fit-content;margin-left:auto;margin-right:auto;box-shadow:var(--shadow-sm)}.billing-toggle button{padding:12px 32px;border-radius:50px;font-size:16px;font-weight:600;background:transparent;color:var(--text-light);transition:all .3s ease;position:relative}.billing-toggle button.active{background:var(--gradient-primary);color:#fff}.save-badge{position:absolute;top:-8px;right:-8px;background:var(--success-color);color:#fff;font-size:10px;padding:2px 8px;border-radius:10px;font-weight:700}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:40px}.pricing-card{background:var(--bg-white);border-radius:24px;padding:40px 32px;border:2px solid var(--border-color);transition:all .3s ease;position:relative}.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.pricing-card.popular{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.05) translateY(-8px)}.popular-badge{position:absolute;top:-16px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:#fff;padding:6px 24px;border-radius:50px;font-size:12px;font-weight:700;box-shadow:var(--shadow-md)}.plan-header{text-align:center;margin-bottom:32px;padding-bottom:32px;border-bottom:2px solid var(--border-color)}.plan-name{font-size:24px;margin-bottom:16px;font-weight:800}.plan-price{margin-bottom:12px}.currency{font-size:24px;font-weight:700;color:var(--text-light);vertical-align:top}.amount{font-size:56px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.period{font-size:16px;color:var(--text-light);font-weight:600}.plan-description{font-size:14px;color:var(--text-light)}.plan-features{list-style:none;margin-bottom:32px}.plan-features li{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;font-size:15px;color:var(--text-dark)}.check-icon{color:var(--success-color);font-weight:700;font-size:18px;flex-shrink:0}.pricing-note{text-align:center;color:var(--text-light);font-size:14px}@media (max-width: 968px){.pricing-grid{grid-template-columns:1fr;gap:24px}.pricing-card.popular{transform:scale(1)}.pricing-card.popular:hover{transform:translateY(-8px)}}.success-stories{background:var(--bg-white)}.stories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:40px}.story-card{background:var(--bg-light);border-radius:20px;overflow:hidden;transition:all .3s ease}.story-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.story-image{height:200px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:80px}.story-content{padding:24px}.story-couple{font-size:22px;margin-bottom:8px;font-weight:700}.story-location{font-size:14px;color:var(--text-light);margin-bottom:16px}.story-text{font-size:15px;color:var(--text-dark);line-height:1.6;font-style:italic;margin-bottom:16px}.story-date{font-size:13px;color:var(--primary-color);font-weight:600}.stories-cta{text-align:center}@media (max-width: 968px){.stories-grid{grid-template-columns:1fr;gap:24px}}.stats{background:var(--bg-light);padding:60px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.stat-card{text-align:center;padding:20px}.stat-icon{font-size:48px;margin-bottom:16px}.stat-number{font-size:48px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label{font-size:16px;color:var(--text-light);font-weight:500}@media (max-width: 968px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:30px}.stat-number{font-size:36px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.faq{background:var(--bg-light)}.faq-container{max-width:800px;margin:0 auto 40px}.faq-item{background:var(--bg-white);border-radius:16px;margin-bottom:16px;overflow:hidden;border:2px solid var(--border-color);transition:all .3s ease}.faq-item:hover,.faq-item.open{border-color:var(--primary-color)}.faq-question{width:100%;padding:24px;display:flex;justify-content:space-between;align-items:center;background:none;text-align:left;font-size:18px;font-weight:600;color:var(--text-dark);cursor:pointer;transition:all .3s ease}.faq-question:hover{color:var(--primary-color)}.faq-icon{font-size:24px;font-weight:300;color:var(--primary-color);flex-shrink:0;margin-left:16px}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.open .faq-answer{max-height:500px}.faq-answer p{padding:0 24px 24px;font-size:15px;color:var(--text-light);line-height:1.8}.faq-cta{text-align:center;margin-top:60px}.faq-cta p{font-size:18px;color:var(--text-dark);margin-bottom:16px;font-weight:600}@media (max-width: 768px){.faq-question{font-size:16px;padding:20px}.faq-answer p{font-size:14px}}.cta{position:relative;background:var(--gradient-primary);padding:100px 0;overflow:hidden}.cta-background{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.1}.cta-shape{position:absolute;border-radius:50%;background:#fff}.cta-shape-1{width:400px;height:400px;top:-200px;right:-100px;animation:float 6s ease-in-out infinite}.cta-shape-2{width:300px;height:300px;bottom:-150px;left:-100px;animation:float 8s ease-in-out infinite;animation-delay:1s}.cta-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.cta-title{font-size:48px;color:#fff;margin-bottom:24px;line-height:1.2}.cta-title .text-gradient{background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,255,255,.3)}.cta-description{font-size:18px;color:#ffffffe6;margin-bottom:40px;line-height:1.8}.cta-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:40px}.cta-buttons .btn-primary{background:#fff;color:var(--primary-color)}.cta-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffffff4d}.cta-buttons .btn-secondary{background:transparent;color:#fff;border-color:#fff}.cta-buttons .btn-secondary:hover{background:#fff;color:var(--primary-color)}.cta-trust{display:flex;gap:32px;justify-content:center;flex-wrap:wrap}.trust-badge{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:500}.trust-badge-icon{font-size:20px}@media (max-width: 768px){.cta{padding:60px 0}.cta-title{font-size:32px}.cta-description{font-size:16px}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:300px}}.footer{background:var(--text-dark);color:#fff;padding:80px 0 32px}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:60px}.footer-logo{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:800;margin-bottom:16px}.footer-logo .logo-icon{font-size:32px}.footer-logo .logo-text{font-family:Playfair Display,serif}.footer-description{font-size:14px;color:#ffffffb3;line-height:1.6;margin-bottom:24px}.footer-social{display:flex;gap:12px}.social-link{width:40px;height:40px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .3s ease}.social-link:hover{background:var(--primary-color);transform:translateY(-4px)}.footer-title{font-size:16px;font-weight:700;margin-bottom:20px;color:#fff}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{font-size:14px;color:#ffffffb3;transition:color .3s ease}.footer-links a:hover{color:var(--primary-color)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}.footer-copyright{font-size:14px;color:#ffffff80}.footer-badges{display:flex;gap:16px}.footer-badge{font-size:12px;color:#ffffff80}@media (max-width: 968px){.footer-content{grid-template-columns:1fr 1fr;gap:32px}.footer-section:first-child{grid-column:1 / -1}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}@media (max-width: 480px){.footer-content{grid-template-columns:1fr}.footer-badges{flex-direction:column;gap:8px}}.App{min-height:100vh;background:var(--bg-white)}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #E91E63;--primary-dark: #C2185B;--primary-light: #F8BBD0;--secondary-color: #673AB7;--secondary-dark: #512DA8;--accent-color: #FF9800;--text-dark: #212121;--text-light: #757575;--text-white: #FFFFFF;--bg-light: #FAFAFA;--bg-white: #FFFFFF;--border-color: #E0E0E0;--success-color: #4CAF50;--gradient-primary: linear-gradient(135deg, #E91E63 0%, #673AB7 100%);--gradient-secondary: linear-gradient(135deg, #FF9800 0%, #E91E63 100%);--shadow-sm: 0 2px 4px rgba(0,0,0,.1);--shadow-md: 0 4px 12px rgba(0,0,0,.15);--shadow-lg: 0 8px 24px rgba(0,0,0,.2)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-dark);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:700;line-height:1.2;color:var(--text-dark)}a{text-decoration:none;color:inherit}button{font-family:Inter,sans-serif;cursor:pointer;border:none;outline:none}img{max-width:100%;height:auto}html{scroll-behavior:smooth}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{padding:14px 32px;border-radius:50px;font-size:16px;font-weight:600;transition:all .3s ease;display:inline-block;text-align:center}.btn-primary{background:var(--gradient-primary);color:var(--text-white);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--bg-white);color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:var(--text-white)}.btn-large{padding:18px 48px;font-size:18px}section{padding:80px 0}@media (max-width: 768px){section{padding:60px 0}.btn{padding:12px 24px;font-size:14px}.btn-large{padding:14px 32px;font-size:16px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.fade-in-up{animation:fadeInUp .6s ease-out}.fade-in{animation:fadeIn .6s ease-out}