:root{--color-bg:#fff;--color-surface:#f9fafb;--color-primary:#4a90e2;--color-primary-dark:#3a7bc8;--color-secondary:#50c878;--color-accent:#8b5cf6;--color-text:#1f2937;--color-text-muted:#6b7280;--color-text-light:#9ca3af;--color-border:#e5e7eb;--color-border-focus:#4a90e2;--color-selected-bg:#4a90e2;--color-selected-text:#fff;--font-primary:"Inter", "Open Sans", system-ui, -apple-system, sans-serif;--font-size-base:17px;--font-size-sm:15px;--font-size-xs:13px;--font-size-lg:20px;--font-size-xl:22px;--font-size-2xl:28px;--font-size-3xl:36px;--line-height-body:1.65;--line-height-heading:1.3;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:100px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 10px 30px #00000014, 0 4px 8px #0000000a;--transition-fast:.15s ease-out;--transition-normal:.25s ease-out;--transition-slow:.35s ease-out}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-body);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}img,svg{max-width:100%;display:block}button{font-family:var(--font-primary);cursor:pointer}.skip-link{top:-100%;left:var(--space-4);z-index:1000;padding:var(--space-3) var(--space-5);background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);transition:top var(--transition-fast);font-weight:600;text-decoration:none;position:absolute}.skip-link:focus{top:var(--space-4)}#app{flex-direction:column;min-height:100dvh;display:flex}.view{flex-direction:column;flex:1;display:flex}.view-enter{animation:viewFadeIn var(--transition-slow) ease-out forwards}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-size:var(--font-size-base);border-radius:var(--radius-md);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);cursor:pointer;letter-spacing:.01em;border:2px solid #0000;min-height:48px;font-weight:600;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.btn-secondary:hover{box-shadow:var(--shadow-md);background:#3db860;border-color:#3db860}.btn-accent{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-accent:hover{box-shadow:var(--shadow-md);background:#7c3aed;border-color:#7c3aed}.btn-ghost{color:var(--color-text-muted);border-color:var(--color-border);background:0 0}.btn-ghost:hover{background:var(--color-surface);color:var(--color-text);border-color:#d1d5db}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.landing-view{flex-direction:column;min-height:100dvh;display:flex}.landing-header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-3);display:flex}.landing-logo{background:var(--color-primary);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.landing-logo svg{color:#fff;width:18px;height:18px}.landing-org{font-size:var(--font-size-sm);color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.landing-hero{padding:var(--space-20) var(--space-8);flex:1;justify-content:center;align-items:center;display:flex}.landing-hero-inner{text-align:center;width:100%;max-width:680px}.landing-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:var(--font-size-xs);color:var(--color-primary-dark);letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--space-8);background:#eff6ff;border:1px solid #bfdbfe;font-weight:600;display:inline-flex}.landing-badge-dot{background:var(--color-primary);border-radius:50%;width:7px;height:7px}.landing-title{font-size:clamp(var(--font-size-2xl), 5vw, var(--font-size-3xl));color:var(--color-text);font-weight:700;line-height:var(--line-height-heading);letter-spacing:-.02em;margin-bottom:var(--space-6)}.landing-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);line-height:var(--line-height-body);margin-bottom:var(--space-10);max-width:560px;margin-left:auto;margin-right:auto}.landing-trust{gap:var(--space-4);margin-bottom:var(--space-10);flex-wrap:wrap;justify-content:center;display:flex}.trust-item{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex}.trust-icon{width:16px;height:16px;color:var(--color-secondary);flex-shrink:0}.landing-cta{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.landing-cta .btn{min-width:220px;font-size:var(--font-size-lg);padding:var(--space-5) var(--space-10)}.landing-cta-note{font-size:var(--font-size-sm);color:var(--color-text-light)}.landing-meta{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-12) var(--space-8)}.landing-meta-grid{gap:var(--space-6);text-align:center;grid-template-columns:repeat(3,1fr);max-width:800px;margin:0 auto;display:grid}.meta-card{padding:var(--space-5)}.meta-number{font-size:var(--font-size-2xl);color:var(--color-primary);margin-bottom:var(--space-2);font-weight:700}.meta-label{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5}.landing-footer{padding:var(--space-6) var(--space-8);border-top:1px solid var(--color-border);text-align:center}.landing-footer p{font-size:var(--font-size-xs);color:var(--color-text-light);max-width:600px;margin:0 auto;line-height:1.6}@media (width<=600px){.landing-hero{padding:var(--space-12) var(--space-5)}.landing-meta-grid{gap:var(--space-2);grid-template-columns:1fr}.landing-header{padding:var(--space-4) var(--space-5)}}.survey-view{background:var(--color-bg);flex-direction:column;min-height:100dvh;display:flex}.survey-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-10) var(--space-8) var(--space-8)}.survey-header-inner{max-width:720px;margin:0 auto}.survey-kicker{font-size:var(--font-size-sm);color:var(--color-primary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-3);font-weight:600}.survey-title{font-size:var(--font-size-2xl);color:var(--color-text);font-weight:700;line-height:var(--line-height-heading);margin:0 0 var(--space-4)}.survey-subtitle{font-size:var(--font-size-base);color:var(--color-text-muted);line-height:var(--line-height-body);margin:0}.survey-main{padding:var(--space-8) var(--space-8) var(--space-16);flex:1}.survey-form{gap:var(--space-2);flex-direction:column;max-width:720px;margin:0 auto;display:flex}.survey-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);margin-bottom:var(--space-6)}.survey-section-title{font-size:var(--font-size-lg);color:var(--color-text);margin:0 0 var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);font-weight:700}.survey-section-note{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:calc(-1 * var(--space-3)) 0 var(--space-6);line-height:var(--line-height-body)}.consent-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6)}.consent-label{align-items:flex-start;gap:var(--space-4);cursor:pointer;display:flex}.consent-checkbox{width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;margin-top:2px}.consent-text{font-size:var(--font-size-base);color:var(--color-text);line-height:var(--line-height-body)}.form-group{margin-bottom:var(--space-6)}.form-group:last-child{margin-bottom:0}.form-group-inline{gap:var(--space-3);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--space-3);font-weight:600;display:block}.form-required{color:var(--color-primary);font-weight:700}.form-optional{color:var(--color-text-muted);font-weight:400}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-family:var(--font-primary);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;transition:border-color var(--transition-fast);outline:none}.form-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #4a90e21f}.form-select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-family:var(--font-primary);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;cursor:pointer;transition:border-color var(--transition-fast);outline:none}.form-select:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #4a90e21f}.form-other-input{margin-top:var(--space-3)}.form-radio-row{gap:var(--space-3) var(--space-6);flex-wrap:wrap;display:flex}.form-radio-col{gap:var(--space-3);flex-direction:column;display:flex}.form-radio{align-items:center;gap:var(--space-2);font-size:var(--font-size-base);color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.form-radio input[type=radio]{width:17px;height:17px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.likert-table{border-collapse:separate;border-spacing:0;width:100%;display:block;overflow-x:auto}.likert-table-head,.likert-table-row{grid-template-columns:1fr repeat(7,52px);align-items:center;gap:0;display:grid}.likert-table-head{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-1);padding-bottom:var(--space-3)}.likert-table-row{border-bottom:1px solid var(--color-surface);padding:var(--space-3) 0}.likert-table-row:last-child{border-bottom:none}.likert-table-row:hover{background:var(--color-surface);border-radius:var(--radius-sm)}.likert-col-statement{padding-right:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-body)}.likert-table-head .likert-col-option{color:var(--color-text-muted);text-align:center;font-size:11px;font-weight:600;line-height:1.4}.likert-col-option{justify-content:center;align-items:center;display:flex}.likert-radio-label{cursor:pointer;width:36px;height:36px;transition:background var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.likert-radio-label:hover{background:#4a90e214}.survey-likert-radio{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.survey-error{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);font-size:var(--font-size-sm);color:#b42318;margin-bottom:var(--space-4);background:#fef3f2;border:1px solid #fecdca;display:flex}.survey-error svg{color:#b42318;flex-shrink:0}.survey-submit{align-items:center;gap:var(--space-4);padding:var(--space-8) 0 var(--space-4);flex-direction:column;display:flex}.survey-submit-note{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;margin:0}@media (width<=680px){.survey-header{padding:var(--space-8) var(--space-6) var(--space-6)}.survey-main{padding:var(--space-6) var(--space-4) var(--space-12)}.survey-section{padding:var(--space-6)}.survey-title{font-size:var(--font-size-xl)}.likert-table-head,.likert-table-row{grid-template-columns:1fr repeat(7,38px)}.likert-col-statement{font-size:var(--font-size-xs)}.likert-table-head .likert-col-option{font-size:10px}.likert-radio-label{width:30px;height:30px}.survey-likert-radio{width:16px;height:16px}}.test-view{background:var(--color-surface);flex-direction:column;min-height:100dvh;display:flex}.test-progress-bar-wrap{z-index:10;background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0}.test-progress-track{background:var(--color-border);height:4px;overflow:hidden}.test-progress-fill{background:var(--color-accent);border-radius:0 2px 2px 0;height:100%;transition:width .4s ease-in-out}.test-progress-info{padding:var(--space-4) var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.test-progress-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.test-progress-pct{font-size:var(--font-size-sm);color:var(--color-text-light)}.test-main{padding:var(--space-12) var(--space-8);flex:1;justify-content:center;align-items:center;display:flex}.test-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:720px;padding:var(--space-12)}.test-trait-tag{font-size:var(--font-size-xs);color:var(--color-text-light);letter-spacing:.07em;text-transform:uppercase;margin-bottom:var(--space-5);font-weight:600;display:inline-block}.test-question{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--space-10);font-weight:500;line-height:1.6}.likert-fieldset{border:none;margin:0;padding:0}.likert-legend{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-5);font-weight:500}.likert-labels{margin-bottom:var(--space-3);justify-content:space-between;display:flex}.likert-label-text{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500}.likert-options{gap:var(--space-3);flex-wrap:nowrap;justify-content:center;display:flex}.likert-radio{opacity:0;width:0;height:0;position:absolute}.likert-btn{justify-content:center;align-items:center;gap:var(--space-2);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);cursor:pointer;min-width:44px;min-height:56px;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-muted);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;font-weight:600;display:flex}.likert-btn:hover{border-color:var(--color-primary);color:var(--color-primary-dark);background:#eff6ff}.likert-radio:checked+.likert-btn{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 2px 8px #4a90e259}.likert-radio:focus-visible+.likert-btn{outline:3px solid var(--color-primary);outline-offset:2px}.likert-value-label{font-size:var(--font-size-xs);opacity:.75;margin-top:2px;font-weight:500}.test-microcopy{text-align:center;margin-top:var(--space-8);font-size:var(--font-size-sm);color:var(--color-text-light);min-height:22px;font-style:italic}.test-nav{margin-top:var(--space-10);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.test-nav-spacer{flex:1}.test-nav .btn{min-width:120px}@media (width<=768px){.test-card{padding:var(--space-8) var(--space-6);border-radius:var(--radius-md)}.test-question{font-size:var(--font-size-lg)}.test-main{padding:var(--space-8) var(--space-4);align-items:flex-start}.test-progress-info{padding:var(--space-3) var(--space-4)}}@media (width<=480px){.likert-options{gap:var(--space-2)}.likert-btn{border-radius:var(--radius-sm);min-height:52px}.test-card{padding:var(--space-6) var(--space-4)}}.results-view{background:var(--color-surface);min-height:100dvh}.results-header{background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-6) var(--space-8);text-align:center}.results-header-kicker{font-size:var(--font-size-xs);color:var(--color-primary);letter-spacing:.07em;text-transform:uppercase;margin-bottom:var(--space-2);font-weight:600}.results-title{font-size:clamp(var(--font-size-2xl), 4vw, var(--font-size-3xl));color:var(--color-text);font-weight:700;line-height:var(--line-height-heading);letter-spacing:-.02em;margin-bottom:var(--space-3)}.results-subtitle{font-size:var(--font-size-base);color:var(--color-text-muted);max-width:520px;line-height:var(--line-height-body);margin:0 auto}.results-content{max-width:960px;padding:var(--space-10) var(--space-8);gap:var(--space-8);grid-template-columns:1fr 1fr;align-items:start;margin:0 auto;display:grid}.results-chart-panel{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-8);top:var(--space-8);position:sticky}.results-chart-title{font-size:var(--font-size-base);color:var(--color-text);margin-bottom:var(--space-6);text-align:center;font-weight:600}.results-chart-wrap{width:100%;max-width:380px;margin:0 auto;position:relative}.results-data-table{margin-top:var(--space-6);border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.results-data-table th,.results-data-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:left}.results-data-table th{color:var(--color-text-muted);font-weight:600;font-size:var(--font-size-xs);letter-spacing:.04em;text-transform:uppercase}.results-data-table td:last-child{text-align:right;color:var(--color-primary);font-variant-numeric:tabular-nums;font-weight:600}.results-traits{gap:var(--space-4);flex-direction:column;display:flex}.trait-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:box-shadow var(--transition-fast)}.trait-card:hover{box-shadow:var(--shadow-md)}.trait-card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.trait-card-name{font-size:var(--font-size-base);color:var(--color-text);font-weight:700;line-height:1.3}.trait-card-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1);line-height:1.5}.trait-score-badge{font-size:var(--font-size-xl);color:var(--color-primary);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:700;line-height:1}.trait-score-badge span{font-size:var(--font-size-sm);color:var(--color-text-light);font-weight:500}.trait-score-bar-wrap{margin-bottom:var(--space-4)}.trait-score-bar-track{background:var(--color-border);border-radius:var(--radius-pill);height:6px;overflow:hidden}.trait-score-bar-fill{border-radius:var(--radius-pill);background:var(--color-primary);height:100%;transition:width .8s cubic-bezier(.22,1,.36,1)}.trait-score-bar-labels{margin-top:var(--space-2);justify-content:space-between;display:flex}.trait-score-bar-labels span{font-size:var(--font-size-xs);color:var(--color-text-light)}.trait-level-chip{align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-xs);margin-bottom:var(--space-4);font-weight:600;display:inline-flex}.trait-level-chip.low{color:#92400e;background:#fef3c7}.trait-level-chip.medium{color:#1e40af;background:#dbeafe}.trait-level-chip.high{color:#065f46;background:#d1fae5}.trait-interpretation{font-size:var(--font-size-sm);color:var(--color-text-muted);border-top:1px solid var(--color-border);padding-top:var(--space-4);line-height:1.7}#download-pdf-btn{transition:opacity .3s,visibility .3s}.results-actions{gap:var(--space-4);padding:var(--space-4) 0 var(--space-8);flex-wrap:wrap;grid-column:1/-1;justify-content:center;display:flex}.results-methodology{background:var(--color-bg);border-top:1px solid var(--color-border);padding:var(--space-8);text-align:center}.results-methodology p{max-width:640px;font-size:var(--font-size-xs);color:var(--color-text-light);margin:0 auto;line-height:1.7}@media (width<=768px){.results-content{padding:var(--space-6) var(--space-4);gap:var(--space-6);grid-template-columns:1fr}.results-chart-panel{position:static}.results-actions{flex-direction:column;align-items:center}.results-actions .btn{width:100%;max-width:320px}.results-header{padding:var(--space-6) var(--space-4)}}