@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";.carousel-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:2rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.slide-1{background:linear-gradient(135deg,#6e8efb,#a777e3)}.slide-2{background:linear-gradient(135deg,#ff9a9e,#fad0c4)}.slide-3{background:linear-gradient(135deg,#43e97b,#38f9d7)}.slide-4{background:linear-gradient(135deg,#ff8177,#ff867a)}@keyframes fadeInDelay{0%{opacity:0;transform:translateY(20px)}50%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn 1s ease-out forwards}.animate-fade-in-delay{animation:fadeInDelay 1.5s ease-out forwards}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#6a5ae0,#4a148c,#1a0d2e);color:#fff;min-height:100vh;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:12px 24px;border-radius:30px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(90deg,#6a5ae0,#4a148c);color:#fff;box-shadow:0 4px 15px #6a5ae066}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6a5ae099}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.card{background:#ffffff0d;border-radius:20px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003;transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0000004d}.section{padding:80px 0}.section-title{text-align:center;font-size:2.5rem;margin-bottom:20px;background:linear-gradient(90deg,#6a5ae0,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite}.section-subtitle{text-align:center;font-size:1.2rem;color:#ffffffb3;margin-bottom:60px;max-width:700px;margin-left:auto;margin-right:auto}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes animation-delay-1000{0%{opacity:0}to{opacity:1}}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-slow{animation:pulse 2s ease-in-out infinite}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-slide-in-left{animation:slideInLeft .5s ease forwards}.animate-slide-in-right{animation:slideInRight .5s ease forwards}.animate-shake{animation:shake .5s ease-in-out}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animation-delay-1000{animation-delay:1s}.live-indicator{display:inline-flex;align-items:center;background:#ff4757;color:#fff;padding:5px 10px;border-radius:20px;font-weight:600;font-size:.9rem}.live-dot{width:8px;height:8px;background:#fff;border-radius:50%;margin-right:5px;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.video-call-container{position:relative;width:100%;height:100%}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center}.video-placeholder{text-align:center;color:#ffffffb3}.video-placeholder-icon{font-size:4rem;margin-bottom:20px;color:#6a5ae0}.spin-card{perspective:1000px}.spin-card-inner{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d}.spin-card.flipped .spin-card-inner{transform:rotateY(180deg)}.spin-card-front,.spin-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:20px;overflow:hidden}.spin-card-back{transform:rotateY(180deg)}.radar-container{position:relative;width:100%;height:400px;background:#0000004d;border-radius:20px;overflow:hidden}.radar-sweep{position:absolute;top:0;left:0;width:100%;height:100%;background:conic-gradient(from 0deg,transparent 0deg,rgba(106,90,224,.3) 60deg,transparent 120deg);animation:radarSweep 2s linear infinite}@keyframes radarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-dot{position:absolute;width:12px;height:12px;background:#4ade80;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #4ade80}.radar-dot.offline{background:#94a3b8;box-shadow:0 0 10px #94a3b8}.notification{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:10px;background:#6a5ae0e6;color:#fff;box-shadow:0 5px 15px #0000004d;transform:translate(120%);transition:transform .3s ease;z-index:1000}.notification.show{transform:translate(0)}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#6a5ae0;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.match-card{background:#ffffff14;border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.match-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0006}.match-card-img{width:100%;height:400px;object-fit:cover}.match-card-content{padding:20px}.match-card-title{font-size:1.5rem;font-weight:700;margin-bottom:5px}.match-card-subtitle{color:#ffffffb3;margin-bottom:15px}.match-card-interests{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.match-card-interest{background:#6a5ae033;color:#c0b3f0;padding:5px 12px;border-radius:20px;font-size:.85rem}.match-card-actions{display:flex;justify-content:space-between;align-items:center}.match-card-counter{color:#fff9;font-size:.9rem}.match-card-buttons{display:flex;gap:15px}.match-card-button{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;transition:all .3s ease}.match-card-button:hover{transform:scale(1.1);background:#fff3}.match-card-button.heart{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border:none;box-shadow:0 4px 15px #ff6b6b66}.match-card-button.heart:hover{transform:scale(1.15);box-shadow:0 6px 20px #ff6b6b99}.heart-animation{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none}.heart-animation-inner{position:relative;width:120px;height:120px;animation:heartPop 1s ease-out}@keyframes heartPop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:0}}.heart-animation-inner svg{width:100%;height:100%;fill:#ff6b6b;filter:drop-shadow(0 0 20px rgba(255,107,107,.8))}.lottie-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.section{padding:50px 0}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.card{padding:15px}.match-card-img{height:300px}.match-card-content{padding:15px}.match-card-title{font-size:1.3rem}.match-card-button{width:45px;height:45px}.hero-buttons{flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr}.how-it-works-grid,.features-grid,.testimonials-grid,.blog-grid,.pricing-grid{grid-template-columns:1fr}.faq-item button{padding:1rem}.faq-item .faq-content{padding:0 1rem 1rem}}@media (max-width: 480px){.container{padding:0 15px}.section-title{font-size:1.8rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.btn{padding:10px 20px;font-size:.9rem}.btn-primary,.btn-secondary{width:100%;text-align:center;justify-content:center}.hero-buttons,.stats-grid{gap:10px}.stat-card{padding:10px}.stat-value{font-size:1.5rem}.stat-label{font-size:.8rem}}