:root{--romantic-gradient:linear-gradient(135deg,#ff6b6b,#ff8e8e 50%,#ffa8a8);--accent-gradient:linear-gradient(135deg,#4ecdc4,#44a08d 50%,#26d0ce);--hero-gradient:linear-gradient(135deg,rgba(255,107,107,0.95),rgba(68,160,141,0.9) 50%,rgba(255,168,168,0.85));--glass-gradient:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(255,255,255,0.05));--card-gradient:linear-gradient(145deg,rgba(255,255,255,0.9),rgba(255,255,255,0.7));--text-gradient:linear-gradient(135deg,#ff6b6b,#4ecdc4);--border-gradient:linear-gradient(90deg,transparent,rgba(255,107,107,0.3) 50%,transparent);--shadow-romantic:0 20px 40px rgba(255,107,107,0.3);--shadow-accent:0 20px 40px rgba(78,205,196,0.3);--shadow-glow:0 0 30px rgba(255,107,107,0.4);--shadow-card:0 10px 30px rgba(0,0,0,0.1);--bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--smooth:cubic-bezier(0.4,0,0.2,1);--elastic:cubic-bezier(0.175,0.885,0.32,1.275)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;letter-spacing:-.01em;line-height:1.6}.hero{background:var(--hero-gradient),radial-gradient(circle at 20% 80%,rgba(255,107,107,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(78,205,196,.3) 0,transparent 50%),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><defs><pattern id="hearts" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse"><text x="50" y="50" font-size="20" text-anchor="middle" fill="%23ffffff" opacity="0.08">💕</text></pattern></defs><rect width="1000" height="1000" fill="url(%23hearts)"/></svg>');background-size:cover,100% 100%,100% 100%,100px 100px;background-position:50%,0 0,0 0,0 0;color:white;padding:6rem 2rem;text-align:center;margin-bottom:0;border-radius:0;position:relative;overflow:hidden;animation:heroFadeIn 1.5s var(--smooth)}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--glass-gradient);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:1}.hero>*{position:relative;z-index:2}.hero h1{color:white;font-size:4rem;font-weight:800;margin-bottom:1.5rem;text-shadow:0 4px 20px rgba(0,0,0,.3);background:linear-gradient(135deg,#ffffff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleSlideIn 1s var(--elastic) .3s both}.hero p{font-size:1.4rem;font-weight:300;margin-bottom:3rem;opacity:.95;max-width:700px;margin-left:auto;margin-right:auto;text-shadow:0 2px 10px rgba(0,0,0,.2);animation:subtitleSlideIn 1s var(--smooth) .6s both}.cta-button{background:var(--romantic-gradient);color:white;padding:1.2rem 2.5rem;font-size:1.1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .4s var(--bounce);display:inline-block;text-decoration:none;margin:.5rem;box-shadow:var(--shadow-romantic);position:relative;overflow:hidden;animation:buttonSlideIn 1s var(--elastic) .9s both}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.cta-button:hover:before{left:100%}.cta-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:var(--shadow-glow);text-decoration:none;color:white}.cta-button:active{transform:translateY(-2px) scale(1.02)}.cta-secondary{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);color:white;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(255,255,255,.1);animation:buttonSlideIn 1s var(--elastic) 1.2s both}.cta-secondary:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);color:white;box-shadow:0 12px 40px rgba(255,255,255,.2);transform:translateY(-3px) scale(1.02)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:2.5rem;gap:2.5rem;margin:4rem 0;padding:0 1rem}.feature-card{text-align:center;padding:3rem 2rem;background:var(--card-gradient);border-radius:24px;box-shadow:var(--shadow-card);transition:all .4s var(--smooth);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:cardSlideUp .8s var(--smooth) both}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--romantic-gradient);transform:scaleX(0);transition:transform .3s var(--smooth)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 60px rgba(0,0,0,.15);border-color:rgba(255,107,107,.3)}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}.feature-card h3{font-size:1.4rem;font-weight:600;margin-bottom:1rem;background:var(--text-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-card p{color:var(--body-color);line-height:1.6;font-weight:400}.feature-icon{font-size:4rem;margin-bottom:1.5rem;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));animation:iconFloat 3s ease-in-out infinite}.feature-icon:nth-child(odd){animation-delay:.5s}.platform-badges{display:flex;justify-content:center;gap:1.5rem;margin:3rem 0;flex-wrap:wrap;animation:badgesSlideIn 1s var(--smooth) 1.5s both}.platform-badge{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:rgba(255,255,255,.9);border:2px solid rgba(255,255,255,.3);border-radius:50px;font-weight:500;transition:all .4s var(--bounce);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px rgba(0,0,0,.1);position:relative;overflow:hidden}.platform-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,107,.1),transparent);transition:left .5s}.platform-badge:hover:before{left:100%}.platform-badge:hover{border-color:var(--primary);background:var(--primary);color:white;transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-romantic)}.platform-badge span{font-size:1.2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.faq{margin:3rem 0}.faq-item{margin-bottom:1rem;border:1px solid var(--border-color)}.faq-item,.faq-question{border-radius:var(--border-radius)}.faq-question{padding:1rem;background:var(--light);cursor:pointer;font-weight:600}.faq-answer{padding:1rem;display:none}.faq-answer.active{display:block}@media (max-width:768px){.hero{padding:2rem 1rem}.hero h1{font-size:2.5rem}.features{grid-template-columns:1fr}.platform-badges{flex-direction:column;align-items:center}}.cta-section{background:var(--accent-gradient);color:white;padding:4rem 2rem;text-align:center;margin:4rem -2rem;border-radius:32px;position:relative;overflow:hidden;animation:ctaSlideIn 1s var(--smooth) both}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.1) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.05) 0,transparent 50%);z-index:1}.cta-section>*{position:relative;z-index:2}.cta-section h2{color:white;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700;text-shadow:0 4px 20px rgba(0,0,0,.3);animation:ctaTitleSlideIn 1s var(--elastic) .3s both}.cta-section p{margin-bottom:2.5rem;opacity:.95;font-size:1.2rem;font-weight:300;animation:ctaSubtitleSlideIn 1s var(--smooth) .6s both}.footer{margin-top:3rem;padding:2rem 0;border-top:1px solid var(--border-color);text-align:center;color:var(--secondary)}.nav{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 2rem;z-index:1000;border-bottom:1px solid rgba(255,255,255,.2);transition:all .3s var(--smooth);box-shadow:0 4px 20px rgba(0,0,0,.1)}.nav-content{max-width:var(--container-max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.6rem;font-weight:800;background:var(--text-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;transition:all .3s var(--smooth)}.logo:hover{transform:scale(1.05);filter:drop-shadow(0 2px 8px rgba(255,107,107,.3))}.nav-links{display:flex;gap:2.5rem;align-items:center}.nav-links a{color:var(--body-color);text-decoration:none;font-weight:500;transition:all .3s var(--smooth);position:relative;padding:.5rem 0}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--romantic-gradient);transition:width .3s var(--smooth)}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:var(--primary);transform:translateY(-2px)}body{padding-top:80px}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes titleSlideIn{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes subtitleSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:.95;transform:translateY(0)}}@keyframes buttonSlideIn{0%{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes badgesSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ctaSlideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes ctaTitleSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ctaSubtitleSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:.95;transform:translateY(0)}}:root[color-scheme=dark] .hero{background:var(--hero-gradient),radial-gradient(circle at 20% 80%,rgba(255,107,107,.2) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(78,205,196,.2) 0,transparent 50%),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><defs><pattern id="hearts" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse"><text x="50" y="50" font-size="20" text-anchor="middle" fill="%23ffffff" opacity="0.03">💕</text></pattern></defs><rect width="1000" height="1000" fill="url(%23hearts)"/></svg>')}:root[color-scheme=dark] .nav{background:rgba(15,23,42,.95);border-bottom:1px solid rgba(255,255,255,.1)}:root[color-scheme=dark] .feature-card{background:linear-gradient(145deg,rgba(30,41,59,.9),rgba(30,41,59,.7));border:1px solid rgba(255,255,255,.1)}:root[color-scheme=dark] .platform-badge{background:rgba(30,41,59,.9);border:2px solid rgba(255,255,255,.1)}