:root{--bg: #f8fafc;--surface: #ffffff;--surface2: #f1f5f9;--border: #e2e8f0;--border-strong: #cbd5e1;--primary: #1e293b;--primary-hover: #0f172a;--violet: #7c3aed;--violet-soft: #f5f3ff;--coral: #e11d48;--coral-soft: #fff1f2;--accent: #7c3aed;--accent2: #e11d48;--accent-soft: #f5f3ff;--text: #1e293b;--muted: #64748b;--success: #059669;--success-soft: #ecfdf5;--gold: #d97706;--silver: #64748b;--bronze: #b45309;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse 70% 50% at 0% 0%,rgba(124,58,237,.07),transparent),radial-gradient(ellipse 60% 45% at 100% 100%,rgba(225,29,72,.06),transparent)}#root{min-height:100vh}.app{max-width:680px;margin:0 auto;padding:2rem 1.25rem 3rem}.site-brand-bar{display:flex;justify-content:flex-start;margin-bottom:1.5rem}.site-brand-bar--center{justify-content:center}.infludata-brand{display:inline-flex;align-items:center;text-decoration:none;line-height:0}.infludata-brand img{display:block;width:auto;height:auto}.infludata-brand--header img{width:160px;max-width:100%}.infludata-brand--footer img{width:140px;max-width:100%}.site-header{border-bottom:1px solid var(--border);padding-bottom:1.5rem;margin-bottom:2rem}.site-header--center{text-align:center}.site-kicker{display:inline-flex;align-items:center;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--violet);margin-bottom:.5rem}.site-header--center .site-kicker{justify-content:center}.site-header h1{font-size:clamp(1.5rem,4vw,1.85rem);font-weight:700;letter-spacing:-.02em;color:var(--primary);background:linear-gradient(135deg,#1e293b 0%,var(--violet) 55%,var(--coral) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.site-header p{color:var(--muted);margin-top:.5rem;font-size:.95rem;line-height:1.5}.progress-bar{height:4px;background:var(--border);border-radius:999px;margin-bottom:1.75rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--violet),var(--coral));border-radius:999px;transition:width .3s ease}.step-label{font-size:.75rem;color:var(--muted);margin-bottom:.35rem;font-weight:500}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.5rem;margin-bottom:1.25rem;box-shadow:0 1px 3px #0f172a0a}.card h2{font-size:1.125rem;font-weight:600;margin-bottom:0;letter-spacing:-.01em}.card-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.35rem}.card-title--compact{margin-bottom:1rem}.card-title--compact .hint--inline{margin-bottom:0;margin-top:.2rem}.icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--violet-soft),var(--coral-soft));color:var(--violet);flex-shrink:0}.icon-wrap--sm{width:32px;height:32px;border-radius:8px}.icon-wrap--sm svg{width:16px;height:16px}.icon-wrap--lg{width:44px;height:44px}.card-title-icon svg{color:var(--violet)}.kicker-icon{display:inline-flex;vertical-align:middle;margin-right:.35rem;width:28px;height:28px}.option-btn--icon{display:flex;flex-direction:column;align-items:center;gap:.4rem;min-height:72px;justify-content:center}.option-btn--icon svg{color:var(--violet)}.option-btn--icon.selected svg{color:var(--coral)}.input-with-icon{display:flex;align-items:center;gap:.55rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);padding:.45rem .85rem .45rem .65rem;margin-bottom:.85rem}.input-with-icon:focus-within{border-color:var(--violet);box-shadow:0 0 0 3px #7c3aed1f}.input-icon{flex-shrink:0;pointer-events:none}.input-with-icon .input-field{border:none;background:transparent;margin-bottom:0;flex:1;min-width:0;padding:.3rem 2rem .3rem 0}.input-with-icon .input-field:focus{outline:none;box-shadow:none}.input-field--icon{padding-left:0}.match-reasons li{display:flex;flex-direction:row;align-items:flex-start;gap:.65rem;font-size:.8125rem;line-height:1.45;padding:.55rem 0;border-bottom:1px solid var(--border)}.reason-icon-wrap{margin-top:.1rem}.reason-content{display:flex;flex-direction:column;gap:.15rem;min-width:0}.reason-label{font-weight:600;color:var(--violet)}.meta-tag{display:inline-flex;align-items:center;gap:.3rem}.btn-link{display:inline-flex;align-items:center;gap:.4rem}.match-link{display:inline-flex;align-items:center;gap:.25rem}.btn-primary,.btn-ghost,.btn-secondary,.restart-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.restart-btn{flex-direction:row}.card .hint{color:var(--muted);font-size:.875rem;margin-bottom:1.25rem;line-height:1.45}.options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.options-grid--single{grid-template-columns:1fr}.options-grid--single .option-btn{text-align:left}.option-btn{font-family:var(--font);font-size:.875rem;font-weight:500;padding:.75rem .85rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;text-align:center}.option-btn:hover{border-color:#7c3aed59;background:var(--violet-soft)}.option-btn.selected{border-color:var(--violet);background:var(--violet-soft);font-weight:600;box-shadow:0 0 0 1px #7c3aed26}.category-btn{min-height:44px}.nav-row{display:flex;gap:.65rem;margin-top:1.25rem}.btn{font-family:var(--font);font-weight:600;font-size:.9rem;padding:.75rem 1.25rem;border-radius:6px;border:none;cursor:pointer;transition:background .15s}.btn-primary{flex:1;background:linear-gradient(135deg,var(--violet),var(--coral));color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 4px 14px #7c3aed40}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:var(--surface);color:var(--muted);border:1px solid var(--border)}.btn-secondary{background:var(--surface);color:var(--violet);border:1px solid rgba(124,58,237,.25);width:100%}.btn-secondary:hover{background:var(--violet-soft)}.input-field{width:100%;font-family:var(--font);font-size:.95rem;padding:.75rem .85rem;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);margin-bottom:.85rem}.input-field:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px #7c3aed1f}.textarea-field{resize:vertical;min-height:140px;line-height:1.55;margin-bottom:.5rem}.char-count{font-size:.75rem;color:var(--muted);text-align:right;margin-bottom:.25rem}.char-count--ok{color:var(--success)}.hint-optional{color:var(--muted);font-weight:500}.profile-summary{margin-top:.85rem;padding:.9rem 1rem;background:var(--violet-soft);border:1px solid rgba(124,58,237,.15);border-radius:8px;color:var(--primary);font-size:.925rem;line-height:1.55;text-align:left}.loading-screen{text-align:center;padding:4rem 1rem}.spinner{width:32px;height:32px;border:2px solid var(--border);border-top-color:var(--violet);border-right-color:var(--coral);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:.9rem;color:var(--muted)}.results-header{margin-bottom:1.5rem}.results-header h2{font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.results-meta{color:var(--muted);margin-top:.35rem;font-size:.875rem}.top-match{background:linear-gradient(145deg,var(--violet-soft) 0%,var(--coral-soft) 100%);border:1px solid rgba(124,58,237,.18);border-radius:12px;padding:1.5rem;margin-bottom:1.25rem;box-shadow:0 4px 16px #7c3aed14}.top-match-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.top-match-main{flex:1;min-width:0}.top-match-score{flex-shrink:0;text-align:right}.score-value{font-size:1.75rem;font-weight:700;line-height:1;letter-spacing:-.03em;background:linear-gradient(135deg,var(--violet),var(--coral));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-label{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:.2rem}.agency-logo-wrap{flex-shrink:0;border-radius:6px;overflow:hidden;background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.agency-logo-wrap--lg{width:56px;height:56px}.agency-logo-wrap--sm{width:40px;height:40px}.agency-logo-img{width:100%;height:100%;object-fit:contain;padding:4px;display:block}.agency-logo-fallback{display:none;font-weight:600;font-size:.7rem;color:var(--muted)}.agency-logo-fallback.visible{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--surface2)}.agency-name{font-size:1.125rem;font-weight:600;margin-bottom:.25rem;letter-spacing:-.01em}.agency-meta{color:var(--muted);font-size:.8125rem;line-height:1.4}.meta-tag{display:inline-block;font-size:.75rem;font-weight:500;padding:.2rem .5rem;border-radius:4px;margin-top:.5rem;background:var(--surface2);border:1px solid var(--border);color:var(--muted)}.meta-tag.positive{color:var(--success);background:var(--success-soft);border-color:#6ee7b7}.match-assessment{border-top:1px solid rgba(124,58,237,.12);padding-top:1rem;background:#ffffff8c;margin:0 -.25rem;padding-left:.25rem;padding-right:.25rem;border-radius:8px}.match-assessment h3{font-size:.8125rem;font-weight:600;color:var(--violet);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.match-assessment>p{font-size:.9rem;line-height:1.55;color:var(--text)}.match-tip{margin-top:.75rem;font-size:.8125rem;color:var(--muted);line-height:1.45}.btn-link{display:inline-block;margin-top:1rem;color:var(--coral);font-weight:600;text-decoration:none;font-size:.875rem}.btn-link:hover{text-decoration:underline}.match-list{display:flex;flex-direction:column;gap:.65rem}.match-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.match-card:hover{border-color:#7c3aed38;box-shadow:0 2px 10px #7c3aed0f}.match-card--top1{border-color:#d9770659;background:linear-gradient(180deg,#fffbeb,#fff 40%)}.match-card--top2{border-color:#64748b59}.match-card--top3{border-color:#b4530947}.match-explanation{padding:.85rem 1rem 1rem;border-top:1px solid var(--border)}.match-explanation-summary{font-size:.8125rem;color:var(--text);line-height:1.5;margin-bottom:.65rem}.match-reasons{list-style:none;display:flex;flex-direction:column;gap:0}.match-reasons li:last-child{border-bottom:none;padding-bottom:0}.match-reasons--featured li{padding:.55rem 0}.reason-text{color:var(--muted)}.match-row{display:grid;grid-template-columns:28px 40px 1fr auto;align-items:center;gap:.75rem;padding:.85rem 1rem}.rank-num{font-size:.8125rem;font-weight:700;color:var(--muted);text-align:center;width:28px;height:28px;line-height:28px;border-radius:50%;background:var(--surface2)}.rank-num--1{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.rank-num--2{color:#fff;background:linear-gradient(135deg,#94a3b8,#64748b)}.rank-num--3{color:#fff;background:linear-gradient(135deg,#d97706,#b45309)}.match-row-info{min-width:0}.match-row-info .name{font-weight:600;font-size:.9rem;line-height:1.3}.match-row-info .sub{font-size:.75rem;color:var(--muted);margin-top:.15rem;line-height:1.35}.match-pct-col{text-align:right;flex-shrink:0}.match-pct{font-weight:700;font-size:.95rem;color:var(--violet)}.match-link{display:inline-block;margin-top:.25rem;font-size:.75rem;color:var(--coral);text-decoration:none;font-weight:600}.match-link:hover{text-decoration:underline}.restart-btn{margin-top:1.5rem}.footer{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;margin-top:2.5rem;font-size:.75rem;color:var(--muted);line-height:1.5}.footer-note{color:var(--muted)}.error-msg{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:.85rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;padding-right:2.25rem}.input-with-icon select.input-field{background-position:right .15rem center;padding-right:1.75rem}.app--centered{display:flex;align-items:center;justify-content:center;min-height:80vh}.site-header--quest{border-bottom:none;margin-bottom:1.25rem;padding-bottom:0}.quest-progress{margin-bottom:1.25rem}.quest-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem;font-size:.75rem;font-weight:600;color:var(--muted)}.quest-stat{display:inline-flex;align-items:center;gap:.35rem}.quest-stat--xp{color:var(--violet);background:var(--violet-soft);padding:.25rem .6rem;border-radius:999px;border:1px solid rgba(124,58,237,.15)}.progress-bar--quest{height:6px;margin-bottom:1rem}.phase-track{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.phase-chip{position:relative;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.45rem .25rem .55rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);opacity:.55;transition:opacity .2s,border-color .2s,transform .2s}.phase-chip--active{opacity:1;border-color:#7c3aed59;background:linear-gradient(180deg,var(--violet-soft),#fff);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed1a}.phase-chip--done{opacity:.85;border-color:#05966940;background:var(--success-soft)}.phase-chip-icon{font-size:.7rem;line-height:1;color:var(--violet)}.phase-chip-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.phase-chip--active .phase-chip-label{color:var(--violet)}.phase-chip-bar{position:absolute;bottom:0;left:8%;width:84%;height:3px;background:var(--border);border-radius:999px;overflow:hidden}.phase-chip-fill{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--coral));border-radius:999px;transition:width .35s ease}.coach-bubble{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.85rem 1rem;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.95),var(--violet-soft));border:1px solid rgba(124,58,237,.14);box-shadow:0 8px 24px #7c3aed14}.coach-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--violet),var(--coral));color:#fff}.coach-text{font-size:.9rem;line-height:1.5;color:var(--primary);padding-top:.15rem}.card--quest{border-radius:16px;border:1px solid rgba(124,58,237,.12);box-shadow:0 10px 30px #0f172a0f;overflow:hidden;position:relative}.card--quest:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--violet),var(--coral))}.card-enter{animation:cardEnter .35s ease}@keyframes cardEnter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.option-btn.selected{animation:selectPop .25s ease}@keyframes selectPop{0%{transform:scale(1)}45%{transform:scale(1.03)}to{transform:scale(1)}}.input-field--name{font-size:1.05rem;font-weight:600;padding:.9rem 1rem;margin-bottom:0}.selection-count{font-size:.75rem;font-weight:600;color:var(--muted);margin-top:.75rem;text-align:center}.selection-count--ok{color:var(--success)}.priority-btn{position:relative;padding-left:2rem}.priority-rank{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--coral));color:#fff;font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.quest-loading{text-align:center;max-width:360px;padding:2rem 1rem}.quest-loading-ring{position:relative;width:120px;height:120px;margin:0 auto 1.5rem}.quest-loading-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.quest-loading-ring .ring-bg{fill:none;stroke:var(--border);stroke-width:6}.quest-loading-ring .ring-fill{fill:none;stroke:url(#questGradient);stroke:var(--violet);stroke-width:6;stroke-linecap:round;stroke-dasharray:264;transition:stroke-dashoffset .6s ease}.ring-icon{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:44px;height:44px}.quest-loading-kicker{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--violet);margin-bottom:.35rem}.quest-loading-title{font-size:1.15rem;font-weight:700;margin-bottom:.5rem;color:var(--primary)}.quest-loading-text{font-size:.9rem;color:var(--muted);min-height:1.4em}.quest-loading-dots{display:flex;justify-content:center;gap:.4rem;margin-top:1.25rem}.load-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:background .3s,transform .3s}.load-dot--on{background:linear-gradient(135deg,var(--violet),var(--coral));transform:scale(1.15)}.results-hero{position:relative;text-align:center;padding:1.75rem 1.25rem 1.5rem;margin-bottom:1.5rem;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,var(--violet-soft) 0%,var(--coral-soft) 100%);border:1px solid rgba(124,58,237,.18)}.results-hero-glow{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle at 30% 20%,rgba(124,58,237,.18),transparent 45%),radial-gradient(circle at 70% 80%,rgba(225,29,72,.14),transparent 40%);pointer-events:none}.results-hero-content{position:relative;z-index:1}.results-hero-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;background:#ffffffbf;border:1px solid rgba(124,58,237,.2);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--violet);margin-bottom:.75rem}.results-hero h1{font-size:clamp(1.35rem,4vw,1.65rem);font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#1e293b 0%,var(--violet) 55%,var(--coral) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.65rem}.match-badge{display:inline-block;font-size:.72rem;font-weight:700;padding:.3rem .65rem;border-radius:999px;margin-bottom:.75rem}.match-badge--legendary{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fcd34d}.match-badge--epic{background:var(--violet-soft);color:var(--violet);border:1px solid rgba(124,58,237,.25)}.match-badge--rare{background:var(--success-soft);color:var(--success);border:1px solid #6ee7b7}.match-badge--common{background:var(--surface2);color:var(--muted);border:1px solid var(--border)}.profile-summary--hero{margin-top:0;margin-bottom:.75rem;background:#ffffffb8;text-align:center}.top-match--celebrate{animation:cardEnter .5s ease}.score-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.score-ring-bg{fill:none;stroke:#7c3aed1f;stroke-width:6}.score-ring-fill{fill:none;stroke:url(#scoreGradient);stroke:var(--violet);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .8s ease}.score-ring-value{position:absolute;font-size:.95rem;font-weight:800;background:linear-gradient(135deg,var(--violet),var(--coral));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.top-match-score{display:flex;flex-direction:column;align-items:center;gap:.25rem}@media(max-width:640px){.app{padding:1.25rem 1rem calc(2rem + env(safe-area-inset-bottom))}.card{padding:1.15rem}.options-grid{grid-template-columns:repeat(2,1fr)}.option-btn{min-height:44px;font-size:.8125rem}.nav-row{flex-direction:column-reverse}.btn-ghost{width:100%}.top-match-header{flex-wrap:wrap}.phase-track{grid-template-columns:repeat(2,1fr)}.coach-bubble{flex-direction:column;align-items:center;text-align:center}.top-match-score{width:100%;flex-direction:row;justify-content:flex-start;gap:.75rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border)}.score-label{margin-top:0}.match-row{grid-template-columns:24px 36px 1fr auto;gap:.55rem;padding:.75rem .85rem}.agency-logo-wrap--sm{width:36px;height:36px}}