:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#fff;color:#213547}button{font-family:inherit}.landing-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem 1rem}.landing-container{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:3rem 2rem}.landing-header{text-align:center;margin-bottom:3rem}.landing-header h1{font-size:2.5rem;color:#2c3e50;margin-bottom:1rem;line-height:1.2}.tagline{font-size:1.25rem;color:#5a6c7d;max-width:600px;margin:0 auto;line-height:1.6}.intro-section{margin-bottom:3rem;padding:2rem;background:#f8f9fa;border-radius:8px}.intro-section h2{font-size:1.75rem;color:#2c3e50;margin-bottom:1rem}.intro-section p{font-size:1.1rem;color:#34495e;line-height:1.7}.what-to-expect{margin-bottom:3rem}.what-to-expect h2{font-size:1.75rem;color:#2c3e50;margin-bottom:1.5rem;text-align:center}.expectations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.expectation-item{text-align:center;padding:1.5rem;background:#f8f9fa;border-radius:8px}.expectation-item h3{font-size:1.25rem;color:#2c3e50;margin-bottom:.5rem}.expectation-item p{color:#5a6c7d;font-size:.95rem}.modules-overview{margin-bottom:3rem}.modules-overview h2{font-size:1.75rem;color:#2c3e50;margin-bottom:1.5rem;text-align:center}.modules-list{display:flex;flex-direction:column;gap:1rem}.module-item{padding:1.25rem;background:#f8f9fa;border-left:4px solid #3498db;border-radius:4px}.module-item h3{font-size:1.1rem;color:#2c3e50;margin-bottom:.5rem}.module-item p{color:#5a6c7d;font-size:.95rem;margin:0}.guardrails{margin-bottom:3rem}.guardrail-box{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:1.5rem}.guardrail-box h3{font-size:1.25rem;color:#856404;margin-bottom:1rem}.guardrail-box ul{list-style:none;padding:0;margin:0}.guardrail-box li{color:#856404;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.guardrail-box li:before{content:"✓";position:absolute;left:0;font-weight:700}.cta-section{text-align:center;margin-bottom:2rem}.start-button{background:#3498db;color:#fff;border:none;padding:1rem 3rem;font-size:1.25rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600}.start-button:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.completion-note{margin-top:1rem;color:#5a6c7d;font-size:.95rem}.landing-footer{text-align:center;padding-top:2rem;border-top:1px solid #e0e0e0;color:#5a6c7d;font-size:.95rem;line-height:1.6}@media(max-width:768px){.landing-container{padding:2rem 1.5rem}.landing-header h1{font-size:2rem}.tagline{font-size:1.1rem}.expectations-grid{grid-template-columns:1fr}.start-button{padding:.875rem 2rem;font-size:1.1rem}}.quiz-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem}.quiz-container{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.progress-section{margin-bottom:2rem}.progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.progress-text{text-align:center;color:#5a6c7d;font-size:.9rem}.module-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e0e0e0}.module-name{font-size:1.75rem;color:#2c3e50;margin-bottom:.5rem}.module-description{color:#5a6c7d;font-size:1rem;margin-bottom:.75rem;line-height:1.5}.module-progress{color:#95a5a6;font-size:.9rem}.question-section{margin-bottom:2rem}.question-text{font-size:1.5rem;color:#2c3e50;margin-bottom:2rem;line-height:1.4;font-weight:500}.answers-container{display:flex;flex-direction:column;gap:1rem}.answer-button{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.answer-button:hover{background:#e9ecef;border-color:#667eea}.answer-button.selected{background:#e8eaf6;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.answer-label{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;background:#667eea;color:#fff;border-radius:50%;font-weight:700;font-size:.9rem}.answer-button.selected .answer-label{background:#764ba2}.answer-text{flex:1;color:#2c3e50;font-size:1.05rem;line-height:1.5;padding-top:.25rem}.navigation-section{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e0e0e0}.nav-button{padding:.75rem 1.5rem;border:2px solid #667eea;background:#fff;color:#667eea;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease}.nav-button:hover:not(:disabled){background:#667eea;color:#fff}.nav-button:disabled{opacity:.4;cursor:not-allowed}.home-button{border-color:#95a5a6;color:#95a5a6}.home-button:hover{background:#95a5a6;color:#fff}@media(max-width:768px){.quiz-container{padding:1.5rem}.module-name{font-size:1.5rem}.question-text{font-size:1.25rem}.answer-button{padding:1rem}.answer-text{font-size:1rem}.navigation-section{flex-direction:column;gap:.5rem}.nav-button{width:100%}}.results-page{min-height:100vh;background:linear-gradient(135deg,#f093fb,#f5576c);padding:2rem 1rem}.results-container{max-width:900px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:3rem 2.5rem}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;color:#fff;font-size:1.5rem}.results-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #e0e0e0}.results-header h1{font-size:2.5rem;color:#2c3e50;margin-bottom:1.5rem}.share-section{margin-top:1.5rem}.share-label{color:#5a6c7d;margin-bottom:.5rem;font-size:.95rem}.share-controls{display:flex;gap:.5rem;max-width:500px;margin:0 auto}.share-input{flex:1;padding:.5rem;border:2px solid #e0e0e0;border-radius:6px;font-size:.9rem}.copy-button{padding:.5rem 1rem;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s}.copy-button:hover{background:#2980b9}.score-distribution{margin-bottom:3rem}.score-distribution h2{font-size:1.75rem;color:#2c3e50;margin-bottom:1.5rem}.scores-grid{display:flex;flex-direction:column;gap:.75rem}.score-item{display:flex;flex-direction:column;gap:.5rem}.score-bar-container{width:100%;height:32px;background:#f8f9fa;border-radius:6px;overflow:hidden;position:relative}.score-bar{height:100%;background:linear-gradient(90deg,#95a5a6,#7f8c8d);transition:width .5s ease}.score-item.primary .score-bar{background:linear-gradient(90deg,#f093fb,#f5576c)}.score-item.secondary .score-bar{background:linear-gradient(90deg,#667eea,#764ba2)}.score-label{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.archetype-name{color:#2c3e50;font-weight:600}.score-value{color:#5a6c7d;font-weight:700}.primary-position,.secondary-position{margin-bottom:3rem;padding:2rem;background:#f8f9fa;border-radius:12px}.position-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem}.primary-badge{background:linear-gradient(90deg,#f093fb,#f5576c);color:#fff}.secondary-badge{background:linear-gradient(90deg,#667eea,#764ba2);color:#fff}.archetype-title{font-size:2rem;color:#2c3e50;margin-bottom:1rem}.archetype-description{font-size:1.1rem;color:#34495e;line-height:1.7;margin-bottom:1.5rem}.recognizable-section{margin:2rem 0}.recognizable-section h3{font-size:1.25rem;color:#2c3e50;margin-bottom:1rem}.behaviors-list{list-style:none;padding:0}.behaviors-list li{padding:.75rem 0 .75rem 2rem;position:relative;color:#34495e;line-height:1.6;border-bottom:1px solid #e0e0e0}.behaviors-list li:last-child{border-bottom:none}.behaviors-list li:before{content:"→";position:absolute;left:.5rem;color:#f093fb;font-weight:700}.conditions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:2rem 0}.condition-box{padding:1.25rem;border-radius:8px;border-left:4px solid}.condition-box.energizing{background:#d4edda;border-color:#28a745}.condition-box.costly{background:#fff3cd;border-color:#ffc107}.condition-box h4{font-size:1rem;margin-bottom:.5rem;color:#2c3e50}.condition-box p{color:#34495e;line-height:1.6;margin:0}.motto-section{text-align:center;margin:2rem 0;padding:1.5rem;background:#fff;border-radius:8px}.motto{font-size:1.5rem;font-style:italic;color:#f5576c;font-weight:500}.secondary-note{padding:1.25rem;background:#fff;border-radius:8px;color:#34495e;line-height:1.7;margin-top:1rem}.synthesis-section,.strengths-section,.friction-section,.compatibility-section{margin-bottom:3rem}.synthesis-section h2,.strengths-section h2,.friction-section h2,.compatibility-section h2{font-size:1.75rem;color:#2c3e50;margin-bottom:1.5rem}.synthesis-section p{font-size:1.1rem;color:#34495e;line-height:1.7}.strengths-list{list-style:none;padding:0}.strengths-list li{padding:1rem;margin-bottom:.75rem;background:#d4edda;border-left:4px solid #28a745;border-radius:6px;color:#155724;line-height:1.6}.friction-item{margin-bottom:1.5rem;padding:1.25rem;background:#f8f9fa;border-radius:8px}.friction-item h3{font-size:1.1rem;color:#2c3e50;margin-bottom:.5rem}.friction-item p{color:#34495e;line-height:1.6;margin:0}.compatibility-item{margin-bottom:1.5rem;padding:1.25rem;border-radius:8px;border-left:4px solid}.compatibility-item.works-well{background:#d4edda;border-color:#28a745}.compatibility-item.potential-friction{background:#fff3cd;border-color:#ffc107}.compatibility-item.requires-coordination{background:#d1ecf1;border-color:#17a2b8}.compatibility-item h3{font-size:1.1rem;color:#2c3e50;margin-bottom:.75rem}.compatibility-item p{color:#34495e;line-height:1.6;margin:0}.results-footer{text-align:center;margin-top:3rem;padding-top:2rem;border-top:2px solid #e0e0e0}.retake-button{background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.1rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.retake-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.footer-note{margin-top:1rem;color:#5a6c7d;font-size:.95rem}@media(max-width:768px){.results-container{padding:2rem 1.5rem}.results-header h1{font-size:2rem}.archetype-title{font-size:1.75rem}.share-controls{flex-direction:column}.conditions-grid{grid-template-columns:1fr}.motto{font-size:1.25rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}