:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#20352e;background:#f7f9f5;font-synthesis:none;--deep:#244c40;--sage:#4b8370;--muted:#697b72;--line:#e3eae4;--cream:#f8f8f4;--coral:#d58e7e;--shadow:0 20px 70px rgba(42,83,68,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 55% 30% at 3% 2%,#dfeee6 0%,transparent 100%),radial-gradient(ellipse 55% 40% at 105% 90%,#f7e8d9 0%,transparent 100%),#f7f9f5;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.43}button:focus-visible,input:focus-visible{outline:3px solid #75b49f;outline-offset:3px}a{color:inherit}.shell{max-width:760px;margin:auto;padding:0 22px 72px;min-height:100dvh;display:flex;flex-direction:column}.topbar{height:95px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:11px;font-size:12px;color:var(--muted);letter-spacing:.09em}.brand-mark{height:35px;width:35px;display:grid;place-items:center;border:1px solid #aac8b8;border-radius:12px;font-size:24px;color:#578e78;background:#f7fcf7}.brand strong{display:block;font-size:15px;letter-spacing:.13em;color:var(--deep)}.bare{border:0;background:transparent;color:var(--muted);font-size:13px;padding:8px 0}.bare:hover{text-decoration:underline}.surface{background:rgba(255,255,255,.88);border:1px solid #fff;border-radius:30px;box-shadow:var(--shadow)}.hidden{display:none!important}.hero{position:relative;overflow:hidden;padding:58px 56px 45px;min-height:540px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 98% 15%,#d7e9dc 0,transparent 39%),linear-gradient(130deg,#fff 34%,#f8f7ef)}.orb{position:absolute;right:-66px;top:145px;width:230px;height:230px;border-radius:50%;border:1px solid #bad8c8;box-shadow:0 0 0 24px rgba(189,217,198,.11),0 0 0 50px rgba(189,217,198,.07);pointer-events:none}.orb:before{content:"";position:absolute;border-radius:50%;width:90px;height:90px;left:45px;top:43px;background:radial-gradient(circle at 35% 30%,#e6efde,#a4c1ab)}.eyebrow{font-size:12px;letter-spacing:.18em;color:#4b8069;font-weight:700;text-transform:uppercase;position:relative}.hero h1{font-size:clamp(36px,7.5vw,56px);line-height:1.24;letter-spacing:-.045em;font-weight:650;margin:23px 0 10px;position:relative}.hero h1 em{font-style:normal;color:var(--sage)}.subtitle{color:#536960;font-size:16px;line-height:2;max-width:440px;margin:13px 0 32px;position:relative}.chips{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 28px}.chip{border:1px solid #d8e7da;background:#f4f8f2;padding:8px 13px;border-radius:999px;color:#4a6e5e;font-size:12px}.consent{display:flex;align-items:flex-start;gap:11px;font-size:13px;line-height:1.8;color:#607269;cursor:pointer;margin:6px 0 22px;max-width:510px}.consent input{height:17px;width:17px;accent-color:var(--sage);flex-shrink:0;margin-top:3px}.primary{appearance:none;border:0;border-radius:17px;background:var(--deep);color:#fff;display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:17px 24px;font-weight:650;transition:transform .2s,background .2s;min-height:56px}.primary:not(:disabled):hover{background:#316551;transform:translateY(-1px)}.primary:active{transform:translateY(1px)}.primary-light{border:1px solid #d9e7dc;background:#eff6f0;color:var(--deep)}.primary-light:hover{background:#e5f0e8}.cta{width:max-content;min-width:210px;position:relative}.fine{font-size:12px;line-height:1.8;color:#85948b}.footnote{text-align:center;font-size:12px;color:#88978d;margin:22px auto 0;line-height:1.9;max-width:560px}.info-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}.info{background:rgba(255,255,255,.58);border:1px solid #e7eee6;border-radius:18px;padding:18px 15px;font-size:12px;color:#728378;line-height:1.65}.info strong{display:block;font-size:15px;color:#476d5b;margin-bottom:5px}.quiz{padding:34px 44px 34px}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.pill{font-size:12px;border-radius:99px;padding:9px 14px;background:#e9f1ea;color:#497561;font-weight:650}.section-count{color:#83958a;font-size:13px;font-variant-numeric:tabular-nums}.progress-track{height:6px;background:#e8efea;border-radius:20px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#82b99f,#3d765e);border-radius:20px;transition:width .3s}.section-dots{display:flex;gap:9px;margin:19px 0 39px}.section-dot{height:4px;border-radius:10px;background:#e3eae5;flex:1}.section-dot.active{background:#7dae95}.section-dot.done{background:#356d56}.question-no{color:#789184;font-size:13px;letter-spacing:.1em;font-weight:700}.question{font-size:clamp(24px,5.3vw,34px);font-weight:600;letter-spacing:-.035em;line-height:1.52;min-height:130px;margin:18px 0 14px}.instruction{font-size:13px;color:#7b8e82;margin-bottom:24px}.options{display:grid;gap:11px}.option{border:1.5px solid #e5ebe6;border-radius:16px;background:#fff;padding:15px 18px;display:flex;align-items:center;gap:14px;text-align:left;color:#425b4c;min-height:60px;transition:background .2s,border .2s,transform .2s}.option:hover{border-color:#8fbaa3;background:#f5faf5}.option.selected{border-color:#5e977b;background:#eaf5ed;box-shadow:inset 0 0 0 1px #5e977b}.option-value{width:30px;height:30px;display:grid;place-items:center;border:1px solid #dce7de;background:#f7f9f6;border-radius:10px;color:#5b7967;font-size:13px;font-weight:750;flex-shrink:0}.option.selected .option-value{background:#3c755b;color:white;border-color:#3c755b}.option-label{font-size:15px;font-weight:550}.option-check{margin-left:auto;font-size:18px;color:#468065}.quiz-actions{display:flex;gap:12px;justify-content:space-between;border-top:1px solid #eef1ec;margin-top:29px;padding-top:24px}.secondary{border:1px solid #dee8df;border-radius:15px;background:white;color:#476a57;font-weight:650;padding:14px 20px;min-height:52px}.quiz-actions .primary{min-height:52px;min-width:130px}.quit-link{font-size:12px;color:#8e9b92;display:block;text-align:center;margin:20px auto 0}