@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap";:root{color:#1b2925;font-synthesis:none;--ink:#172521;--muted:#65736e;--green:#1c6651;--green-dark:#124a3b;--yellow:#d6ad3a;--yellow-dark:#bd9020;--mint:#dcece5;--line:#dbe1dc;--paper:#fff;background:#f7f8f4;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}a{color:inherit}.app{flex-direction:column;min-height:100vh;display:flex}.app>main{flex:1}.site-header{border-bottom:1px solid var(--line);z-index:5;background:#f7f8f4eb;position:relative}.header-inner{justify-content:space-between;align-items:center;max-width:1160px;height:72px;margin:auto;padding:0 24px;display:flex}.brand{align-items:center;gap:11px;font:700 17px Manrope,sans-serif;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:var(--green);border-radius:10px 4px;place-items:center;width:34px;height:34px;display:grid}.header-link{color:var(--green-dark);font-weight:600;text-decoration:none}.hero{text-align:center;background:radial-gradient(circle at 50% 20%,#e8f1eb 0,#f7f8f4 52%);padding:116px 24px 124px}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.15em;margin:0 0 14px;font-size:12px;font-weight:700}h1,h2,h3{color:var(--ink);font-family:Manrope,sans-serif}.hero h1{letter-spacing:-.045em;max-width:850px;margin:0 auto 24px;font-size:clamp(40px,6vw,70px);line-height:1.08}.hero-copy{max-width:640px;color:var(--muted);margin:0 auto 34px;font-size:18px;line-height:1.7}.button{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:16px;min-height:50px;padding:0 24px;font-weight:700;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:focus-visible,input:focus-visible+.answer-letter{outline-offset:3px;outline:3px solid #87b9a8}.button.primary{background:var(--green);color:#fff}.button.primary:hover:not(:disabled){background:var(--green-dark)}.button.submit-quiz{background:var(--yellow);color:#2e250f}.button.submit-quiz:hover:not(:disabled){background:var(--yellow-dark)}.button.secondary{border-color:var(--line);color:var(--ink);background:#fff}.button:disabled{opacity:.45;cursor:not-allowed}.button.full{width:100%}.hero-button{min-width:200px}.how-it-works{text-align:center;max-width:1080px;margin:auto;padding:90px 24px 110px}.how-it-works h2{letter-spacing:-.03em;margin:0 auto 50px;font-size:34px}.steps{text-align:left;grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.steps article{border-top:2px solid var(--green);background:#fff;padding:30px;box-shadow:0 12px 35px #1a362d0d}.steps article>span{color:#8b9a94;font-size:13px;font-weight:700}.steps h3{margin:28px 0 10px;font-size:19px}.steps p{color:var(--muted);margin:0;line-height:1.6}.page-shell{flex:1;width:min(100% - 36px,980px);margin:0 auto;padding:72px 0 100px}.page-shell.narrow{max-width:760px}.page-heading{text-align:center;margin-bottom:36px}.page-heading h1{letter-spacing:-.04em;margin:0 0 14px;font-size:clamp(32px,5vw,46px)}.page-heading>p:last-child{color:var(--muted);max-width:590px;margin:auto;line-height:1.6}.setup-card,.status-card{background:#fff;border:1px solid #e2e6e2;border-radius:16px;padding:36px;box-shadow:0 18px 50px #1f372f0f}.status-card{text-align:center;color:var(--muted)}fieldset{border:0;min-width:0;margin:0 0 34px;padding:0}fieldset:disabled{opacity:.45}legend{width:100%;margin-bottom:16px;font:700 16px Manrope}legend span{background:var(--mint);width:26px;height:26px;color:var(--green-dark);border-radius:50%;place-items:center;margin-right:8px;font:700 12px DM Sans;display:inline-grid}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.choice-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.select-tile{border:1px solid var(--line);cursor:pointer;border-radius:10px;flex-direction:column;gap:4px;padding:17px;display:flex;position:relative}.select-tile input{opacity:0;position:absolute}.select-tile.selected{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:#f1f8f4}.select-tile:has(input:focus-visible){outline-offset:2px;outline:3px solid #87b9a8}.select-tile strong{font-size:15px}.select-tile small{color:var(--muted)}.error,.info-note,.empty-note{border-radius:8px;padding:13px 15px;font-size:14px;line-height:1.5}.error{color:#832c2c;background:#fff0ef;border:1px solid #f0c5c1}.info-note{color:#31544a;background:#edf6f2}.empty-note{color:var(--muted);background:#f3f5f3}.study-notice{max-width:620px;color:var(--muted);text-align:center;margin:16px auto 0;font-size:12px;line-height:1.55}.study-notice a,.footer-meta a{color:var(--green-dark);font-weight:600}.disclaimer-heading{text-align:left}.disclaimer-heading>p:last-child{margin-left:0}.disclaimer-card{background:#fff;border:1px solid #e2e6e2;border-radius:16px;padding:clamp(26px,5vw,44px);box-shadow:0 18px 50px #1f372f0f}.disclaimer-card h2{margin:0 0 22px;font-size:24px}.disclaimer-card p{color:var(--muted);margin:0 0 20px;line-height:1.75}.disclaimer-card .button{margin-top:10px}.quiz-shell{flex:1;width:min(100% - 36px,880px);margin:0 auto;padding:58px 0 90px}.quiz-meta{grid-template-columns:auto 1fr auto;align-items:end;gap:30px;margin-bottom:25px;display:grid}.quiz-meta>div:first-child,.timer{flex-direction:column;display:flex}.quiz-meta span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700}.quiz-meta strong{font:700 24px Manrope}.quiz-meta strong small{color:var(--muted);font-size:14px}.progress-track{background:#dfe5e1;border-radius:5px;height:5px;margin-bottom:8px;overflow:hidden}.progress-track span,.score-bar span{background:var(--green);height:100%;transition:width .25s;display:block}.timer{text-align:right}.timer.urgent strong{color:#a33830}.question-card{background:#fff;border:1px solid #e1e6e2;border-radius:16px;padding:clamp(26px,5vw,48px);box-shadow:0 18px 50px #1f372f0e}.question-type{color:var(--green);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700}.question-card h1{letter-spacing:-.025em;margin:14px 0 34px;font-size:clamp(23px,4vw,31px);line-height:1.35}.answer-list{gap:12px;display:grid}.answer-choice{border:1px solid var(--line);cursor:pointer;border-radius:10px;grid-template-columns:38px 1fr 30px;align-items:center;gap:14px;min-height:62px;padding:10px 16px;line-height:1.45;display:grid}.answer-choice:hover{border-color:#9fb8af}.answer-choice.selected{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:#f0f8f4}.answer-choice.correct{background:#edf8f2;border-color:#2f7d5d;box-shadow:inset 0 0 0 1px #2f7d5d}.answer-choice.incorrect{background:#fff1ef;border-color:#b95850;box-shadow:inset 0 0 0 1px #b95850}.answer-choice.locked{cursor:default}.answer-choice.locked:not(.correct):not(.incorrect):hover{border-color:var(--line)}.answer-choice.correct:hover{border-color:#2f7d5d}.answer-choice.incorrect:hover{border-color:#b95850}.answer-choice input{opacity:0;position:absolute}.answer-letter{background:#eef1ef;border-radius:7px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.selected .answer-letter{color:#fff;background:var(--green)}.answer-choice.correct .answer-letter{color:#fff;background:#2f7d5d}.answer-choice.incorrect .answer-letter{color:#fff;background:#b95850}.answer-status{color:#fff;border-radius:50%;justify-self:end;place-items:center;width:25px;height:25px;font-size:16px;font-weight:700;display:grid}.answer-status.correct{background:#2f7d5d}.answer-status.incorrect{background:#b95850}.quiz-navigation{grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;margin-top:22px;display:grid}.quiz-navigation>.button:last-child{justify-self:end}.quiz-navigation>span{color:var(--muted);font-size:13px}.quiz-error{margin-top:18px}.results-shell{max-width:850px}.score-card{text-align:center;background:var(--green-dark);color:#fff;border-radius:18px;padding:50px 30px}.score-card .eyebrow{color:#a9d6c7}.score-card h1{color:#fff;letter-spacing:-.06em;margin:0;font-size:70px}.score-card>p:not(.eyebrow){color:#d7e9e3}.score-card .button{color:var(--green-dark);background:#fff;margin-top:22px}.score-bar{background:#fff3;border-radius:5px;width:min(100%,360px);height:7px;margin:24px auto 0;overflow:hidden}.score-bar span{background:#89c8b3}.review-section{margin-top:62px}.review-heading{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.review-heading h2{margin:0;font-size:30px}.review-heading>span{color:var(--muted)}.review-card,.perfect-card{border:1px solid var(--line);background:#fff;border-radius:13px;margin-bottom:14px;padding:28px}.review-card h3{margin:0 0 22px;font-size:18px;line-height:1.5}.review-card h3 span{color:var(--muted)}.review-answer{border-radius:8px;grid-template-columns:28px 1fr;align-items:start;gap:10px;margin-top:8px;padding:12px 14px;display:grid}.review-answer>span{border-radius:50%;place-items:center;width:21px;height:21px;font-weight:700;display:grid}.review-answer div{flex-direction:column;gap:2px;display:flex}.review-answer small{text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:700}.review-answer.yours{color:#7f312d;background:#fff2f0}.review-answer.correct{color:#235c4a;background:#edf7f2}.review-answer.yours>span{color:#fff;background:#b5554e}.review-answer.correct>span{color:#fff;background:var(--green)}footer{border-top:1px solid var(--line);width:calc(100% - 48px);max-width:1160px;color:var(--muted);justify-content:space-between;margin:0 auto;padding:28px 0 35px;font-size:12px;display:flex}.footer-meta{gap:18px;display:flex}@media (width<=680px){.header-inner{height:62px;padding:0 18px}.brand{font-size:14px}.brand-mark{width:30px;height:30px}.header-link{display:none}.hero{padding:76px 20px 86px}.hero-copy{font-size:16px}.how-it-works{padding:68px 18px 80px}.steps{grid-template-columns:1fr}.page-shell{padding-top:48px}.setup-card{padding:24px 18px}.choice-grid,.choice-grid.two,.choice-grid.four{grid-template-columns:1fr}.quiz-shell{padding-top:32px}.quiz-meta{grid-template-columns:auto auto;gap:16px}.progress-track{grid-area:2/1/auto/-1}.question-card{border-radius:12px}.question-card h1{margin-bottom:26px}.quiz-navigation{grid-template-columns:1fr 1fr}.quiz-navigation>span{display:none}.quiz-navigation .button{padding:0 15px}.review-heading{align-items:center}.review-heading h2{font-size:25px}footer{flex-direction:column;gap:8px;width:calc(100% - 36px)}.footer-meta{gap:14px}}
