:root{--ink:#18251f;--muted:#66736c;--paper:#f4f1e9;--card:#fffdf8;--line:#d9ddd6;--green:#1f6849;--lime:#bfd854;--soft:#e6eee7;--rust:#b85c42}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.site-container{max-width:1240px;margin:auto;padding:0 34px 70px}.site-header{height:86px;max-width:1240px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #18251f1f}.wordmark{display:flex;gap:11px;align-items:center;color:var(--ink);font:800 15px Manrope;text-decoration:none;letter-spacing:.12em}.wordmark span{display:grid;place-items:center;width:33px;height:33px;color:white;background:var(--green);border-radius:9px;letter-spacing:0}.site-header nav{display:flex;align-items:center;gap:27px}.site-header nav a{text-decoration:none;color:var(--muted);font-size:14px;font-weight:600}.site-header nav a:hover{color:var(--green)}.profile-link{display:flex!important;align-items:center;gap:9px}.profile-link i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--green);color:white;font-style:normal}.eyebrow{display:block;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.18em;margin-bottom:15px}.hero{min-height:620px;display:grid;grid-template-columns:1.05fr .8fr;gap:90px;align-items:center;padding:72px 40px}.hero h1{font:800 clamp(48px,6vw,79px)/.98 Manrope;margin:0 0 30px;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:var(--green)}.hero>div>p{max-width:590px;font-size:18px;line-height:1.65;color:var(--muted)}.hero-actions{display:flex;gap:13px;margin-top:34px}.primary-button,.secondary-button{border:0;border-radius:9px;padding:14px 23px;font:700 14px 'DM Sans';text-decoration:none;display:inline-flex;justify-content:center;cursor:pointer}.primary-button{background:var(--green);color:#fff;box-shadow:0 8px 22px #1f684929}.primary-button:hover{background:#164e36}.secondary-button{color:var(--green);background:transparent;border:1px solid #aebdb3}.mission-preview{background:var(--card);padding:34px;border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 70px #2230281f;transform:rotate(1deg)}.preview-top{display:flex;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--muted)}.preview-progress{height:4px;background:#e5e7e2;margin:13px 0 34px;border-radius:4px}.preview-progress i{display:block;width:34%;height:100%;background:var(--lime)}.mission-preview h2{font:700 22px/1.38 Manrope;margin:10px 0 28px}.preview-answer{display:flex;align-items:center;gap:14px;border:2px solid var(--green);background:var(--soft);padding:14px;border-radius:10px;margin:10px 0}.preview-answer b{display:grid;place-items:center;width:30px;height:30px;background:var(--green);color:#fff;border-radius:7px}.preview-answer i{margin-left:auto;color:var(--green)}.preview-answer.dim{border:1px solid var(--line);background:white;color:var(--muted)}.preview-answer.dim b{background:#edf0eb;color:var(--muted)}.preview-reward{display:flex;justify-content:space-between;margin:25px -34px -34px;padding:19px 34px;background:var(--green);color:#fff;border-radius:0 0 18px 18px}.preview-reward strong{color:var(--lime)}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:40px}.principles article{padding:8px 48px;border-right:1px solid var(--line)}.principles article:first-child{padding-left:0}.principles article:last-child{border:0}.principles article>span{color:var(--green);font:800 12px Manrope}.principles h3{font:700 18px Manrope;margin:14px 0 8px}.principles p{color:var(--muted);line-height:1.55;font-size:14px}.focus-mode{background:#edf0e9}.focus-mode .site-container{max-width:none;padding:0}.focus-shell{min-height:100vh;max-width:940px;margin:auto;display:flex;flex-direction:column;padding:28px 34px}.mission-header{display:flex;align-items:center;gap:20px}.exit-focus{text-decoration:none;color:var(--ink);font-size:26px}.mission-header div{display:flex;flex-direction:column}.mission-header .eyebrow{margin:0}.mission-header strong{font:700 13px Manrope}.progress-count{margin-left:auto;color:var(--muted);font-weight:700}.progress-track{height:4px;background:#dce1da;margin:20px 0}.progress-track span{display:block;height:100%;background:var(--green);transition:width .4s}.question-card,.feedback-card,.completion-card{margin:auto 0;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:45px 55px;box-shadow:0 18px 60px #192d2214}.question-meta{display:flex;gap:18px;font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--muted)}.boss-tag{color:var(--rust)}.prompt-row{display:flex;gap:25px;align-items:flex-start}.prompt-row h1,.feedback-card h1,.completion-card h1{font:700 clamp(26px,4vw,39px)/1.28 Manrope;letter-spacing:-.025em;max-width:720px}.audio-button{flex:none;width:48px;height:48px;margin-top:22px;border-radius:50%;border:1px solid var(--line);background:white;color:var(--green);cursor:pointer}.answers{display:grid;gap:11px;margin-top:34px}.answer-choice{display:flex;align-items:center;gap:16px;padding:17px;border:1px solid var(--line);border-radius:11px;cursor:pointer;background:#fff;transition:.15s}.answer-choice:hover{border-color:#83a38f;transform:translateY(-1px)}.answer-choice:has(input:checked){border:2px solid var(--green);background:var(--soft)}.answer-choice input{position:absolute;opacity:0}.answer-letter{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#edf0eb;font-weight:800}.answer-choice:has(input:checked) .answer-letter{background:var(--green);color:white}.answer-text{font-weight:600}.question-actions{display:flex;align-items:center;gap:22px;margin-top:28px}.text-button{border:0;background:transparent;color:var(--green);font-weight:700;cursor:pointer;padding:12px}.hint-panel{background:#f3efdd;border-left:4px solid #d7bf58;padding:15px 18px;border-radius:4px;color:#665b30}.hint-panel span{font-size:10px;font-weight:800;letter-spacing:.14em;margin-right:12px}.feedback-card{text-align:center}.feedback-card .eyebrow{margin-top:20px}.feedback-icon,.completion-mark{width:72px;height:72px;margin:auto;display:grid;place-items:center;border-radius:50%;font-size:34px;background:var(--soft);color:var(--green)}.incorrect .feedback-icon{background:#f4e3dc;color:var(--rust)}.feedback-card h1,.completion-card h1{margin:12px auto 25px}.reward-line{display:flex;justify-content:center;gap:30px;padding:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);margin-bottom:25px}.reward-line strong{color:var(--green)}.completion-card{text-align:center}.focus-footer{display:flex;justify-content:center;gap:28px;color:var(--muted);font-size:12px;padding:22px}.account-shell{display:grid;grid-template-columns:1fr 430px;gap:100px;align-items:center;min-height:calc(100vh - 156px);padding:60px 50px}.brand-block h1{font:800 58px/1.05 Manrope;letter-spacing:-.05em;margin:0 0 22px}.brand-block p{font-size:18px;line-height:1.6;color:var(--muted)}.account-card{background:var(--card);border:1px solid var(--line);padding:36px;border-radius:17px;box-shadow:0 25px 70px #22302817}.account-card h2{font:700 25px Manrope}.account-form{display:grid;gap:16px}.account-form label{display:grid;gap:7px;font-size:12px;font-weight:700}.account-form input{padding:13px;border:1px solid var(--line);border-radius:8px;font:inherit}.account-card details{margin-top:22px;border-top:1px solid var(--line);padding-top:20px}.account-card summary{cursor:pointer;color:var(--green);font-weight:700;margin-bottom:18px}.error-message{background:#f4e3dc;color:#843a29;padding:12px;border-radius:7px;margin-bottom:18px}.demo-note{font-size:11px;color:var(--muted);margin-top:18px}.page-heading{padding:60px 0 25px}.page-heading h1{font:800 45px Manrope;margin:0}.page-heading p{color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:20px 0}.metric-grid article,.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px}.metric-grid span{display:block;color:var(--muted);font-size:12px}.metric-grid strong{font:800 34px Manrope}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel-title{display:flex;justify-content:space-between}.panel h2{font:700 19px Manrope;margin:0 0 18px}.status-chip{background:var(--soft);color:var(--green);height:min-content;padding:6px 10px;border-radius:20px;font-size:10px;font-weight:800}.list-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid var(--line);font-size:13px}.list-row div{display:grid}.list-row div span{color:var(--muted);font-size:11px}.bar-row{display:grid;grid-template-columns:130px 1fr 25px;gap:12px;align-items:center;font-size:12px;margin:12px 0;text-transform:capitalize}.bar-row div{height:6px;background:#e5e8e3;border-radius:5px}.bar-row i{display:block;background:var(--green);height:100%;border-radius:5px}.ai-route{display:flex;gap:13px;align-items:center;padding:13px 0}.route-dot{width:10px;height:10px;border-radius:50%;background:#4aae77;box-shadow:0 0 0 5px #e1f0e7}.ai-route div{display:grid}.ai-route small{color:var(--muted)}.ai-route.muted .route-dot{background:#aeb7b1;box-shadow:none}.empty-state{color:var(--muted)}@media(max-width:800px){.site-header nav a:not(.profile-link){display:none}.site-container{padding:0 20px 45px}.hero{grid-template-columns:1fr;padding:55px 0;gap:40px}.hero h1{font-size:50px}.mission-preview{transform:none}.principles{grid-template-columns:1fr}.principles article{padding:22px 0;border-right:0;border-bottom:1px solid var(--line)}.account-shell{grid-template-columns:1fr;padding:45px 0;gap:25px}.brand-block h1{font-size:42px}.metric-grid{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.question-card,.feedback-card,.completion-card{padding:30px 22px}.focus-shell{padding:20px 14px}.reward-line{gap:12px;flex-wrap:wrap}}