:root{--font-sans:"Plus Jakarta Sans", system-ui, sans-serif;--font-display:"Space Grotesk", system-ui, sans-serif;--bg-base:#0a0a0f;--bg-surface:#12121a;--bg-card:#ffffff0a;--bg-card-hover:#ffffff12;--border:#ffffff14;--border-accent:#a855f766;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#4b5563;--violet:#8b5cf6;--violet-light:#a78bfa;--rose:#f43f5e;--rose-light:#fb7185;--amber:#f59e0b;--gradient-primary:linear-gradient(135deg, #7c3aed 0%, #ec4899 100%);--gradient-bg:linear-gradient(135deg, #0f0f1a 0%, #1a0a2e 50%, #0f1a1a 100%);--gradient-card:linear-gradient(135deg, #7c3aed1a 0%, #ec48990d 100%);--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px #00000080;--shadow-lg:0 20px 60px #0009;--shadow-glow:0 0 40px #8b5cf633}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg-base);background-image:var(--gradient-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}body:before,body:after{content:"";filter:blur(120px);opacity:.15;pointer-events:none;z-index:0;border-radius:50%;position:fixed}body:before{background:radial-gradient(circle,#7c3aed,#0000);width:600px;height:600px;animation:20s ease-in-out infinite float-orb;top:-200px;left:-200px}body:after{background:radial-gradient(circle,#ec4899,#0000);width:500px;height:500px;animation:25s ease-in-out infinite reverse float-orb;bottom:-150px;right:-150px}#root{z-index:1;min-height:100vh;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:700;line-height:1.2}a{color:var(--violet-light);text-decoration:none;transition:color .2s}a:hover{color:#c4b5fd}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8b5cf6b3}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.btn-primary{background:var(--gradient-primary);color:#fff;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:opacity .2s,transform .15s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #7c3aed66}.btn-primary:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26,#0000);transition:opacity .2s;position:absolute;inset:0}.btn-primary:hover:before{opacity:1}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 30px #7c3aed80}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{color:var(--violet-light);font-family:var(--font-sans);border:1px solid var(--border-accent);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--violet-light);background:#8b5cf61a;transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);font-size:14px;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;transition:all .2s;display:inline-flex}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-card)}.input-field{border:1px solid var(--border);width:100%;color:var(--text-primary);font-family:var(--font-sans);background:#ffffff0d;border-radius:10px;outline:none;padding:12px 16px;font-size:15px;transition:border-color .2s,background .2s,box-shadow .2s}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--violet);background:#8b5cf60d;box-shadow:0 0 0 3px #8b5cf61a}.input-field:disabled{opacity:.5;cursor:not-allowed}select.input-field{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;padding-right:40px}select.input-field option{color:var(--text-primary);background:#1a1a2e}textarea.input-field{resize:vertical;min-height:100px}.label{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.badge{letter-spacing:.3px;border-radius:100px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-violet{color:#c4b5fd;background:#8b5cf626;border:1px solid #8b5cf64d}.badge-rose{color:#fda4af;background:#f43f5e26;border:1px solid #f43f5e4d}.badge-green{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d}.badge-amber{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b4d}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.divider{background:var(--border);height:1px;margin:24px 0}.alert-error{color:#fda4af;background:#f43f5e1a;border:1px solid #f43f5e4d;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:14px;display:flex}.alert-success{color:#6ee7b7;background:#10b9811a;border:1px solid #10b9814d;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:14px;display:flex}.alert-info{color:#c4b5fd;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:14px;display:flex}.progress-bar{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:var(--gradient-primary);border-radius:2px;height:100%;transition:width .4s}.spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float-orb{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}}@keyframes fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #8b5cf633}50%{box-shadow:0 0 40px #8b5cf680,0 0 80px #ec489933}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:.5s forwards fade-in}.animate-slide-up{animation:.6s forwards slide-up}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:80ms}.stagger>:nth-child(3){animation-delay:.16s}.stagger>:nth-child(4){animation-delay:.24s}.stagger>:nth-child(5){animation-delay:.32s}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite shimmer}.otp-input{text-align:center;width:52px;height:60px;font-size:24px;font-weight:700;font-family:var(--font-display);border:1px solid var(--border);color:var(--text-primary);background:#ffffff0d;border-radius:12px;outline:none;transition:all .2s}.otp-input:focus{border-color:var(--violet);background:#8b5cf614;box-shadow:0 0 0 3px #8b5cf626}.interest-tag{color:#c4b5fd;cursor:pointer;-webkit-user-select:none;user-select:none;background:#8b5cf61a;border:1px solid #8b5cf640;border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .15s;display:inline-flex}.interest-tag:hover{background:#8b5cf633;border-color:#8b5cf680}.interest-tag.selected{border-color:var(--violet);color:#fff;background:#8b5cf640}.chat-bubble-me{background:var(--gradient-primary);color:#fff;border-radius:18px 18px 4px;max-width:70%;padding:10px 16px;font-size:14px;line-height:1.5;box-shadow:0 2px 12px #7c3aed4d}.chat-bubble-them{border:1px solid var(--border);color:var(--text-primary);background:#ffffff12;border-radius:18px 18px 18px 4px;max-width:70%;padding:10px 16px;font-size:14px;line-height:1.5}.compat-ring{justify-content:center;align-items:center;display:flex;position:relative}input[type=checkbox]{appearance:none;border:2px solid var(--border);cursor:pointer;border-radius:5px;flex-shrink:0;width:18px;height:18px;transition:all .15s;position:relative}input[type=checkbox]:checked{background:var(--gradient-primary);border-color:#0000}input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-top:none;border-left:none;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.radio-option{border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;transition:all .15s;display:flex}.radio-option:hover{border-color:var(--border-accent);background:#8b5cf60d}.radio-option.selected{border-color:var(--violet);background:#8b5cf61a}.btn-reveal{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f43f5e,#ec4899);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #f43f5e4d}.btn-reveal:hover{transform:translateY(-1px);box-shadow:0 8px 24px #f43f5e66}.btn-reveal-pending{background:linear-gradient(135deg,#f59e0b,#f97316);animation:2s ease-in-out infinite pulse-glow;box-shadow:0 4px 16px #f59e0b4d}.btn-reveal-revealed{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b9814d}.score-circle{background:conic-gradient(from 180deg, var(--violet) var(--score,0%), var(--border) var(--score,0%));border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.score-circle:before{content:"";background:var(--bg-surface);border-radius:50%;position:absolute;inset:6px}.score-value{z-index:1;font-size:18px;font-weight:700;font-family:var(--font-display);color:var(--text-primary);position:relative}@media (width<=768px){.otp-input{width:44px;height:52px;font-size:20px}}