:root{--primary-start: #FF512F;--primary-end: #DD2476;--accent-green: #10B981;--bg-body: #0F172A;--bg-alt: #1E293B;--bg-surface: rgba(30, 41, 59, .6);--border-color: rgba(255, 255, 255, .1);--text-main: #FFFFFF;--text-strong: #FFFFFF;--text-muted: #94A3B8;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--shadow-color: rgba(0, 0, 0, .5);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--match-blue: #4CC9F0;--match-yellow: #FFD60A;--match-bg-grey: #4A4A4A;--match-bg-black: #000000}:root[data-theme=light]{--bg-body: #F8FAFC;--bg-alt: #F1F5F9;--bg-surface: rgba(255, 255, 255, .8);--border-color: #E2E8F0;--text-main: #111827;--text-strong: #0F172A;--text-muted: #64748B;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .05);--shadow-color: rgba(0, 0, 0, .1);--match-bg-grey: #F3F4F6;--match-bg-black: #E5E7EB}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-body);background-color:var(--bg-body);color:var(--text-main);line-height:1.6;overflow-x:hidden;min-height:100vh;transition:background-color .3s ease,color .3s ease}#universe-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-10;background:radial-gradient(ellipse at bottom,#1b2735,#090a0f);transition:opacity .5s ease}:root[data-theme=light] #universe-bg{opacity:0}#star-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-9;pointer-events:none;transition:opacity .5s ease}:root[data-theme=light] #star-canvas{opacity:.3;filter:invert(1)}.container{width:100%;max-width:1920px;margin:0 auto;padding:0 24px}@media(min-width:1024px){.container{padding:0 64px}}.h-full-flex{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg,var(--primary-start),var(--primary-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.font-display{font-family:var(--font-heading)}.text-muted{color:var(--text-muted)}.text-main{color:var(--text-main)}.text-strong{color:var(--text-strong);font-weight:700}.text-green-500{color:#22c55e}.font-bold{font-weight:700}.font-semibold{font-weight:600}.navbar{position:sticky;top:20px;margin:0 20px;z-index:100;border-radius:16px;transition:all .3s ease;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000000d}.nav-inner{height:64px;display:flex;justify-content:space-between;align-items:center}.brand-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-main)}.logo-icon{width:32px;height:32px}.brand-text{font-family:var(--font-heading);font-weight:700;font-size:22px}.nav-links{display:flex;gap:32px}.nav-links a{text-decoration:none;color:var(--text-muted);font-weight:500;font-size:14px;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--text-main)}.nav-actions{display:flex;align-items:center;gap:20px}.btn-icon{background:transparent;border:1px solid var(--border-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-main);cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--bg-surface);transform:scale(1.05)}.btn-primary-small{padding:8px 16px;border-radius:8px;background:linear-gradient(135deg,var(--primary-start),var(--primary-end));color:#fff;font-weight:600;font-size:.85rem;text-decoration:none;transition:transform .2s;border:none;cursor:pointer}.btn-primary-small:hover{transform:translateY(-1px)}.hero-section{padding:80px 0 20px;min-height:85vh;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:100px;font-size:13px;font-weight:600;color:var(--accent-green);margin-bottom:24px;border:1px solid rgba(16,185,129,.2);background:#10b9811a}.status-dot{width:8px;height:8px;background:var(--accent-green);border-radius:50%;box-shadow:0 0 10px var(--accent-green);animation:pulse 2s infinite}.hero-title{font-family:var(--font-heading);font-size:4.5rem;line-height:1.1;font-weight:800;margin-bottom:24px;color:var(--text-main)}.hero-desc{font-size:1.125rem;color:var(--text-muted);max-width:500px;margin-bottom:32px}.hero-trust{display:flex;align-items:center;gap:16px}.avatars{display:flex}.avatars img{width:40px;height:40px;border-radius:50%;border:3px solid var(--bg-body);margin-left:-12px}.highlight{color:var(--text-main);font-weight:600}.app-card-wrapper{perspective:1000px;width:100%}.app-card{padding:24px;min-height:450px;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px var(--shadow-color);transform:rotateY(-5deg) rotateX(2deg);transition:transform .5s ease;background:var(--bg-surface);border-radius:24px;overflow:hidden;position:relative;border:1px solid var(--border-color)}.app-card:hover{transform:rotateY(0) rotateX(0) translateY(-10px)}.video-preview-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.video-bg{width:100%;height:100%;object-fit:cover;opacity:.6}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:linear-gradient(135deg,var(--primary-start),var(--primary-end));filter:blur(60px);opacity:.3;z-index:-1}.lobby-interface{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;z-index:2}.lobby-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary-start),var(--primary-end));display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;box-shadow:0 10px 30px #dd247666}.pulse-ring{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:2px solid var(--primary-start);border-radius:50%;opacity:0;animation:ping 2s infinite}.lobby-interface h2{font-family:var(--font-heading);font-size:1.75rem;margin-bottom:8px;color:#fff}.gender-selector{display:flex;gap:12px;margin:24px 0;width:100%}.gender-btn{flex:1;padding:12px;background:#0f172a99;border:1px solid rgba(255,255,255,.1);color:#ddd;border-radius:12px;cursor:pointer;font-weight:600;transition:all .2s;white-space:nowrap}.gender-btn:hover,.gender-btn.active{border-color:var(--primary-start);color:#fff;background:#ff512fcc}.btn-primary{width:100%;padding:16px;background:linear-gradient(135deg,var(--primary-start),var(--primary-end));border:none;border-radius:14px;color:#fff;font-size:1.125rem;font-weight:700;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s;box-shadow:0 10px 20px #dd24764d}.btn-primary:hover{transform:translateY(-2px)}.btn-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent);transform:skew(-20deg);animation:shine 3s infinite}.terms-check{margin-top:16px;font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:8px;justify-content:center}.section-match{height:100vh;padding:100px 0 20px;display:flex;flex-direction:column;justify-content:center}.match-app-shell{display:flex;width:100%;flex:1;min-height:0;max-width:1200px;margin:0 auto;background:var(--match-bg-grey);border-radius:24px;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 30px 60px #00000080}.match-col-video{flex:1;display:flex;flex-direction:column;background:#000;border-right:1px solid #333;height:100%}.video-container{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-remote{border-bottom:1px solid #222}.match-iframe{width:100%;height:100%;border:none;object-fit:cover;z-index:5;background:transparent}.remote-feed-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;z-index:1}.loader-spinner{width:40px;height:40px;border:4px solid #333;border-top-color:var(--primary-start);border-radius:50%;animation:spin 1s linear infinite}.video-local{background:#000}#local-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.local-placeholder{position:absolute;color:#444;font-size:.9rem;z-index:0}.local-label{position:absolute;bottom:10px;left:10px;background:#00000080;padding:4px 8px;border-radius:4px;font-size:10px;color:#fff;z-index:10}.remote-overlay-content{position:absolute;top:15px;left:15px;right:15px;display:flex;justify-content:space-between;align-items:flex-start;z-index:10;pointer-events:none}.logo-watermark{width:40px;height:40px;opacity:.8}.remote-status{background:#0009;padding:6px 12px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-count{color:var(--match-blue);font-size:12px;font-weight:700;font-family:monospace}.match-col-chat{width:380px;background:#fff;display:flex;flex-direction:column;border-left:1px solid var(--border-color);height:100%}:root[data-theme=dark] .match-col-chat{background:#fff;color:#333}.chat-area{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column}.chat-welcome{background:#f3f4f6;padding:16px;border-radius:12px;font-size:14px;color:#4b5563;margin-bottom:20px}.btn-chat-new-top{margin-top:10px;font-size:11px;padding:4px 8px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.chat-log{display:flex;flex-direction:column;gap:10px}.system-msg{color:#9ca3af;font-size:12px;text-align:center;margin-top:10px}.chat-controls-bar{padding:12px 20px;border-top:1px solid #E5E7EB;background:#f9fafb;display:flex;justify-content:space-between;align-items:center}.control-group{display:flex;gap:8px}.btn-control-yellow{background:var(--match-yellow);border:1px solid #e6c200;color:#000;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;text-transform:uppercase}.btn-control-blue{background:var(--match-blue);border:1px solid #3bb8dd;color:#fff;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 2px 5px #0000001a}.chat-input-wrapper{padding:16px;border-top:1px solid #E5E7EB;background:#fff;display:flex;gap:10px}.chat-input-field{flex:1;padding:10px 14px;border:1px solid #D1D5DB;border-radius:8px;outline:none;font-size:14px}.chat-input-field:focus{border-color:var(--match-blue)}.chat-send-btn{padding:0 20px;background:#f3f4f6;border:1px solid #D1D5DB;border-radius:8px;font-weight:600;color:#4b5563;cursor:pointer}.chat-send-btn:hover{background:#e5e7eb}.section-padding{padding:80px 0}.section-header h2{font-family:var(--font-heading);font-size:2.5rem;margin-bottom:16px;color:var(--text-main);text-align:center}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.bento-card{padding:32px;border-radius:24px;background:var(--bg-surface);border:1px solid var(--border-color);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.bento-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px var(--shadow-color)}.card-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#fff}.gradient-1{background:linear-gradient(135deg,#10b981,#059669)}.gradient-2{background:linear-gradient(135deg,#3b82f6,#2563eb)}.gradient-3{background:linear-gradient(135deg,#f59e0b,#d97706)}.bento-card h3{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:12px;color:var(--text-main)}.bento-card p{color:var(--text-muted);font-size:.95rem}.steps-grid{display:grid;grid-template-columns:1fr;gap:32px;margin-top:32px}@media(min-width:768px){.steps-grid{grid-template-columns:repeat(3,1fr)}}.step-card{display:flex;flex-direction:column;align-items:center;cursor:default;transition:transform .3s ease}.step-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin-bottom:24px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-main);transition:all .3s ease;position:relative;overflow:hidden}.step-card h3{font-size:1.25rem;font-weight:700;margin-bottom:8px;color:var(--text-main);transition:color .3s ease}.step-card p{font-size:.875rem;color:var(--text-muted);max-width:250px;opacity:.8;transition:opacity .3s ease}.step-card:hover .step-icon{transform:scale(1.1);border-color:#dd247680;box-shadow:0 0 15px #dd247633}.step-card:hover h3{color:var(--primary-start)}.step-card:hover p{opacity:1}.step-card.highlight-step .step-icon{background:linear-gradient(135deg,#ff512f,#dd2476);color:#fff;border:none;box-shadow:0 4px 15px #dd247666}.step-card.highlight-step:hover .step-icon{transform:scale(1.1);box-shadow:0 8px 25px #dd247699}.split-layout{display:grid;grid-template-columns:1fr;gap:60px}@media(min-width:1024px){.split-layout{grid-template-columns:1fr 350px}}.content-area h2{font-family:var(--font-heading);font-size:2rem;margin-bottom:20px;color:var(--text-main)}.content-area h3{font-family:var(--font-heading);font-size:1.5rem;margin:30px 0 15px;color:var(--text-main)}.content-area p{margin-bottom:16px;color:var(--text-muted)}.comparison-table{width:100%;border-collapse:collapse;margin-bottom:24px;color:var(--text-main)}.comparison-table th,.comparison-table td{padding:16px;border-bottom:1px solid var(--border-color)}.comparison-table thead tr{background:var(--bg-surface)}.comparison-table th{font-weight:700}.feature-list-vertical{list-style:disc;padding-left:20px;color:var(--text-muted);margin-bottom:24px}.widget{padding:24px;margin-bottom:24px;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:var(--text-main)}.pulse-dot{width:8px;height:8px;background:red;border-radius:50%;box-shadow:0 0 10px red;animation:pulse 1s infinite}.reviews-list .review-item{padding:10px 0;border-bottom:1px solid var(--border-color);color:var(--text-muted);font-size:.9rem}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.interest-tag{padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:500;cursor:pointer;background:var(--bg-surface);color:var(--text-muted);transition:all .2s;border:1px solid var(--border-color)}.interest-tag:hover{background:var(--primary-end);color:#fff;border-color:var(--primary-end)}.faq-item{border-bottom:1px solid var(--border-color)}.faq-summary{padding:20px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:var(--text-main);font-weight:600;font-size:1.1rem}.faq-answer-clean{padding-bottom:20px;color:var(--text-muted);line-height:1.6}.faq-icon-chevron{width:24px;height:24px;transition:transform .3s}details[open] .faq-icon-chevron{transform:rotate(180deg)}.cta-card{padding:24px;border-radius:16px;background:linear-gradient(135deg,var(--primary-start),var(--primary-end));box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;text-align:center;color:#fff;transform:scale(1);transition:transform .3s ease}.cta-card:hover{transform:scale(1.02)}.cta-card h4{margin-bottom:16px;font-size:1.5rem}.cta-button{width:100%;padding:16px 24px;background:#fff;color:#111827;font-weight:700;font-size:1.125rem;border-radius:12px;border:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;transition:background-color .2s}.cta-button:hover{background-color:#f9fafb}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000c;display:none;align-items:center;justify-content:center}.modal-overlay.open{display:flex;animation:fadeInUp .3s}.login-card{background:#fff;padding:40px;border-radius:24px;text-align:center;max-width:480px;width:90%;color:#333}.login-brand-text{font-family:var(--font-heading);font-weight:800;font-size:24px;color:#333}.login-title{margin:20px 0;font-size:18px;font-weight:600;color:#444}.social-login-stack{display:flex;flex-direction:column;gap:12px;margin:24px 0}.social-btn{padding:12px;border-radius:12px;border:1px solid #ddd;background:#fff;font-weight:600;cursor:pointer;transition:transform .2s;display:flex;align-items:center;justify-content:center;gap:10px}.social-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.btn-facebook{background:#1877f2;color:#fff;border:none}.btn-google{color:#555}.login-footer{font-size:11px;color:#888;text-align:left;line-height:1.4}.login-check-label{display:flex;gap:8px;cursor:pointer}.footer{border-top:1px solid var(--border-color);padding:40px 0;margin-top:60px;font-size:14px;color:var(--text-muted)}.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.footer-links a{margin-left:20px;color:inherit;text-decoration:none}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes shine{to{left:125%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake{animation:shake .5s}@media(max-width:1024px){.hero-grid,.split-layout{grid-template-columns:1fr}.hero-title{font-size:3rem}.bento-grid,.steps-grid{grid-template-columns:1fr}.nav-links{display:none}.section-match{height:100vh;min-height:100vh;padding-top:80px}.match-app-shell{flex-direction:column;flex:1;height:auto;width:95%}.match-col-chat{width:100%;height:400px;border-left:none;border-top:1px solid #333}.match-col-video{height:400px}.video-remote,.video-local{height:50%}}