.btn-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.results-meaning{background:var(--bg-card);border:1px solid var(--border);padding:var(--space-xl);margin:0 auto var(--space-2xl) auto;max-width:55ch;text-align:left}.results-meaning h4{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);margin:0 0 var(--space-md) 0}.results-meaning p{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6;margin:0}.section-assessment{padding-top:var(--space-xl)}.assessment-hero-content{max-width:700px;text-align:center;margin-bottom:var(--space-2xl);transition:max-height .4s ease,opacity .3s ease,margin-bottom .4s ease;max-height:300px;overflow:hidden}.assessment-hero-content.collapsed{max-height:0;opacity:0;margin-bottom:0}.assessment-hero-content h1{font-size:var(--text-2xl);font-family:var(--font-display);color:var(--text-primary);font-weight:700;line-height:1.2;margin:0 0 var(--space-lg) 0}.assessment-hero-content p{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6;margin:0}.assessment-container{max-width:700px;margin:0 auto;padding:0 var(--space-lg) var(--space-section)}.assessment-progress{margin-bottom:var(--space-2xl);scroll-margin-top:100px}.assessment-progress-track{width:100%;height:2px;background:var(--border);position:relative;margin-bottom:var(--space-sm)}.assessment-progress-bar{height:2px;background:var(--accent);transition:width .4s ease}.assessment-step-indicator{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-align:right;margin-top:var(--space-sm)}.assessment-step.active{display:block}.assessment-question{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-xl)}.assessment-options{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-2xl)}.assessment-option{background:var(--bg-card);border:1px solid var(--border);padding:var(--space-lg) var(--space-xl);cursor:pointer;transition:border-color .2s ease,background-color .2s ease;font-size:var(--text-base);color:var(--text-secondary);font-family:var(--font-body);text-align:left}.assessment-option:hover{border-color:var(--border-hover)}.assessment-option.selected{border-color:var(--accent);color:var(--text-primary);background:var(--accent-subtle);border-left:3px solid var(--accent)}.assessment-slider{width:100%;height:2px;background:var(--border);outline:none;appearance:none;margin:var(--space-xl) 0;cursor:pointer}.assessment-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:var(--accent);cursor:pointer;border:none}.assessment-slider::-moz-range-thumb{width:20px;height:20px;background:var(--accent);cursor:pointer;border:none}.assessment-slider-container{margin-bottom:var(--space-2xl)}.assessment-slider-value{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--accent);text-align:center;margin-bottom:var(--space-lg)}.assessment-slider-labels{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);gap:var(--space-md)}.assessment-textarea{width:100%;background:var(--bg-card);border:1px solid var(--border);padding:var(--space-lg);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);line-height:1.6;resize:vertical;min-height:150px;transition:border-color .2s ease}.assessment-textarea:focus{outline:none;border-color:var(--accent)}.assessment-textarea::placeholder{color:var(--text-muted)}.assessment-textarea-group{margin-bottom:var(--space-2xl)}.assessment-char-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-align:right;margin-top:var(--space-sm)}.assessment-nav{display:flex;justify-content:space-between;gap:var(--space-lg);margin-top:var(--space-2xl)}.assessment-nav button{flex:1}.assessment-nav button:first-child{flex:0 0 auto}.email-gate{text-align:center;max-width:500px;margin:0 auto;padding:var(--space-2xl) 0}.email-gate h2{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-md)}.email-gate p{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.6}.email-gate-form{display:flex;flex-direction:column;gap:var(--space-md)}.email-gate-input{background:var(--bg-card);border:1px solid var(--border);padding:var(--space-md) var(--space-lg);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary)}.email-gate-input:focus{outline:none;border-color:var(--accent)}.email-gate-input::placeholder{color:var(--text-muted)}.results-display{text-align:center;padding:var(--space-2xl) 0}.results-profile-name{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--accent);margin-bottom:var(--space-lg)}.results-description{font-size:var(--text-lg);color:var(--text-secondary);max-width:55ch;margin:0 auto var(--space-2xl) auto;line-height:1.6}.results-insights{background:var(--bg-card);border:1px solid var(--border);padding:var(--space-xl);margin-bottom:var(--space-2xl);text-align:left}.results-insights h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);margin:0 0 var(--space-md) 0}.results-insights ul{list-style:none;padding:0;margin:0}.results-insights li{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6;padding:var(--space-sm) 0;border-bottom:1px solid var(--border)}.results-insights li:last-child{border-bottom:none}.results-insights li:before{content:"—";color:var(--accent);margin-right:var(--space-sm)}.results-cta{margin-top:var(--space-2xl)}.assessment-loading{text-align:center;padding:var(--space-2xl)}.assessment-spinner{width:40px;height:40px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto var(--space-lg) auto}@keyframes spin{to{transform:rotate(360deg)}}.assessment-loading p{font-size:var(--text-base);color:var(--text-secondary)}@media(min-width:1024px){.assessment-hero-content{max-height:400px}.assessment-hero-content h1{font-size:clamp(2rem,1.5rem + 1.5vw,2.5rem)}.assessment-question,.email-gate h2,.email-gate h3{font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}.results-profile-name{font-size:clamp(2rem,1.5rem + 1.5vw,2.5rem)}}