body,html{height:100%}main{padding:1.5rem}@media (max-width:768px){main{padding:1rem}h1{font-size:2rem;margin-bottom:.75rem}}@media (max-width:480px){main{padding:.75rem}h1{font-size:1.75rem;margin-bottom:.5rem}}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}a{color:inherit;text-decoration:none}main{padding:2rem}h1{font-size:2.5rem;margin-bottom:1rem}.survey-card{box-shadow:0 1px 2px 0 rgba(0,0,0,.03),0 1px 6px -1px rgba(0,0,0,.02),0 2px 4px 0 rgba(0,0,0,.02)}.survey-card--dsat,.survey-card--nps,.survey-card--vnps{border-top:4px solid #f68b1e}.survey-main-title{font-size:clamp(18px,4vw,22px)!important;margin-bottom:24px!important}.survey-layout .survey-header{box-shadow:0 1px 2px rgba(0,0,0,.03);position:-webkit-sticky;position:sticky;top:0;z-index:1000;height:60px!important;line-height:60px!important}.survey-layout .survey-content{padding:12px 24px!important}.survey-layout .survey-card{box-shadow:0 1px 2px 0 rgba(0,0,0,.03),0 1px 6px -1px rgba(0,0,0,.02),0 2px 4px 0 rgba(0,0,0,.02)}.survey-card--dsat,.survey-card--nps,.survey-card--vnps{border-top:4px solid #f68b1e}.survey-radio-group .ant-radio-wrapper{padding:8px 0;border-radius:6px;transition:background-color .2s}.survey-radio-group .ant-radio-wrapper:hover{background-color:#FFF7ED}.survey-radio-card{display:flex;align-items:center;padding:8px;border-radius:0 8px;border:1px solid #d9d9d9;background-color:transparent;transition:all .2s ease-in-out;cursor:pointer;margin-bottom:8px}.survey-radio-card:hover{border-color:#F68B1E;background-color:#FFF7ED}.survey-radio-card.survey-radio-card--selected{border:2px solid #f68b1e;background-color:#FFF7ED}.survey-radio-card .ant-radio{margin-right:8px}.survey-radio-card-content{flex:1 1;font-size:16px;line-height:1.5;color:#262626}.survey-checkbox-option{padding:8px 0;border-radius:6px;transition:background-color .2s}.survey-checkbox-option:hover{background-color:#FFF7ED}.radio-group-singleColumn .ant-space-item{width:100%}.radio-group-wrap .ant-space{justify-content:flex-start}.radio-group-horizontal .ant-space{justify-content:space-between}.survey-subtitle{margin-bottom:32px}.survey-radio-group-container{width:100%}.survey-other-input-container{margin-top:16px}.survey-help-text{font-size:12px;color:#666;margin-top:4px}.survey-submit-container{margin-top:32px;text-align:center}.survey-submit-button{min-width:200px;height:48px;font-size:16px;font-weight:500}.survey-error-alert{margin-top:16px}.mandatory-note{display:block;text-align:center;margin-top:16px;font-size:12px;color:#666}.mandatory-asterisk{color:#ff4d4f}.survey-steps{margin-bottom:32px}.survey-steps .ant-steps-item-finish .ant-steps-item-icon{background-color:#28A745;border-color:#28A745}.survey-steps .ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon{color:#ffffff!important}.survey-steps .ant-steps-item-process .ant-steps-item-icon{background-color:#F68B1E;border-color:#F68B1E}.survey-steps .ant-steps-item-wait .ant-steps-item-icon{background-color:#FFFFFF;border-color:#D9D9D9}.step-navigation{border-top:1px solid #f0f0f0;margin-top:2rem;padding-top:1.5rem}.step-nav-next,.step-nav-previous{min-width:140px;font-weight:500}.step-progress-indicator{margin-bottom:20px}.progress-container{display:flex;align-items:center;gap:12px;margin-bottom:8px}.progress-bar{flex:1 1;height:8px;background-color:#F0F0F0;overflow:hidden}.progress-bar,.progress-fill{border-radius:12px;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#F68B1E,#FF9A3C);transition:width .3s ease-in-out}.step-counter{font-size:clamp(12px,2.5vw,14px);font-weight:500;color:#595959;white-space:nowrap;flex-shrink:0}.current-step-name{font-size:clamp(11px,2.2vw,13px);color:#F68B1E;font-weight:500;text-align:left}.language-selector{gap:clamp(4px,1vw,8px)}.language-selector-icon{font-size:clamp(12px,2.5vw,16px)!important;margin-right:clamp(2px,.5vw,4px)}.survey-language-selector{width:clamp(50px,15vw,65px)!important;min-width:50px!important}.survey-language-selector .ant-select-selector{border-radius:6px;padding:0 8px!important;font-size:clamp(11px,2.2vw,13px)!important}.survey-language-selector .ant-select-dropdown{border-radius:6px;box-shadow:0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05);min-width:120px!important}.survey-main-title{color:#F68B1E!important;font-size:clamp(16px,4vw,22px)!important;line-height:clamp(1.3,1.4,1.5)!important;font-weight:600!important;margin-bottom:16px!important}[dir=rtl] .survey-layout .survey-header{direction:rtl}[dir=rtl] .language-selector,[dir=rtl] .step-nav-next,[dir=rtl] .step-nav-previous,[dir=rtl] .step-navigation{flex-direction:row-reverse}[dir=rtl] .checkbox-group-container,[dir=rtl] .survey-radio-group{text-align:right}.survey-card .ant-skeleton{padding:2rem 0}.survey-card .ant-skeleton-title{height:20px;margin-bottom:1rem}.survey-card .ant-skeleton-paragraph li{height:16px;margin-bottom:.5rem}.survey-checkbox-option:focus-within,.survey-radio-group .ant-radio-wrapper:focus-within{outline:2px solid #F68B1E;outline-offset:2px}.step-nav-next:focus,.step-nav-previous:focus,.survey-language-selector:focus{outline:2px solid #F68B1E;outline-offset:2px}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease-in-out}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease-in-out}.slide-enter{transform:translateY(-20px);opacity:0}.slide-enter-active{transition:all .3s ease-in-out}.slide-enter-active,.slide-exit{transform:translateY(0);opacity:1}.slide-exit-active{transform:translateY(-20px);opacity:0;transition:all .3s ease-in-out}@media (max-width:768px){.survey-layout .survey-header{padding:0 1rem;height:50px!important;line-height:50px!important;position:relative}.survey-header .header-actions{position:absolute!important;top:50%!important;left:16px!important;transform:translateY(-50%)!important}.survey-layout .survey-content{padding:8px 16px!important}.step-navigation{flex-direction:column;gap:1rem;align-items:stretch}.step-navigation>div{flex:none!important;width:100%;display:flex!important;justify-content:center!important}.step-nav-next,.step-nav-previous{width:100%;max-width:280px;min-width:200px}.language-selector{justify-content:center}.step-progress-indicator{margin-bottom:24px}.progress-container{gap:8px;margin-bottom:6px}.progress-bar{height:6px}.survey-main-title{font-size:clamp(14px,4.2vw,17px)!important;line-height:1.3!important;margin-bottom:16px!important}}@media (max-width:480px){.survey-card{border-radius:0;margin:0 -1rem}.survey-layout .survey-content{padding:.5rem}.jumia-logo{font-size:18px}.progress-container{gap:6px}.progress-bar{height:5px}}