.test-body{background:#0d111c;color:#fff}.runner{min-height:calc(100vh - 80px);padding:2rem 0 5rem;position:relative;overflow:hidden}.runner-backdrop{position:fixed;inset:80px 0 0;pointer-events:none;background:radial-gradient(circle at 82% 15%,#3e54dc29,transparent 34%),radial-gradient(circle at 8% 90%,#c9fa7114,transparent 30%)}.runner-back{display:inline-flex;color:#929aaa;font-size:0.875rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:1rem 0 2rem;position:relative;z-index:1}.runner-back:hover{color:#c9fa71}#test-app{position:relative;z-index:1}.loading-card{min-height:55vh;display:grid;place-items:center;align-content:center;gap:1rem;border:1px solid #ffffff1f;background:#121827}.loader{width:2rem;height:2rem;border:2px solid #ffffff2b;border-top-color:#c9fa71;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.intro-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr);border:1px solid #ffffff20;background:#121827;min-height:650px}.intro-main{padding:clamp(2rem,5vw,5rem)}.runner-kicker{font-size:0.875rem;font-weight:800;letter-spacing:.16em;color:#c9fa71;text-transform:uppercase}.intro-main h1{font-size:clamp(3rem,6.5vw,6.7rem);line-height:.9;letter-spacing:-.06em;margin:1.25rem 0 1.5rem;max-width:850px}.intro-main>p{max-width:720px;color:#adb5c4;font-size:1.05rem;line-height:1.75}.test-facts{display:flex;gap:1px;background:#ffffff1c;margin:2.2rem 0;max-width:670px}.test-facts>span{background:#181f2f;padding:1rem;flex:1;color:#929aaa;font-size:0.875rem}.test-facts strong{display:block;color:#fff;font-size:1.25rem;margin-bottom:.2rem}.category-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.4rem 0 2.4rem}.category-chips span{border:1px solid #ffffff25;padding:.55rem .7rem;color:#b9c0cc;font-size:0.875rem}.intro-actions{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.runner-btn{min-height:52px;border:0;padding:.9rem 1.3rem;font:800 .8rem Manrope,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:.7rem}.runner-btn.primary{background:#c9fa71;color:#111624}.runner-btn.primary:hover{background:#d9ff99;transform:translateY(-2px)}.runner-btn.secondary{background:transparent;color:#fff;border:1px solid #ffffff35}.runner-btn:disabled{opacity:.38;cursor:not-allowed}.intro-side{background:#c9fa71;color:#111624;padding:2rem;display:flex;flex-direction:column}.intro-side-label{font-size:0.875rem;font-weight:800;letter-spacing:.14em}.intro-side-icon{font-size:5rem;line-height:1;margin:4rem 0 auto}.intro-side h2{font-size:2rem;line-height:1.05;letter-spacing:-.04em}.intro-side p{font-size:0.875rem;line-height:1.65;margin-top:1rem}.privacy-note{font-size:0.875rem!important;opacity:.7;border-top:1px solid #11162436;padding-top:1rem}.question-shell{display:grid;grid-template-columns:250px minmax(0,1fr);border:1px solid #ffffff20;background:#121827;min-height:680px}.question-side{padding:1.5rem;background:#181f2f;border-right:1px solid #ffffff20;display:flex;flex-direction:column}.question-side .runner-kicker{margin-bottom:2rem}.category-nav{display:grid;gap:.4rem}.category-item{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:.65rem;padding:.65rem;color:#7f899c;font-size:0.875rem;line-height:1.4}.category-item span:first-child{width:28px;height:28px;border:1px solid #ffffff25;border-radius:50%;display:grid;place-items:center;font-weight:800}.category-item.current{background:#c9fa7112;color:#fff}.category-item.current span:first-child{background:#c9fa71;color:#111624;border-color:#c9fa71}.category-item.done{color:#b9c0cc}.question-side-note{margin-top:auto;color:#747e91;font-size:0.875rem;line-height:1.6}.question-main{padding:clamp(1.5rem,4vw,4rem);display:flex;flex-direction:column}.progress-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#8992a4;font-size:0.875rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.progress{height:4px;background:#ffffff18;margin:1rem 0 2.6rem}.progress i{display:block;height:100%;background:#c9fa71;transition:width .25s}.question-category{font-size:0.875rem;font-weight:800;color:#c9fa71;letter-spacing:.1em;text-transform:uppercase}.question-main h1{font-size:clamp(1.8rem,3.5vw,3.2rem);line-height:1.22;letter-spacing:-.035em;margin:.9rem 0 .7rem;max-width:950px}.question-description{color:#8f98aa;font-size:0.875rem;line-height:1.6;margin-bottom:1.8rem}.answer-list{border:0;padding:0;margin:0;display:grid;gap:.6rem}.answer-option{display:grid;grid-template-columns:42px 1fr;gap:.8rem;align-items:center;padding:.85rem 1rem;border:1px solid #ffffff1d;background:#0f1522;cursor:pointer;transition:.18s}.answer-option:hover{border-color:#c9fa7180;background:#151d2c}.answer-option:has(input:checked){border-color:#c9fa71;background:#c9fa7112}.answer-option input{position:absolute;opacity:0}.answer-score{width:34px;height:34px;border:1px solid #ffffff2c;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:0.875rem}.answer-option:has(input:checked) .answer-score{background:#c9fa71;color:#111624;border-color:#c9fa71}.answer-copy strong{display:block;font-size:0.875rem;line-height:1.45}.answer-copy small{display:block;color:#7e8799;font-size:0.875rem;margin-top:.2rem}.question-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:2rem}.save-state{font-size:0.875rem;color:#6f7889;text-align:center;margin-top:1rem}.result-shell{background:#f4f6f9;color:#111624;border:1px solid #d7dce5}.result-hero{background:#121827;color:#fff;padding:clamp(2rem,5vw,5rem);display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end}.result-label{color:#c9fa71;font-size:0.875rem;font-weight:800;letter-spacing:.14em}.result-hero h1{font-size:clamp(2.6rem,5.5vw,5.8rem);line-height:.92;letter-spacing:-.06em;margin:1rem 0}.result-hero p{color:#aeb6c5;max-width:720px;line-height:1.7}.score-ring{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#c9fa71 var(--score),#ffffff14 0);position:relative}.score-ring:after{content:'';position:absolute;inset:13px;background:#121827;border-radius:50%}.score-ring div{position:relative;z-index:1;text-align:center}.score-ring strong{font-size:3.5rem;letter-spacing:-.06em;display:block}.score-ring span{font-size:0.875rem;color:#aeb6c5;text-transform:uppercase;letter-spacing:.1em}.result-body{padding:clamp(1.5rem,4vw,4rem)}.result-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem}.result-panel{background:#fff;border:1px solid #d6dbe4;padding:1.5rem}.result-panel h2{font-size:1.3rem;margin-bottom:1.4rem}.category-results{display:grid;gap:1rem}.category-result{display:grid;grid-template-columns:minmax(160px,.8fr) 1.4fr 44px;gap:1rem;align-items:center;font-size:0.875rem}.category-result>span:first-child{font-weight:800}.bar{height:7px;background:#e8ebf0}.bar i{display:block;height:100%;background:#3e54dc}.category-result strong{text-align:right}.insight-card{background:#111624;color:#fff;padding:1.4rem;margin-bottom:1rem}.insight-card small{color:#c9fa71;font-weight:800;letter-spacing:.1em}.insight-card h3{font-size:1.5rem;margin:.7rem 0}.insight-card p{color:#aeb6c5;font-size:0.875rem;line-height:1.65}.action-list{padding-left:1.2rem;color:#5f6878;font-size:0.875rem;line-height:1.75}.result-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem}.result-actions .runner-btn.secondary{color:#111624;border-color:#b9c0cb}.member-save{margin-top:2rem;background:#c9fa71;padding:1.4rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.member-save h3{font-size:1.15rem}.member-save p{font-size:0.875rem;margin-top:.35rem;color:#465029}.member-save a{background:#111624;color:#fff;padding:.9rem 1.1rem;font-size:0.875rem;font-weight:800;white-space:nowrap}.runner-footer{border-top:1px solid #ffffff18;background:#0d111c;color:#7d8798;padding:1.3rem 0}.runner-footer .container{display:flex;justify-content:space-between;gap:1rem;font-size:0.875rem}.runner-footer a:hover{color:#c9fa71}.error-card{border:1px solid #ffffff20;background:#121827;padding:4rem;text-align:center}.error-card h1{font-size:2.4rem}.error-card p{color:#aeb6c5;margin:1rem 0 2rem}
@media(max-width:900px){.intro-shell{grid-template-columns:1fr}.intro-side{min-height:330px}.intro-side-icon{margin:2.5rem 0}.question-shell{grid-template-columns:1fr}.question-side{display:none}.result-hero,.result-grid{grid-template-columns:1fr}.score-ring{width:150px;height:150px}.score-ring strong{font-size:2.7rem}}
@media(max-width:620px){.runner{padding-top:.5rem}.runner-back{margin-bottom:1.2rem}.intro-main{padding:1.5rem}.intro-main h1{font-size:3.2rem}.test-facts{display:grid;grid-template-columns:repeat(3,1fr)}.test-facts>span{padding:.75rem}.question-main{padding:1.3rem;min-height:720px}.question-main h1{font-size:1.55rem}.answer-option{grid-template-columns:34px 1fr;padding:.75rem}.answer-copy strong{font-size:0.875rem}.answer-copy small{display:none}.question-actions .runner-btn{padding:.75rem .9rem}.category-result{grid-template-columns:1fr 44px}.category-result .bar{grid-column:1/-1;grid-row:2}.member-save{align-items:flex-start;flex-direction:column}.runner-footer .container{flex-direction:column}.result-body{padding:1rem}.result-panel{padding:1.1rem}}
@media print{.topbar,.runner-back,.runner-footer,.result-actions,.member-save{display:none!important}.runner{padding:0;background:#fff}.runner-backdrop{display:none}.result-shell{border:0}.result-hero{background:#111624!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.result-body{padding:20px}.result-grid{grid-template-columns:1.2fr .8fr}.score-ring{width:140px;height:140px}}

/* Keep hidden radio controls visibly focusable and narrow screens readable. */
.answer-option:has(input:focus-visible){outline:3px solid #c9fa71;outline-offset:3px}.intro-main,.intro-side,.question-main,.result-panel{min-width:0}.answer-copy{min-width:0;overflow-wrap:anywhere}.test-facts>span{min-width:0}.error-card{padding:clamp(1.25rem,6vw,4rem)}
@media(max-width:620px){.intro-main h1{font-size:clamp(2.1rem,9vw,3.2rem)}.test-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.question-actions{flex-wrap:wrap}.question-actions .runner-btn{flex:1;min-width:110px}.intro-actions>.runner-btn{width:100%}}