*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a2e;--bg-card-hover:#222240;--bg-card-selected:#2a1a3e;--border:#ffffff0f;--border-selected:#a855f799;--text-primary:#f0f0f5;--text-secondary:#8888a0;--text-muted:#55556a;--accent-purple:#a855f7;--accent-pink:#ec4899;--accent-red:#ef4444;--accent-blue:#6366f1;--gradient-main:linear-gradient(135deg, #a855f7, #ec4899);--gradient-danger:linear-gradient(135deg, #ef4444, #ec4899);--gradient-glow:linear-gradient(135deg, #a855f726, #ec489926);--shadow-card:0 4px 24px #0000004d;--shadow-glow:0 0 40px #a855f726;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--transition:.3s cubic-bezier(.4, 0, .2, 1)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}#root{min-height:100vh}.app{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.app:before,.app:after{content:"";filter:blur(120px);opacity:.4;z-index:0;border-radius:50%;animation:8s ease-in-out infinite float;position:fixed}.app:before{background:radial-gradient(circle,#a855f74d,#0000);width:400px;height:400px;top:-100px;left:-100px}.app:after{background:radial-gradient(circle,#ec489940,#0000);width:350px;height:350px;animation-delay:-4s;bottom:-80px;right:-80px}@keyframes float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-30px)scale(1.1)}}.progress-container{z-index:1;width:100%;max-width:480px;margin-bottom:32px}.progress-label{color:var(--text-secondary);justify-content:space-between;margin-bottom:8px;font-size:.8rem;font-weight:500;display:flex}.progress-bar{background:var(--bg-card);border-radius:100px;width:100%;height:6px;overflow:hidden}.progress-fill{background:var(--gradient-main);border-radius:100px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.question-card{z-index:1;width:100%;max-width:520px;animation:.5s cubic-bezier(.4,0,.2,1) slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.question-number{background:var(--gradient-glow);color:var(--accent-purple);text-transform:uppercase;letter-spacing:.5px;border:1px solid #a855f733;border-radius:100px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 14px;font-size:.75rem;font-weight:600;display:inline-flex}.question-text{color:var(--text-primary);margin-bottom:28px;font-size:1.35rem;font-weight:700;line-height:1.4}.options{flex-direction:column;gap:12px;display:flex}.option-btn{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;transition:var(--transition);align-items:center;gap:14px;padding:16px 20px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;display:flex;position:relative;overflow:hidden}.option-btn:before{content:"";background:var(--gradient-main);opacity:0;transition:opacity .3s;position:absolute;inset:0}.option-btn:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-card);border-color:#a855f74d;transform:translateY(-1px)}.option-btn:active{transform:translateY(0)scale(.99)}.option-btn.selected{border-color:var(--border-selected);background:var(--bg-card-selected);box-shadow:var(--shadow-glow)}.option-btn.selected:before{opacity:.05}.option-indicator{border:2px solid var(--text-muted);width:22px;height:22px;transition:var(--transition);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;display:flex}.option-btn.selected .option-indicator{border-color:var(--accent-purple);background:var(--accent-purple);color:#fff}.option-label{z-index:1;position:relative}.loading-screen{z-index:1;text-align:center;max-width:420px;animation:.5s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-icon{margin-bottom:20px;font-size:3rem;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.loading-title{margin-bottom:12px;font-size:1.3rem;font-weight:700}.loading-subtitle{color:var(--text-secondary);margin-bottom:28px;font-size:.9rem}.loading-bar-track{background:var(--bg-card);border-radius:100px;width:100%;height:8px;overflow:hidden}.loading-bar-fill{background:var(--gradient-main);border-radius:100px;height:100%;transition:width .3s}.loading-percent{color:var(--text-secondary);margin-top:10px;font-size:.8rem;font-weight:600}.result-screen{z-index:1;text-align:center;max-width:520px;animation:.6s cubic-bezier(.4,0,.2,1) slideIn}.result-badge{color:var(--accent-red);text-transform:uppercase;letter-spacing:.5px;background:#ef44441f;border:1px solid #ef444440;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 18px;font-size:.8rem;font-weight:600;display:inline-flex}.result-title{background:var(--gradient-danger);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:1.6rem;font-weight:800;line-height:1.3}.result-subtitle{color:var(--text-secondary);margin-bottom:28px;font-size:1rem;line-height:1.6}.social-proof{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);justify-content:center;align-items:center;gap:12px;margin-bottom:24px;padding:14px 20px;display:flex}.social-proof-avatars{display:flex}.social-proof-avatar{border:2px solid var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:-8px;font-size:.75rem;font-weight:700;display:flex}.social-proof-avatar:first-child{margin-left:0}.social-proof-text{text-align:left;color:var(--text-secondary);font-size:.82rem;line-height:1.4}.social-proof-text strong{color:var(--text-primary)}.features{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:28px;display:flex}.feature-tag{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);border-radius:100px;align-items:center;gap:6px;padding:8px 14px;font-size:.78rem;font-weight:500;display:flex}.cta-btn{background:var(--gradient-main);border-radius:var(--radius-md);color:#fff;cursor:pointer;width:100%;max-width:400px;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:10px;padding:18px 32px;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:700;text-decoration:none;animation:2s ease-in-out infinite ctaPulse;display:inline-flex;position:relative;overflow:hidden}.cta-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;animation:2.5s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes ctaPulse{0%,to{box-shadow:0 0 #a855f766}50%{box-shadow:0 0 0 8px #a855f700}}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #a855f766}.cta-btn:active{transform:translateY(0)scale(.98)}.cta-arrow{transition:transform .3s}.cta-btn:hover .cta-arrow{transform:translate(4px)}.cta-disclaimer{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;margin-top:14px;font-size:.75rem;display:flex}.testimonials{flex-direction:column;gap:12px;margin-top:28px;display:flex}.testimonial{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;padding:14px 18px}.testimonial-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.testimonial-stars{color:#fbbf24;letter-spacing:1px;font-size:.75rem}.testimonial-name{color:var(--text-primary);font-size:.8rem;font-weight:600}.testimonial-date{color:var(--text-muted);font-size:.72rem}.testimonial-text{color:var(--text-secondary);font-size:.82rem;line-height:1.5}@media (width<=600px){.app{padding:16px}.question-text{font-size:1.15rem}.option-btn{padding:14px 16px;font-size:.88rem}.result-title{font-size:1.3rem}.features{gap:8px}.feature-tag{padding:6px 12px;font-size:.72rem}}