:root{--white:#fff;--paper:#fbfbfa;--graphite:#262626;--gray-1:#e6e6e6;--gray-2:#ccc;--gray-3:gray;--green-1:#dfecd9;--green-2:#bfd8b3;--green-3:#99ad8f;--green-4:#606c59;--red-1:#dba7a4;--shadow:0 22px 60px #26262614;--border:1px solid #26262621;color:var(--graphite);background:var(--paper);font-family:Montserrat,Mont,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{overflow-x:hidden}body{background:radial-gradient(circle at 50% 30%,#ffffffe6,#0000 34%),linear-gradient(#fff 0%,#fafaf9 100%);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:progress;opacity:.7}.app-shell{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.topbar{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc7;border-bottom:1px solid #2626261f;justify-content:space-between;align-items:center;min-height:104px;padding:24px clamp(24px,5vw,58px);display:flex;position:relative}.brand{color:var(--graphite);text-align:left;background:0 0;border:0;align-items:center;gap:18px;padding:0;display:inline-flex}.brand-mark,.hero-icon,.decor{background:repeating-conic-gradient(#606c59bf 0deg 3deg,#0000 3deg 10deg);border-radius:50%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 10px),#000 calc(100% - 9px));mask:radial-gradient(farthest-side,#0000 calc(100% - 10px),#000 calc(100% - 9px))}.brand-mark{width:54px;height:54px}.brand-text{font-size:24px;font-weight:700;line-height:.95}.topbar-actions{align-items:center;gap:28px;display:flex}.help-link{color:#666;align-items:center;gap:10px;font-size:15px;text-decoration:none;display:inline-flex}.help-icon{border:2px solid var(--graphite);width:26px;height:26px;color:var(--graphite);border-radius:50%;place-items:center;font-weight:600;display:grid}.auth-pill{border:1px solid var(--gray-2);background:#ffffffd6;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:6px 8px 6px 14px;display:inline-flex}.auth-email{color:#666;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:14px;overflow:hidden}.auth-logout{background:var(--white);min-height:34px;color:var(--green-4);border:1px solid #6f935f;border-radius:8px;padding:7px 12px;font-size:14px;font-weight:700}.auth-logout:hover{background:var(--green-1)}.lang-switch{border:1px solid var(--gray-2);background:var(--white);border-radius:10px;display:inline-flex;overflow:hidden}.lang-switch button{min-width:58px;color:var(--gray-3);background:0 0;border:0;padding:11px 16px}.lang-switch button+button{border-left:1px solid var(--gray-1)}.lang-switch .active{background:var(--green-1);color:var(--green-4);font-weight:700}.stage{z-index:2;flex:1;place-items:center;padding:clamp(34px,5vw,70px) 18px 28px;display:grid;position:relative}.stage-wide{align-items:start}.card{border:var(--border);width:min(100vw - 36px,920px);min-width:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border-radius:18px;position:relative}.card-centered{text-align:center;padding:clamp(38px,5vw,68px) clamp(28px,6vw,110px) 34px}.card-narrow{width:min(100vw - 36px,820px)}.card-intro{width:min(100vw - 36px,960px);padding:clamp(36px,5vw,60px) clamp(28px,5vw,72px) 34px}.card-survey{width:min(100vw - 36px,1120px);padding:clamp(28px,4vw,46px) clamp(24px,5vw,78px) 34px}.card-success{width:min(100vw - 36px,880px)}.card-lang{position:absolute;top:32px;right:32px}.card-lang.compact .lang-switch{background:0 0;border:0;border-radius:0}.card-lang.compact .lang-switch button{min-width:auto;padding:5px 12px}.card-lang.compact .lang-switch button+button{border-left:1px solid var(--gray-2)}.card-lang.compact .lang-switch .active{border-bottom:2px solid var(--green-4);background:0 0}h1,h2,p{margin-top:0}h1{letter-spacing:0;overflow-wrap:break-word;margin-bottom:16px;font-size:clamp(32px,4.4vw,54px);font-weight:800;line-height:1.05}h2{margin-bottom:10px;font-size:22px;line-height:1.2}.card-survey h1{font-size:clamp(24px,3vw,34px)}.title-divider{background:var(--green-4);width:68px;height:3px;margin:0 auto 30px;display:block}.lead{margin-bottom:8px;font-size:clamp(18px,2vw,24px);line-height:1.35}.lead-strong{font-weight:700}.muted{color:#747474;line-height:1.45}.content-copy{text-align:left;max-width:660px;margin:0 auto 26px}.content-copy p{margin-bottom:28px;font-size:18px;line-height:1.55}.hero-icon{place-items:center;width:104px;height:104px;margin:0 auto 22px;display:grid;position:relative;-webkit-mask:none;mask:none}.hero-icon:before{content:"";background:var(--white);border-radius:50%;position:absolute;inset:17px}.hero-icon span{z-index:1;color:var(--green-4);font-size:40px;line-height:1;position:relative}.button-row{grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,28px);margin:28px auto 34px;display:grid}.language-row{max-width:680px}.btn{text-align:center;overflow-wrap:anywhere;border-radius:8px;justify-content:center;align-items:center;min-height:64px;padding:16px 28px;font-size:20px;font-weight:600;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex;position:relative}.btn:hover{transform:translateY(-1px)}.btn-primary{border:1px solid var(--green-4);color:var(--white);background:linear-gradient(135deg,#86a878,#6f935f);box-shadow:0 14px 24px #606c592e}.btn-secondary{color:var(--graphite);background:#ffffffe0;border:1px solid #6f935f}.btn-secondary:hover{background:#fbfdf9}.btn-block{width:100%;margin-top:18px}.btn-success{width:min(100%,360px);margin:28px auto 20px}.btn-arrow{color:currentColor;font-size:34px;font-weight:300;line-height:1;position:absolute;right:26px}.btn-arrow.left{margin-right:14px;position:static}.trust-note{text-align:left;align-items:center;gap:18px;max-width:650px;margin:24px auto 34px;display:flex}.trust-note p{overflow-wrap:break-word;min-width:0;margin:0;line-height:1.35}.trust-shield{border:2px solid var(--green-3);width:44px;height:50px;color:var(--green-4);border-radius:22px 22px 28px 28px;flex:none;place-items:center;font-size:24px;display:grid}.step-progress{border-top:1px solid var(--gray-1);grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:16px;padding-top:28px;display:grid}.progress-item{color:#686868;white-space:nowrap;align-items:center;gap:12px;display:inline-flex}.progress-item span{background:var(--gray-1);color:#666;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.progress-item.active span,.progress-item.done span{color:var(--white);background:linear-gradient(135deg,#8aaa7b,#6f935f)}.progress-item.active strong,.progress-item.done strong{color:var(--graphite)}.progress-dots{background-image:radial-gradient(circle,#d8d8d8 2px,#0000 2px);background-repeat:repeat-x;background-size:14px 4px;min-width:70px;height:4px}.field,.select-field{border:1px solid var(--green-4);background:var(--white);text-align:left;border-radius:8px;align-items:center;width:min(100%,640px);min-height:68px;margin:26px auto 0;display:flex}.field-icon{color:#777;margin-left:22px;font-size:26px}.field input,.select-field select{width:100%;min-width:0;color:var(--graphite);background:0 0;border:0;outline:0;padding:18px 22px;font-size:20px}.select-field{position:relative}.select-field select{appearance:none;padding-right:48px}.select-field:after{content:"⌄";color:var(--graphite);pointer-events:none;font-size:22px;position:absolute;right:22px}.field-note{color:#777;text-align:left;width:min(100%,640px);margin:14px auto 18px}.error-text{color:#a26764;text-align:left;width:min(100%,640px);margin:10px auto 0;font-weight:700}.field-error{box-shadow:0 0 0 3px #dba7a433;border-color:var(--red-1)!important}.otp-grid{grid-template-columns:repeat(6,1fr);gap:20px;max-width:640px;margin:30px auto 24px;display:grid}.otp-input{aspect-ratio:1;border:1px solid var(--gray-2);width:100%;color:var(--graphite);text-align:center;border-radius:8px;outline:0;font-size:clamp(32px,5vw,44px);font-weight:800}.otp-input:focus,.otp-input:not(:placeholder-shown){border-color:var(--green-4)}.text-link{color:#6f935f;text-underline-offset:4px;background:0 0;border:0;font-size:18px;text-decoration:underline}.intro-grid{grid-template-columns:1fr 310px;align-items:center;gap:48px;margin:24px 0 22px;display:grid}.intro-copy{margin:0}.stats-card{background:linear-gradient(135deg,#dfecd9b8,#ffffffe6);border-radius:14px;padding:34px 30px}.stat-line{grid-template-columns:52px auto 1fr;align-items:center;gap:18px;display:grid}.stat-line strong{color:#6f935f;font-size:48px;font-weight:400}.stat-line span:last-child{line-height:1.25}.stat-icon{color:#6f935f;border:2px solid #6f935f;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.stat-separator{background:#606c5938;height:1px;margin:26px 0}.survey-head{margin-bottom:26px;position:relative}.survey-title-row{align-items:center;gap:24px;display:flex}.survey-title-row .hero-icon{flex:none;width:86px;height:86px;margin:0}.survey-title-row .hero-icon span{font-size:30px}.survey-kicker{text-align:center;margin-bottom:22px;font-size:26px;font-weight:800}.survey-step{border:1px solid var(--green-3);color:var(--green-4);white-space:nowrap;background:#dfecd9b3;border-radius:7px;margin-left:auto;padding:8px 16px}.survey-progress{background:var(--gray-1);border-radius:99px;width:min(100%,760px);height:8px;margin:16px 0 0 110px;overflow:hidden}.survey-progress span{border-radius:inherit;background:linear-gradient(90deg,#7a9c6c,#6f935f);height:100%;display:block}.survey-percent{color:#6f935f;position:absolute;bottom:-5px;right:0}.survey-format{margin-bottom:28px;line-height:1.45}.question-list{border:1px solid var(--gray-1);border-radius:12px;gap:0;display:grid;overflow:hidden}.question-list-detailed{border:0;border-radius:0}.question-card{border-bottom:1px solid var(--gray-1);background:#ffffffad;grid-template-columns:54px minmax(190px,1fr) minmax(420px,560px);align-items:center;gap:18px;padding:30px 24px;display:grid}.question-card:last-child{border-bottom:0}.question-number{background:var(--green-1);width:42px;height:42px;color:var(--green-4);border-radius:50%;place-items:center;font-size:22px;font-weight:700;display:grid}.question-text{margin:0;font-size:17px;line-height:1.35}.scale-buttons{justify-content:space-between;gap:10px;display:flex}.scale-buttons button{border:1px solid var(--gray-2);background:var(--white);width:42px;height:42px;color:var(--graphite);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.scale-buttons button.selected{color:var(--white);background:linear-gradient(135deg,#82a673,#638a55);border-color:#0000;box-shadow:0 9px 16px #606c5938}.scale-small{justify-content:flex-end}.scale-small button{width:22px;height:22px;font-size:0}.scale-small button:before{content:attr(data-value)}.detailed{border-bottom:1px solid var(--gray-1);grid-template-columns:1fr;padding:18px 0 26px}.detailed .question-number{display:none}.detailed .question-text{font-size:18px}.scale-with-labels{grid-template-columns:118px 1fr 118px;align-items:center;gap:18px;display:grid}.scale-with-labels>span{color:#747474;font-size:13px;line-height:1.15}.scale-with-labels strong{color:var(--graphite);margin-bottom:4px;font-size:17px;display:block}.final-survey{gap:22px;display:grid}.compact-question{border-top:1px solid var(--gray-1);grid-template-columns:minmax(260px,1fr) minmax(310px,480px);align-items:center;gap:24px;padding:18px 0;display:grid}.compact-question p{margin:0;line-height:1.35}.enps-block,.comment-block{border-top:1px solid var(--gray-1);padding-top:22px}.enps-grid{grid-template-columns:minmax(260px,1fr) minmax(310px,480px);align-items:center;gap:24px;display:grid}.enps-grid p{margin:0;line-height:1.35}textarea{resize:vertical;border:1px solid var(--green-3);border-radius:8px;outline:0;width:100%;padding:18px;line-height:1.45}.counter{color:#747474;text-align:right;margin-top:8px;font-size:13px}.question-error{outline-offset:-2px;outline:2px solid #dba7a4b3}.error-box{color:#66403f;background:#dba7a424;border:1px solid #dba7a4cc;border-radius:8px;margin:22px 0 0;padding:14px 18px;font-weight:700}.survey-actions{margin-bottom:30px}.footer{z-index:2;color:#8a8a8a;justify-content:center;align-items:center;gap:26px;padding:12px 18px 26px;font-size:14px;display:flex;position:relative}.footer a{color:#6f935f;text-decoration:none}.footer-line{background:var(--gray-2);width:1px;height:24px}.decor{z-index:1;pointer-events:none;opacity:.22;position:absolute;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 30px),#000 calc(100% - 29px));mask:radial-gradient(farthest-side,#0000 calc(100% - 30px),#000 calc(100% - 29px))}.decor-large{width:430px;height:430px}.decor-small{width:125px;height:125px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 calc(100% - 8px));mask:radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 calc(100% - 8px))}.decor-right{top:114px;right:-130px}.decor-left{bottom:-80px;left:-105px}.decor-bottom-right{bottom:120px;right:120px}.decor-bottom-left{bottom:128px;left:72px}@media (width<=980px){.topbar{min-height:86px}.brand-mark{width:44px;height:44px}.brand-text{font-size:19px}.card-centered,.card-intro,.card-survey{padding-left:24px;padding-right:24px}.intro-grid,.question-card,.compact-question,.enps-grid{grid-template-columns:1fr}.stats-card{max-width:420px;margin:0 auto}.survey-progress{width:100%;margin-left:0}.scale-buttons{flex-wrap:wrap;justify-content:flex-start}.scale-with-labels{grid-template-columns:1fr}.scale-with-labels>span:last-child{text-align:left}}@media (width<=720px){.topbar{align-items:flex-start;padding:18px}.topbar-actions{gap:12px}.auth-pill{padding:5px}.auth-email{display:none}.help-link{font-size:0}.help-icon{font-size:14px}.stage{padding:22px 12px}.card{border-radius:14px}.card-centered,.card-intro,.card-survey{padding:34px 18px 24px}.card-lang{justify-content:flex-end;margin:-12px 0 18px;display:flex;position:static}h1{font-size:28px;line-height:1.12}.card-centered h1{max-width:min(100%,300px);margin-left:auto;margin-right:auto}.lead{font-size:18px}.content-copy p{font-size:16px}.button-row{grid-template-columns:1fr;width:min(100%,330px);max-width:100%}.card-centered .button-row{width:260px;max-width:calc(100vw - 90px)}.btn{width:100%;min-height:56px;font-size:17px}.trust-note{align-items:flex-start;max-width:300px}.otp-grid{gap:9px}.step-progress{text-align:left;grid-template-columns:1fr;gap:12px}.progress-dots{display:none}.survey-title-row{align-items:flex-start}.survey-title-row .hero-icon{display:none}.survey-step{margin-left:0}.survey-title-row{flex-direction:column}.question-card{padding:22px 16px}.scale-buttons{grid-template-columns:repeat(5,42px);display:grid}.scale-small{grid-template-columns:repeat(6,24px)}.footer{text-align:center;flex-direction:column;gap:8px}.footer-line{display:none}}@media (width<=440px){.brand{gap:10px}.brand-mark{width:36px;height:36px}.brand-text{font-size:16px}.hero-icon{width:86px;height:86px}.field input,.select-field select{font-size:16px}.scale-buttons{grid-template-columns:repeat(5,minmax(36px,1fr))}.scale-buttons button{width:38px;height:38px}.scale-small{grid-template-columns:repeat(6,22px)}.scale-small button{width:20px;height:20px}}