:root{--green:#348f4d;--green-dark:#216b38;--green-soft:#eaf5e9;--ink:#183124;--muted:#627268}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.questionnaire-shell{min-height:100svh;position:relative;overflow:hidden;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 14% 12%,#fff 0,#f7fbf4 36%,transparent 37%),linear-gradient(145deg,#f8fbf5,#edf6e9)}.questionnaire-shell:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cpath d='M8 48C22 24 43 18 69 23C53 29 40 38 31 53C25 62 15 60 8 48Z' fill='none' stroke='%23348f4d' stroke-width='1'/%3E%3C/svg%3E");background-size:110px}.ambient{position:fixed;border-radius:50%;pointer-events:none}.ambient-one{width:360px;height:360px;background:#4b9d531f;right:-120px;top:-120px}.ambient-two{width:250px;height:250px;border:55px solid #4b9d5314;left:-90px;bottom:-90px}.quiz-frame{position:relative;z-index:1;width:min(920px,100%);min-height:min(760px,calc(100svh - 44px));border:1px solid #348f4d24;border-radius:34px;background:#fffffff0;box-shadow:0 28px 80px #255e3521;padding:22px 52px 20px;display:flex;flex-direction:column}.brand-header{min-height:104px;display:flex;align-items:center;justify-content:center}.brand-logo{width:min(285px,64vw);max-height:92px;object-fit:contain}.progress-wrap{max-width:720px;width:100%;margin:4px auto 0}.progress-copy{display:flex;justify-content:space-between;color:var(--muted);font-size:.78rem;margin-bottom:7px}.progress-copy strong{color:var(--green-dark)}.brand-progress{height:7px;background:#e5eee4}.brand-progress .progress-bar{background:linear-gradient(90deg,var(--green),#65ad62);transition:width .5s}.question-stage{flex:1;display:grid;place-items:center;width:100%}.slide-next{animation:slideNext .42s cubic-bezier(.22,.8,.3,1)}.slide-back{animation:slideBack .42s cubic-bezier(.22,.8,.3,1)}@keyframes slideNext{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}@keyframes slideBack{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}.question-card,.completion-card{width:min(700px,100%);padding:28px 0 18px}.eyebrow{display:flex;gap:8px;align-items:center;color:var(--green);text-transform:uppercase;letter-spacing:.17em;font-size:.75rem;font-weight:800;margin:0 0 13px}.leaf{font-size:.72rem;transform:rotate(45deg)}h1{font-size:clamp(2rem,4vw,3.15rem);line-height:1.08;letter-spacing:-.045em;font-weight:750;margin:0}.lead-copy{color:var(--muted);font-size:1.04rem;line-height:1.65;max-width:590px;margin:17px 0 24px}.instruction{color:var(--muted);font-size:.88rem;margin:12px 0 15px}.name-field{max-width:580px;margin-top:32px}.name-field label{display:block;color:var(--green-dark);font-weight:750;font-size:.87rem;margin-bottom:9px}.name-field input{height:64px;border-radius:17px;border:2px solid #dce8db;padding:0 20px;font-size:1.1rem;box-shadow:none}.name-field input:focus{border-color:var(--green);box-shadow:0 0 0 4px #348f4d1c}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.answer-card{min-height:78px;border:2px solid #e3ebe1;border-radius:19px;padding:14px 18px;display:flex;align-items:center;gap:14px;text-align:left;font-weight:650;line-height:1.3;cursor:pointer;background:#fff;transition:.18s;user-select:none}.answer-card:hover{transform:translateY(-2px);border-color:#9fc7a3;box-shadow:0 8px 24px #2a673917}.answer-card.selected{border-color:var(--green);color:var(--green-dark);background:var(--green-soft);box-shadow:0 8px 26px #2a67391f}.answer-letter{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;background:#eef4ec;color:var(--green-dark);font-size:.78rem;font-weight:850}.selected .answer-letter{color:#fff;background:var(--green)}.validation-message{min-height:20px;margin:7px 0 0;color:#c3293c;font-size:.79rem;opacity:0;transform:translateY(-3px);transition:.18s}.validation-message.visible{opacity:1;transform:none}.answers-error{text-align:center;margin-top:10px}.quiz-actions{width:min(700px,100%);margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding-top:10px}.next-button{height:52px;min-width:158px;border:0;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--green),var(--green-dark));box-shadow:0 10px 24px #236f3a38}.next-button:hover{color:#fff;transform:translateY(-1px)}.back-button{height:48px;color:var(--muted);font-size:1.45rem}.back-button span{font-size:.9rem;margin-left:6px}.privacy-note{color:#89948d;text-align:center;font-size:.69rem;margin:13px 0 0}.success-mark{width:78px;height:78px;display:grid;place-items:center;border-radius:24px;margin:0 auto 22px;color:#fff;font-size:2.3rem;background:linear-gradient(145deg,#58a75e,var(--green-dark));box-shadow:0 14px 32px #348f4d40;transform:rotate(-3deg)}.result-preview{max-width:550px;min-height:112px;margin:25px auto;border:1px dashed #a5bea4;border-radius:20px;padding:15px;background:#f6faf4;display:grid;grid-template-columns:88px 1fr 72px;gap:15px;align-items:center}.preview-image{height:80px;border-radius:14px;background:#deefdc;color:var(--green);display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.7rem}.preview-image small{font-size:.55rem}.preview-lines{display:grid;gap:9px}.preview-lines i{height:8px;border-radius:5px;background:#dbe7d9}.preview-lines i:nth-child(2){width:78%}.preview-lines i:nth-child(3){width:55%}.preview-qr{height:72px;display:grid;place-items:center;font-weight:900;color:var(--green-dark);border:6px dotted var(--green-dark)}.restart-button{height:48px;border:1px solid #b9cfb7;border-radius:14px;color:var(--green-dark)}
@media(max-width:767.98px){.questionnaire-shell{padding:0;overflow:auto}.quiz-frame{min-height:100svh;border:0;border-radius:0;padding:14px 20px 18px}.brand-header{min-height:90px}.answer-grid{grid-template-columns:1fr}.question-card{padding-top:24px}h1{font-size:clamp(1.85rem,8vw,2.5rem)}.answer-card{min-height:68px}}@media(min-width:768px) and (max-height:720px){.quiz-frame{min-height:calc(100svh - 24px);padding-top:10px;padding-bottom:10px}.brand-header{min-height:76px}.brand-logo{max-height:68px}.question-card{padding:18px 0 8px}.answer-card{min-height:66px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.result-complete{max-width:860px;margin:0 auto;text-align:left}.result-hero{margin-bottom:28px}.result-hero h1{text-transform:uppercase}.profile-number{margin:0;color:#d02443;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hello-copy{font-size:1.15rem;color:#587064}.focus-card,.tip-card,.challenge-card,.download-card{border-radius:24px;padding:26px;margin:20px 0}.focus-card{background:linear-gradient(135deg,#e7f5e7,#f7fcf4);border:1px solid #b9daba}.focus-card>span,.section-label{display:block;color:#2f924c;font-weight:800;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:9px}.focus-card h2,.challenge-card h2,.download-card h2,.final-message h2{color:#173a28;font-weight:800;font-size:clamp(1.2rem,2.4vw,1.65rem)}.focus-card p,.tip-card p,.final-message p,.download-card p{color:#587064;line-height:1.7;margin-bottom:0}.result-section{margin:32px 0}.plan-list{display:grid;gap:12px}.plan-item{display:flex;gap:16px;padding:18px;border-radius:18px;background:#fff;border:1px solid #dceadd;box-shadow:0 8px 22px rgba(33,83,50,.06)}.plan-item>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:50%;background:#32934f;color:#fff;font-weight:800}.plan-item h3{font-size:1.05rem;color:#173a28;font-weight:800;margin:0 0 4px}.plan-item p{margin:0;color:#64786c;line-height:1.55}.tip-card{background:#fff7f5;border:1px solid #f0d7d1}.tip-card .section-label{color:#d02443}.challenge-card{background:#2f924c;color:#fff}.challenge-card .section-label,.challenge-card h2{color:#fff}.final-message{padding:30px 10px}.final-message strong{display:block;color:#d02443;margin-top:12px}.download-card{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;background:#f2f8f1;border:1px dashed #83b58d}.download-button{background:#2f924c;color:#fff;border-radius:14px;padding:12px 20px;margin-top:17px;font-weight:800}.download-button:hover{background:#22783c;color:#fff}.result-qr{background:#fff;padding:12px;border-radius:16px;min-width:204px;min-height:204px;display:grid;place-items:center;box-shadow:0 6px 18px rgba(33,83,50,.1)}.result-qr img,.result-qr canvas{display:block}.record-copy{color:#839086;font-size:.8rem;margin:20px 0}
@media(max-width:700px){.download-card{grid-template-columns:1fr;text-align:center}.result-qr{width:max-content;margin:auto}.focus-card,.tip-card,.challenge-card,.download-card{padding:20px}.result-complete{padding-bottom:25px}}
.questionnaire-shell{overflow-x:hidden;overflow-y:auto}
.result-complete{width:100%}