:root{--navy:#24323C;--green:#3E6358;--green-hover:#4B7568;--sage:#9FB4AD;--light:#F3F6F6;--paper:#FFFFFF;--font-main:"DM Sans",system-ui,-apple-system,sans-serif;--radius-pill:999px;--radius-md:12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--light);color:var(--navy);line-height:1.5;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:40px 20px}.quiz-container{width:100%;max-width:480px;text-align:center}.screen{display:none}.screen.active{display:flex;flex-direction:column;align-items:center;gap:24px;animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.quiz-title{font-size:28px;font-weight:700;line-height:1.3;color:var(--navy)}.quiz-subtitle{font-size:16px;color:#5a6a6e;max-width:360px;line-height:1.7}.progress-bar{width:100%;height:6px;background:#e0e6e6;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--green);border-radius:3px;transition:width .3s ease;width:0%}.question-counter{font-size:13px;font-weight:600;color:var(--sage);letter-spacing:.1em;text-transform:uppercase}.question-text{font-size:20px;font-weight:500;line-height:1.5;color:var(--navy);min-height:90px;display:flex;align-items:center}.options{display:flex;flex-direction:column;gap:12px;width:100%}.option-btn{width:100%;padding:16px 24px;border-radius:var(--radius-pill);border:1.5px solid var(--navy);background:0 0;color:var(--navy);font-family:var(--font-main);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.option-btn:hover{background:var(--navy);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(36,50,60,.15)}#email-form{display:flex;flex-direction:column;gap:16px;width:100%}.email-input{width:100%;padding:16px 24px;border-radius:var(--radius-pill);border:1.5px solid var(--sage);font-family:var(--font-main);font-size:15px;color:var(--navy);outline:0;transition:border-color .2s}.email-input:focus{border-color:var(--green)}.back-link{font-size:14px;color:var(--sage);text-decoration:none;transition:color .2s}.back-link:hover{color:var(--navy)}.btn{display:flex;align-items:center;justify-content:center;width:100%;padding:18px 24px;border-radius:var(--radius-pill);text-decoration:none;font-weight:600;font-size:15px;transition:all .2s ease;position:relative;border:1.5px solid transparent;cursor:pointer;font-family:var(--font-main)}.btn:hover{transform:translateY(-2px)}.btn--primary{background-color:var(--green);color:#fff;letter-spacing:.02em;box-shadow:0 8px 24px rgba(62,99,88,.3)}.btn--primary:hover{background-color:var(--green-hover);box-shadow:0 12px 28px rgba(62,99,88,.4)}.btn-icon{position:absolute;right:24px;font-size:18px}#results-basic{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:48px}.result-archetype{font-size:22px;font-weight:700;color:var(--navy)}.result-mirror{font-size:18px;font-weight:500;font-style:italic;color:var(--green);line-height:1.6;max-width:360px}.result-description{font-size:16px;color:#5a6a6e;line-height:1.7;max-width:380px}.result-tribe{font-size:14px;color:var(--sage);line-height:1.7;max-width:340px}#radar-chart{display:block;margin:0 auto;max-width:380px}.share-card{background:var(--paper);border-radius:var(--radius-md);padding:24px;border:1.5px solid var(--sage);margin-top:16px;width:100%}.share-label{font-size:12px;color:var(--sage);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.share-archetype{font-size:18px;font-weight:700;color:var(--navy);margin-bottom:4px}.share-mirror{font-size:14px;font-style:italic;color:var(--green);margin-bottom:12px}.share-url{font-size:12px;color:var(--sage)}#results-email-gate{background:var(--paper);border-radius:var(--radius-md);padding:32px 24px;box-shadow:0 4px 16px rgba(36,50,60,.08);margin:32px 0;width:100%}#results-email-gate #email-form{display:flex;flex-direction:column;gap:16px}.breakdown-tease h3{font-size:18px;font-weight:700;color:var(--navy);margin-bottom:8px}.breakdown-tease p{font-size:15px;color:#5a6a6e;line-height:1.6;margin-bottom:20px}.skip-link{background:0 0;border:none;color:var(--sage);font-size:13px;cursor:pointer;margin-top:12px;font-family:var(--font-main)}.skip-link:hover{color:var(--navy)}#results-breakdown{text-align:left;width:100%}.breakdown-title{font-size:20px;font-weight:700;color:var(--navy);margin-bottom:16px;text-align:center}.dimension-card{padding:20px 0;border-bottom:1px solid #e0e6e6}.dimension-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dimension-label{font-weight:700;font-size:15px;color:var(--navy)}.dimension-score{font-weight:700;font-size:14px;color:var(--green)}.dimension-bar{height:6px;background:#e0e6e6;border-radius:3px;overflow:hidden;margin-bottom:12px}.dimension-fill{height:100%;background:var(--green);border-radius:3px;transition:width .6s ease}.dimension-insight{font-size:14px;color:#5a6a6e;line-height:1.7}.gap-title{font-size:16px;font-weight:700;color:var(--navy);margin:24px 0 8px}.gap-text{font-size:14px;font-weight:600;color:var(--green);margin-bottom:8px}.gap-insight{font-size:14px;color:#5a6a6e;line-height:1.7}#results-coaching{margin-top:48px;padding-top:32px;text-align:center;width:100%}#results-coaching h3{font-size:20px;font-weight:700;color:var(--navy);margin-bottom:8px}.coaching-divider{width:48px;height:2px;background:var(--green);margin:0 auto 24px}.coaching-description{font-size:16px;color:#5a6a6e;line-height:1.7;max-width:380px;margin:16px auto 24px}.coaching-email-form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:380px;margin:0 auto 24px}.consent-label{display:flex;align-items:flex-start;gap:8px;font-size:.8rem;color:var(--sage);line-height:1.4;margin:12px 0 4px;cursor:pointer;text-align:left}.consent-label input[type=checkbox]{margin-top:2px;accent-color:var(--green);flex-shrink:0}.consent-label a{color:var(--green);text-decoration:underline}.quiz-disclaimer{font-size:.75rem;color:var(--sage);text-align:center;margin-top:32px;line-height:1.5}.fade-in{animation:fadeIn .5s ease}