:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#142033;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f4f7fb;min-height:100vh;margin:0}button,input{font:inherit}a{color:inherit}.auth-page{background:radial-gradient(circle at 15% 20%,#dbe7ffcc,#0000 32rem),#f4f7fb;place-items:center;min-height:100vh;padding:clamp(1.5rem,5vw,4rem);display:grid}.auth-layout{grid-template-columns:minmax(0,1.15fr) minmax(21rem,.85fr);align-items:center;gap:clamp(2rem,6vw,5rem);width:min(70rem,100%);display:grid}.auth-intro h1{max-width:14ch;margin:.6rem 0 1rem;font-size:clamp(2.35rem,5vw,4.5rem);line-height:1.02}.auth-lead{color:#42526b;max-width:40rem;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.65}.auth-steps{counter-reset:steps;gap:1rem;max-width:38rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.auth-steps li{counter-increment:steps;grid-template-columns:2.25rem minmax(0,1fr);align-items:center;gap:.2rem .85rem;display:grid}.auth-steps li:before{color:#fff;content:counter(steps);background:#244f9e;border-radius:50%;grid-row:1/span 2;place-items:center;width:2.25rem;height:2.25rem;font-weight:900;display:grid}.auth-steps span{color:#52627a;line-height:1.45}.auth-card{background:#fff;border:1px solid #d7dfec;border-radius:1.25rem;width:100%;padding:2rem;box-shadow:0 1.5rem 4rem #1420331a}.eyebrow{color:#335caa;letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.auth-card h2,.shell-content h1{margin:.4rem 0 .75rem;line-height:1.08}.auth-card h2{font-size:1.75rem}.auth-form{gap:1rem;margin-top:2rem;display:grid}.auth-form label{gap:.45rem;font-weight:700;display:grid}.auth-form input{background:#fff;border:1px solid #b9c5d8;border-radius:.7rem;width:100%;padding:.8rem .9rem}.auth-form input:focus-visible{border-color:#335caa;outline:3px solid #335caa33}button{color:#fff;cursor:pointer;background:#244f9e;border:0;border-radius:.7rem;padding:.78rem 1rem;font-weight:800}button:hover{background:#173f87}button:disabled{cursor:not-allowed;opacity:.45}.secondary-button{color:#142033;background:#e7edf7}.secondary-button:hover{background:#d7e0ee}.error-message{color:#8a1c1c;background:#fff0f0;border-radius:.7rem;padding:.85rem 1rem}.shell{grid-template-columns:16rem minmax(0,1fr);min-height:100vh;display:grid}.shell-sidebar{color:#fff;background:#142033;padding:1.5rem}.shell-brand{letter-spacing:.04em;margin:0 0 2rem;font-weight:900;display:block}.shell-sidebar nav{gap:.5rem;display:grid}.shell-sidebar a,.shell-sidebar nav span{border-radius:.65rem;padding:.72rem .85rem;text-decoration:none}.shell-sidebar a{background:#ffffff1f}.shell-sidebar nav span{color:#ffffff8c}.shell-sidebar nav span small{margin-top:.2rem;font-size:.68rem;font-weight:700;display:block}.shell-main{min-width:0}.shell-header{background:#fff;border-bottom:1px solid #d7dfec;justify-content:flex-end;align-items:center;gap:1rem;min-height:4.5rem;padding:0 2rem;display:flex}.shell-header form button{color:#142033;background:#e7edf7}.shell-content{padding:clamp(1.5rem,4vw,3rem)}.dashboard-content{max-width:78rem;margin:0 auto}.dashboard-content>h1{max-width:54rem;font-size:clamp(2rem,4vw,3.5rem)}.dashboard-intro{color:#52627a;max-width:48rem;margin:0 0 2rem;font-size:1.08rem;line-height:1.65}.start-check-card{background:linear-gradient(135deg,#fff 0%,#eef4ff 100%);border:1px solid #b9ccec;border-radius:1.25rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem 2rem;margin-bottom:1.5rem;padding:clamp(1.35rem,3vw,2.25rem);display:grid;box-shadow:0 1rem 3rem #14203312}.start-check-card h2{margin:.35rem 0 .55rem}.start-check-card p:last-child{color:#52627a;max-width:50rem;margin-bottom:0;line-height:1.6}.button-link{color:#fff;background:#244f9e;border-radius:.7rem;justify-content:center;padding:.8rem 1rem;font-weight:800;text-decoration:none;display:inline-flex}.button-link:hover{background:#173f87}.focus-header{background:#ffffffe6;border:1px solid #d7dfec;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;width:min(920px,100%);margin:0 auto 1.5rem;padding:.8rem 1rem;display:flex}.focus-header>div{gap:.15rem;display:grid}.focus-brand{letter-spacing:.08em;font-size:.8rem;font-weight:900;text-decoration:none}.focus-context{color:#52627a;font-size:.78rem;font-weight:700}.focus-header nav{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.focus-header nav a{font-weight:800;text-decoration:none}.mission-card,.assessment-panel,.results-panel{background:#fff;border:1px solid #d7dfec;border-radius:1.25rem;padding:clamp(1.25rem,3vw,2.25rem);box-shadow:0 1rem 3rem #14203312}.mission-card{grid-template-columns:minmax(0,1.5fr) minmax(18rem,1fr);align-items:end;gap:1.5rem 2rem;display:grid}.mission-card h2,.results-panel h2,.assessment-panel h2{margin:.35rem 0 .7rem}.mission-card>button{justify-self:start}.mission-facts{gap:.85rem;margin:0;display:grid}.mission-facts div{grid-template-columns:5.5rem 1fr;gap:.7rem;display:grid}.mission-facts dt{color:#66748a;font-size:.85rem;font-weight:700}.mission-facts dd{margin:0;font-weight:700}.assessment-panel{max-width:52rem}.assessment-progress{color:#52627a;justify-content:space-between;gap:1rem;font-size:.88rem;font-weight:800;display:flex}progress{accent-color:#335caa;border:0;border-radius:999px;width:100%;height:.7rem;margin:.8rem 0 1.8rem;overflow:hidden}.answer-options{gap:.75rem;margin:1.5rem 0;display:grid}.answer-option{cursor:pointer;border:1px solid #cbd5e4;border-radius:.85rem;align-items:flex-start;gap:.8rem;padding:1rem;transition:border-color .15s,background .15s;display:flex}.answer-option:hover,.answer-option.selected{background:#eef4ff;border-color:#335caa}.answer-option input{accent-color:#244f9e;margin-top:.2rem}.results-panel{gap:2rem;display:grid}.results-hero{justify-content:space-between;align-items:center;gap:2rem;display:flex}.score-ring{color:#244f9e;border:.75rem solid #dce8ff;border-radius:50%;flex:none;place-items:center;width:7rem;height:7rem;font-size:1.55rem;font-weight:900;display:grid}.competency-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.competency-card{background:#fbfcfe;border:1px solid #d7dfec;border-radius:1rem;padding:1.15rem}.competency-card h3{min-height:2.8rem;margin:.85rem 0 .35rem;font-size:1rem}.competency-card strong{font-size:1.4rem}.competency-card p{color:#52627a;margin-bottom:0;line-height:1.5}.status-badge{border-radius:999px;padding:.32rem .58rem;font-size:.75rem;font-weight:900;display:inline-flex}.status-green{color:#17663a;background:#dff5e7}.status-yellow{color:#785800;background:#fff1c7}.status-red{color:#8b2724;background:#ffe0df}.recommendation-list{gap:.75rem;display:grid}.recommendation-list>h3{margin-bottom:.25rem}.recommendation-list article{background:#eef4ff;border-radius:.9rem;gap:1rem;padding:1rem;display:flex}.recommendation-list article>span{color:#fff;background:#244f9e;border-radius:50%;flex:none;place-items:center;width:2rem;height:2rem;font-weight:900;display:grid}.recommendation-list h4,.recommendation-list p{margin:0}.recommendation-list p{color:#52627a;margin-top:.25rem;line-height:1.5}.validation-card{background:#f8faff;border:1px dashed #9bafd0;border-radius:1rem;padding:1.2rem}.validation-card h3,.validation-card p{margin:0}.validation-card>div:first-child p{color:#52627a;margin-top:.3rem}.feedback-actions{gap:.75rem;margin-top:1rem;display:flex}.feedback-actions .selected{color:#fff;background:#244f9e}.feedback-thanks{color:#17663a;font-weight:800;margin-top:1rem!important}@media (max-width:60rem){.competency-grid{grid-template-columns:1fr}.competency-card h3{min-height:auto}}@media (max-width:48rem){.auth-layout{grid-template-columns:1fr}.auth-intro h1{max-width:18ch}.shell{grid-template-columns:1fr}.shell-sidebar{padding:1rem}.shell-brand{margin-bottom:1rem}.shell-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.shell-header{flex-wrap:wrap;padding:.7rem 1rem}.mission-card{grid-template-columns:1fr}.results-hero{flex-direction:column;align-items:flex-start}.feedback-actions{flex-direction:column;align-items:stretch}.start-check-card{grid-template-columns:1fr}.start-check-card .button-link{justify-self:start}}@media (max-width:34rem){.focus-header{flex-direction:column;align-items:flex-start}}
