:root{--g900: #0a2e1a;--g800: #0f4025;--g700: #155230;--g600: #1a6b3e;--g500: #1f8a4e;--g400: #28a860;--g300: #4dc87e;--g200: #a8e8c0;--g100: #d4f4e3;--g50: #edfaf3;--amber: #e8b84b;--white: #ffffff;--ink: #0f1f14;--ink2: #2a3d30;--muted: #5a7a64;--border: #c8e8d4;--border2: #e2f3ea;--bg: #f4fbf7;--card: #ffffff;--radius: 12px;--radius-sm: 8px;--shadow: 0 2px 12px rgba(15, 64, 37, .08);--shadow-lg: 0 8px 32px rgba(15, 64, 37, .14);--font-head: "Syne", sans-serif;--font-body: "Lato", sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.6}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(31,138,78,.18);outline-offset:2px}.site-header{background:var(--g800);box-shadow:0 2px 16px #0000002e;position:sticky;top:0;z-index:100}.header-inner{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 auto;max-width:860px;padding:14px 24px}.logo{align-items:center;color:var(--white);display:flex;font-family:var(--font-head);font-size:22px;font-weight:800;gap:10px;letter-spacing:.04em}.logo-dot{background:var(--g300);border-radius:50%;display:inline-block;height:10px;width:10px}.header-tag{color:var(--g200);font-size:11px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.progress-wrapper{background:var(--g700);padding:10px 24px}.progress-meta{color:var(--g200);display:flex;font-size:11px;font-weight:700;justify-content:space-between;letter-spacing:.05em;margin:0 auto 6px;max-width:860px;text-transform:uppercase}.progress-track{background:#ffffff26;border-radius:10px;height:5px;margin:0 auto;max-width:860px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--g300),var(--amber));border-radius:10px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.shell{margin:0 auto;max-width:860px;padding:32px 24px 80px}.section{animation:fadeUp .35s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.sec-header{border-bottom:2px solid var(--border);margin-bottom:28px;padding-bottom:20px}.sec-eyebrow{align-items:center;color:var(--g500);display:flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.12em;margin-bottom:6px;text-transform:uppercase}.sec-eyebrow:before{background:var(--g400);border-radius:2px;content:"";display:inline-block;height:3px;width:20px}.sec-title{color:var(--g800);font-family:var(--font-head);font-size:26px;font-weight:700;line-height:1.25;margin:0 0 6px}.sec-desc{color:var(--muted);font-size:14px;line-height:1.55}.qcard{background:var(--card);border:1px solid var(--border2);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:22px 24px;transition:border-color .2s}.qcard:focus-within{border-color:var(--g400)}.qnum{color:var(--g500);font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.qtitle{color:var(--ink);font-family:var(--font-head);font-size:16px;font-weight:600;line-height:1.4;margin-bottom:4px}.qnote{color:var(--muted);font-size:12px;font-style:italic;margin-bottom:14px}.qhint{background:var(--g50);border-left:3px solid var(--g300);border-radius:0 6px 6px 0;color:var(--g500);font-size:12px;line-height:1.45;margin:10px 0 14px;padding:8px 12px}.concept-intro{font-size:13px;margin:0 0 18px}.opts{display:flex;flex-direction:column;gap:8px;margin-top:12px}.opt{align-items:flex-start;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:12px;padding:11px 14px;text-align:left;transition:border-color .15s,background .15s,transform .1s;-webkit-user-select:none;user-select:none;width:100%}.opt:hover{background:var(--g50);border-color:var(--g400);transform:translate(2px)}.opt.selected{background:var(--g50);border-color:var(--g500)}.opt.selected .opt-check{background:var(--g500);border-color:var(--g500)}.opt.selected .opt-check:after{opacity:1}.opt-check{background:var(--white);border:2px solid var(--border);border-radius:4px;flex-shrink:0;height:18px;margin-top:1px;position:relative;transition:all .15s;width:18px}.opt-check:after{border-bottom:2px solid var(--white);border-right:2px solid var(--white);content:"";height:9px;left:5px;opacity:0;position:absolute;top:2px;transform:rotate(40deg);transition:opacity .15s;width:5px}.opt.radio .opt-check{border-radius:50%}.opt.radio .opt-check:after{background:var(--white);border:none;border-radius:50%;height:8px;left:3px;top:3px;transform:none;width:8px}.opt span:last-child{color:var(--ink2);flex:1;font-size:14px;line-height:1.45}.open-text,.email-input{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--ink);margin-top:12px;transition:border-color .15s;width:100%}.open-text{line-height:1.55;min-height:110px;padding:12px 14px;resize:vertical}.email-input{padding:11px 14px}.open-text:focus,.email-input:focus{border-color:var(--g400);box-shadow:0 0 0 3px #1f8a4e1a;outline:none}.open-text::placeholder,.email-input::placeholder{color:#9db8a6}.submit-error{background:#fff5f5;border:1px solid #ffc9c9;border-radius:var(--radius-sm);color:#9b1c1c;font-size:14px;margin:18px 0 0;padding:12px 14px}.nav-bar{align-items:center;border-top:1px solid var(--border2);display:flex;gap:12px;margin-top:28px;padding-top:20px}.btn-back,.btn-next,.btn-restart{border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.03em;transition:all .15s}.btn-back{background:var(--white);border:1.5px solid var(--border);color:var(--muted);padding:11px 22px}.btn-back:hover{border-color:var(--g400);color:var(--g600)}.btn-next{background:var(--g600);border:none;box-shadow:0 2px 10px #1a6b3e40;color:var(--white);padding:12px 32px}.btn-next:hover:not(:disabled){background:var(--g700);box-shadow:0 4px 16px #1a6b3e4d;transform:translateY(-1px)}.btn-next:disabled{box-shadow:none;cursor:not-allowed;opacity:.38}.nav-step{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.04em;margin-left:auto;text-transform:uppercase}.done-screen{background:var(--white);border:1px solid var(--border2);border-radius:16px;box-shadow:var(--shadow-lg);padding:56px 40px;text-align:center}.done-icon{align-items:center;background:var(--g100);border-radius:50%;display:flex;height:72px;justify-content:center;margin:0 auto 24px;width:72px}.done-icon svg{height:34px;width:34px}.done-title{color:var(--g800);font-family:var(--font-head);font-size:28px;font-weight:800;margin-bottom:12px}.done-body{color:var(--muted);font-size:15px;line-height:1.65;margin:0 auto 32px;max-width:480px}.done-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:32px}.done-badge{background:var(--g100);border-radius:20px;color:var(--g700);font-size:12px;font-weight:700;letter-spacing:.03em;padding:6px 14px}.btn-restart{background:transparent;border:2px solid var(--g600);color:var(--g600);padding:12px 30px}.btn-restart:hover{background:var(--g600);color:var(--white)}@media (max-width: 600px){.shell{padding:20px 14px 60px}.sec-title{font-size:21px}.done-screen{padding:36px 20px}.header-tag{display:none}}