@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.landing{text-align:center;width:100%;max-width:600px}.landing-content{background:var(--color-surface);border-radius:var(--border-radius);padding:56px 48px;box-shadow:0 1px 3px #00000014,0 4px 24px #0000000a}.landing-badge{background:rgba(var(--color-primary-rgb), .1);color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;margin-bottom:24px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-block}.landing-title{color:var(--color-text);margin-bottom:8px;font-size:2.5rem;font-weight:800;line-height:1.2}.landing-subtitle{color:var(--color-primary);margin-bottom:20px;font-size:1.2rem;font-weight:600}.landing-desc{color:var(--color-text-light);margin-bottom:32px;font-size:1.05rem;line-height:1.7}.landing-details{justify-content:center;gap:32px;margin-bottom:36px;display:flex}.landing-detail{color:var(--color-text-light);align-items:center;gap:8px;font-size:.9rem;display:flex}.landing-detail-icon{font-size:1.1rem}.landing-cta{padding:16px 48px;font-size:1.1rem}@media (width<=640px){.landing-content{padding:36px 24px}.landing-title{font-size:2rem}.landing-details{flex-direction:column;align-items:center;gap:12px}}.progress-container{width:100%;max-width:var(--max-width);margin-bottom:24px}.progress-category{color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.85rem;font-weight:600}.progress-bar{background:var(--color-border);border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:var(--color-primary);border-radius:3px;height:100%;transition:width .3s}.progress-text{text-align:right;color:var(--color-text-light);margin-top:6px;font-size:.8rem}.quiz-question{width:100%;max-width:var(--max-width);outline:none}.question-text{color:var(--color-text);margin-bottom:36px;font-size:1.2rem;font-weight:500;line-height:1.6}.answer-buttons{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.answer-btn{border-radius:var(--border-radius-sm);text-align:left;border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:16px 24px;font-size:1rem;font-weight:500;transition:all .15s}.answer-btn:hover{border-color:var(--color-primary-light);background:rgba(var(--color-primary-rgb), .03)}.answer-btn--agree:hover,.answer-btn--agree.answer-btn--selected{border-color:var(--color-agree);color:#047857;background:#10b98114}.answer-btn--somewhat:hover,.answer-btn--somewhat.answer-btn--selected{border-color:var(--color-somewhat);color:#b45309;background:#f59e0b14}.answer-btn--disagree:hover,.answer-btn--disagree.answer-btn--selected{border-color:var(--color-disagree);color:#b91c1c;background:#ef444414}.question-nav{justify-content:space-between;align-items:center;display:flex}.btn-back{padding:10px 20px;font-size:.9rem}.question-hint{color:var(--color-text-light);font-size:.8rem}@media (width<=640px){.question-text{font-size:1.05rem}.question-hint{display:none}}.email-capture{width:100%;max-width:520px}.email-capture .card{text-align:center}.email-icon{margin-bottom:16px;font-size:2.5rem}.email-title{margin-bottom:12px;font-size:1.75rem;font-weight:700}.email-desc{color:var(--color-text-light);margin-bottom:32px;font-size:1rem;line-height:1.6}.email-form{text-align:left}.form-group{margin-bottom:20px}.form-group label{color:var(--color-text);margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.form-group input{border:2px solid var(--color-border);border-radius:var(--border-radius-sm);width:100%;color:var(--color-text);background:var(--color-surface);padding:12px 16px;font-size:1rem;transition:border-color .2s}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .1);outline:none}.form-group input::placeholder{color:var(--color-text-light);opacity:.6}.email-error{color:var(--color-disagree);margin-bottom:16px;font-size:.9rem}.email-submit{width:100%;margin-top:8px;padding:16px;font-size:1.05rem}.email-privacy{text-align:center;color:var(--color-text-light);margin-top:16px;font-size:.8rem}.loading-spinner{text-align:center}.spinner{border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;margin:0 auto 20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--color-text-light);font-size:1.1rem;font-weight:500}.results-page{width:100%;max-width:var(--max-width);flex-direction:column;gap:24px;display:flex}.results-header{text-align:center;margin-bottom:8px}.results-title{margin-bottom:12px;font-size:2rem;font-weight:800}.results-overall{text-align:center;padding:32px 24px}.results-overall h2{margin-bottom:20px;font-size:1.2rem;font-weight:700}.results-overall-level{margin-bottom:16px}.results-level-badge{color:#fff;letter-spacing:.02em;border-radius:24px;padding:8px 28px;font-size:1.2rem;font-weight:700;display:inline-block}.results-overall-description{color:var(--color-text);max-width:520px;margin:0 auto;font-size:1.05rem;line-height:1.6}.results-chart-card h2,.results-breakdown h2{margin-bottom:24px;font-size:1.2rem;font-weight:700}.results-categories{flex-direction:column;gap:20px;display:flex}.result-category{flex-direction:column;gap:8px;display:flex}.result-category-header{justify-content:space-between;align-items:center;display:flex}.result-category-name{font-size:.95rem;font-weight:600}.result-score-bar{background:var(--color-border);border-radius:6px;height:12px;overflow:hidden}.result-score-fill{border-radius:6px;height:100%;transition:width .6s}.result-score-value{color:var(--color-text-light);font-size:.85rem;font-weight:500}.result-category-assessment{color:var(--color-text-light);margin-top:4px;font-size:.9rem;line-height:1.5}.results-actions{text-align:center;margin-top:8px}.results-email-note{text-align:center;color:var(--color-text-light);font-size:.9rem}@media (width<=640px){.results-title{font-size:1.5rem}}:root{--color-primary:#6c3ce1;--color-primary-light:#8b5cf6;--color-primary-dark:#5021c9;--color-primary-rgb:108, 60, 225;--color-accent:#f59e0b;--color-bg:#fafafa;--color-surface:#fff;--color-text:#1a1a2e;--color-text-light:#6b7280;--color-border:#e5e7eb;--color-agree:#10b981;--color-somewhat:#f59e0b;--color-disagree:#ef4444;--color-pioneer:#ef4444;--color-pacer:#f59e0b;--color-pilot:#10b981;--color-passenger:#7c3aed;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--border-radius:12px;--border-radius-sm:8px;--max-width:720px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}button{font-family:var(--font-family);cursor:pointer;font-size:inherit;background:0 0;border:none}input{font-family:var(--font-family);font-size:inherit}a{color:var(--color-primary);text-decoration:none}.app{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{background:var(--color-surface);border-radius:var(--border-radius);width:100%;max-width:var(--max-width);padding:48px;box-shadow:0 1px 3px #00000014,0 4px 24px #0000000a}@media (width<=640px){.card{padding:24px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.fade-in{animation:.3s ease-out forwards fadeIn}.btn{border-radius:var(--border-radius-sm);justify-content:center;align-items:center;padding:14px 32px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 4px 12px rgba(var(--color-primary-rgb), .3);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-outline{border:2px solid var(--color-border);color:var(--color-text-light);background:0 0}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}