:root{color:#17332d;font-synthesis:none;text-rendering:optimizelegibility;--ink:#17332d;--muted:#5f746e;--green:#0d5c4d;--green-bright:#2ca77e;--cream:#fffdf6;--line:#dce6df;--orange:#ee8a3b;--shadow:0 22px 60px #143e3317;background:#f4f7f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.topbar{justify-content:space-between;align-items:center;width:min(1120px,100% - 40px);margin:0 auto;padding:22px 0;display:flex}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.brand strong,.brand small{display:block}.brand strong{font-size:1.12rem}.brand small{color:var(--muted);margin-top:1px;font-size:.74rem}.brand-mark{background:var(--green);color:#fff;border-radius:13px;place-items:center;width:42px;height:42px;font-weight:850;display:grid;box-shadow:0 8px 20px #0d5c4d38}main{width:min(1000px,100% - 40px);margin:22px auto 80px}.hero{color:#fff;min-height:280px;box-shadow:var(--shadow);background:linear-gradient(135deg,#0a4c40,#0f6b59 62%,#238869);border-radius:32px;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:40px;padding:50px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";border:1px solid #ffffff29;border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-70px}.eyebrow{color:var(--orange);letter-spacing:.11em;text-transform:uppercase;margin:0 0 10px;font-size:.74rem;font-weight:800}.hero .eyebrow{color:#f9c08c}h1,h2,p{text-wrap:pretty}h1{letter-spacing:-.045em;max-width:690px;margin:0;font-size:clamp(2.15rem,5vw,4rem);line-height:.99}h2{letter-spacing:-.025em;margin:0 0 12px;font-size:clamp(1.45rem,3vw,2rem)}.hero-copy{color:#d8ebe5;max-width:650px;margin:22px 0 0;font-size:1.05rem;line-height:1.65}.hero-orbit{border:1px dashed #ffffff59;border-radius:50%;width:220px;height:220px;position:relative}.hero-orbit:before{content:"";background:#ffffff21;border-radius:50%;position:absolute;inset:55px}.hero-orbit span{background:var(--cream);width:54px;height:54px;color:var(--green);border-radius:50%;place-items:center;font-weight:850;display:grid;position:absolute;box-shadow:0 8px 20px #0000001f}.hero-orbit span:first-child{top:-4px;left:82px}.hero-orbit span:nth-child(2){bottom:14px;left:4px}.hero-orbit span:nth-child(3){bottom:18px;right:-2px}.status{color:var(--muted);background:#e9f0eb;border-radius:12px;margin:22px 0;padding:12px 16px}.status[data-kind=success]{color:#07503c;background:#dff4e9}.status[data-kind=error]{color:#812f2f;background:#ffe8e5}.panel,.completion{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px;margin-top:22px;padding:34px}.panel>p:not(.eyebrow){color:var(--muted);line-height:1.6}.login-panel{justify-content:space-between;align-items:center;gap:28px;display:flex}.button{border:0;border-radius:12px;padding:12px 18px;font-weight:750;transition:transform .15s,box-shadow .15s,opacity .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #ee8a3b73}.button:disabled{cursor:not-allowed;opacity:.55}.button-primary{color:#fff;background:var(--green);box-shadow:0 8px 18px #0d5c4d2e}.button-quiet{color:var(--green);background:#e4efea}.profile-form{margin-top:24px}.profile-form label{margin-bottom:8px;font-weight:750;display:block}.form-row{gap:12px;display:flex}input[type=text]{min-width:0;color:var(--ink);background:#fbfdfb;border:1px solid #b9cbc3;border-radius:12px;flex:1;padding:12px 14px}.question-heading{justify-content:space-between;align-items:flex-start;gap:22px;display:flex}.progress-badge{text-align:center;color:var(--green);background:#e8f3ee;border-radius:14px;flex:none;padding:10px 14px}.progress-badge span,.progress-badge strong{display:block}.progress-badge span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.progress-badge strong{font-size:1.4rem}.answer-options{border:0;gap:12px;margin:26px 0 20px;padding:0;display:grid}.answer-option{border:1px solid var(--line);cursor:pointer;background:#fbfdfb;border-radius:15px;align-items:center;gap:14px;padding:16px;display:flex;position:relative}.answer-option:hover{border-color:#8db7a9}.answer-option:has(input:checked){border-color:var(--green-bright);background:#eaf7f1;box-shadow:0 0 0 2px #2ca77e1f}.answer-option input{opacity:0;pointer-events:none;position:absolute}.option-marker{width:34px;height:34px;color:var(--green);background:#e2eee9;border-radius:10px;flex:none;place-items:center;font-weight:850;display:grid}.answer-result{border-radius:15px;margin-top:22px;padding:18px}.answer-result strong{font-size:1.15rem;display:block}.answer-result p{margin:8px 0 0;line-height:1.55}.answer-result.is-correct{color:#07503c;background:#dff4e9}.answer-result.is-incorrect{color:#713d18;background:#fff0db}.completion{color:#fff;background:var(--green);border-color:#0000;align-items:center;gap:18px;display:flex}.completion .eyebrow{color:#f9c08c}.completion h2{margin-bottom:6px}.completion p:last-child{color:#d8ebe5;margin:0}.completion-icon{width:55px;height:55px;color:var(--green);background:#fff;border-radius:50%;flex:none;place-items:center;font-size:1.8rem;font-weight:900;display:grid}.disclaimer{max-width:720px;color:var(--muted);text-align:center;margin:34px auto 0;font-size:.82rem;line-height:1.55}.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}@media (width<=760px){.topbar,main{width:min(100% - 24px,1000px)}main{margin-top:8px}.hero{border-radius:24px;grid-template-columns:1fr;min-height:0;padding:34px 25px}.hero-orbit{display:none}.login-panel,.form-row{flex-direction:column;align-items:stretch}.panel,.completion{border-radius:19px;padding:24px 20px}.question-heading{align-items:center}.completion{align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}