*,:before,:after{box-sizing:border-box;margin:0;padding:0}a{all:unset}:root{--color-primary:#2563eb;--color-bg:#f8fafc;--color-text:#1e293b;--font-semi-expanded:"Zalando Sans SemiExpanded", sans-serif;--font-expanded:"Zalando Sans Expanded", sans-serif}html{scrollbar-gutter:stable}body{font-family:var(--font-semi-expanded);background-color:var(--color-bg);color:var(--color-text);transition:background-color 2s}.wrapper{min-height:100vh;padding:24px 16px;overflow-x:hidden}@media screen and (min-width:992px){.wrapper{padding:48px 80px}}.illus{pointer-events:none;z-index:0;position:fixed}.illus.illus-left{transform-origin:0 0;width:844px;top:0;left:0}.illus.illus-right{transform-origin:100% 100%;width:500px;bottom:0;right:0}h1{font-family:var(--font-expanded);text-wrap:balance;text-align:center;font-size:32px;font-style:normal;font-weight:900;line-height:115%}@media screen and (min-width:992px){h1{font-size:56px}}.uptitle{color:#828cc3;text-align:center;letter-spacing:2.8px;text-transform:uppercase;margin-bottom:16px;font-size:14px;font-style:italic;font-weight:600;line-height:140%}:is(label:has(input[type=radio]),label:has(input[type=checkbox])){text-align:center;cursor:pointer;text-align:center;border:1px solid #3c3250;border-radius:16px;flex:1;justify-content:center;align-items:center;min-width:180px;max-width:200px;padding:24px 16px;font-size:18px;font-style:normal;font-weight:400;line-height:150%;transition:all .3s;display:flex}:is(label:has(input[type=radio]):hover,label:has(input[type=checkbox]):hover){color:#e4e7ff;background:#828cc3;border-color:#828cc3}:is(label:has(input[type=radio]) input,label:has(input[type=checkbox]) input){display:none}:is(label:has([type=radio]:checked),label:has([type=checkbox]:checked)){color:#e4e7ff;background:#828cc3;border-color:#828cc3}.diagnostic-wrapper{z-index:1;flex-direction:column;flex:1;display:flex}.diagnostic-inner{margin:40px 0}@media screen and (min-width:992px){.diagnostic-inner{margin:80px 0}}.diagnostic-inner div+div{margin-top:48px}.question-inner{flex-direction:column;gap:16px;margin-bottom:50px;display:flex}.question-inner p{text-align:center;font-size:32px;font-style:normal;font-weight:600;line-height:120%}.question-inner span{text-align:center;opacity:.7;font-size:14px;font-style:italic}.answer-wrapper{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.answer-wrapper textarea{width:600px;height:100px;font-family:var(--font-semi-expanded);border:1px solid #3c3250;border-radius:4px;padding:8px 12px}.answer-wrapper textarea::-webkit-input-placeholder{color:#7757a0;opacity:.6;font-size:14px;font-style:italic;font-weight:400;line-height:150%}.answer-wrapper textarea::placeholder{color:#7757a0;opacity:.6;font-size:14px;font-style:italic;font-weight:400;line-height:150%}.answer-wrapper textarea:-ms-placeholder-shown{color:#7757a0;opacity:.6;font-size:14px;font-style:italic;font-weight:400;line-height:150%}.answer-wrapper textarea::placeholder{color:#7757a0;opacity:.6;font-size:14px;font-style:italic;font-weight:400;line-height:150%}.diagnostic-nav{margin-top:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;width:100%;max-width:880px;margin-inline:auto;display:flex}@media screen and (min-width:992px){.diagnostic-nav{flex-wrap:nowrap;justify-content:flex-end}}.diagnostic-nav button{all:unset;cursor:pointer;border:.5px solid #3c3250;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;transition:all .3s;display:flex}.diagnostic-nav button:before{content:"";background:#000;width:24px;height:24px;transition:all .3s}.diagnostic-nav button.prev-button:before{-webkit-mask:url(/icons/arrow-left.svg) 50%/contain no-repeat;mask:url(/icons/arrow-left.svg) 50%/contain no-repeat}.diagnostic-nav button.next-button:before{-webkit-mask:url(/icons/arrow-right.svg) 50%/contain no-repeat;mask:url(/icons/arrow-right.svg) 50%/contain no-repeat}.diagnostic-nav button.disable{opacity:.3;cursor:not-allowed}.diagnostic-nav button:not(.disable):hover{background:#3c3250}.diagnostic-nav button:not(.disable):hover:before{background:#f5f6ff}.progressBar{background:#f5f6ff;border-radius:4px;order:9;width:100%;max-width:686px;height:30px}@media screen and (min-width:992px){.progressBar{order:unset;max-width:688px}}.progressBar .progressFill{background:#3c3250;border-radius:4px;height:100%;transition:width .4s}.themes{z-index:1;flex-direction:column;flex:1;margin:auto 0;padding:32px 0;display:flex}.themes .themes-wrapper{flex-wrap:wrap;gap:24px;display:flex}.themes .theme-item{cursor:pointer;border:1px solid #3c3250;border-radius:16px;width:100%;padding:24px;transition:all .3s}@media screen and (min-width:768px){.themes .theme-item{width:calc(50% - 12px)}}@media screen and (min-width:992px){.themes .theme-item{width:calc(33.33% - 16px)}}.themes .theme-item span{color:#3c3250;margin-bottom:8px;font-size:28px;font-style:normal;font-weight:500;line-height:130%;transition:color .3s;display:block}.themes .theme-item p{color:#3c3250;font-size:16px;font-style:normal;font-weight:400;line-height:150%;transition:color .3s}.themes .theme-item .theme-icon{background:#3c3250;width:32px;height:32px;margin-bottom:16px;transition:background .3s;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat}.themes .theme-item:hover,.themes .theme-item.selected{background:#828cc3;border-color:#828cc3}.themes .theme-item:hover p,.themes .theme-item:hover span,.themes .theme-item.selected p,.themes .theme-item.selected span{color:#e4e7ff}.themes .theme-item:hover .theme-icon,.themes .theme-item.selected .theme-icon{background:#fff}.themes button{all:unset;margin-top:56px;text-align:center;color:#fff;cursor:pointer;background:#3c3250;border-radius:4px;margin-inline:auto;padding:12px 16px;font-size:16px;font-style:normal;font-weight:500;line-height:120%}.btn-form-disable{cursor:not-allowed!important}.heading p{z-index:1;position:relative}.heading h2{text-align:center;z-index:1;margin-bottom:8px;font-size:48px;font-style:normal;font-weight:900;line-height:115%;position:relative}@media screen and (min-width:992px){.heading h2{font-size:56px}}.heading h1{z-index:1;position:relative}.diagnostic-complete .thank-img{transform-origin:0;-o-object-fit:cover;object-fit:cover;border-radius:16px;width:100%;height:300px;margin-top:48px;margin-bottom:32px;rotate:-5deg}@media screen and (min-width:992px){.diagnostic-complete .thank-img{width:610px;height:410px;margin-top:0}}.diagnostic-complete .diagnostic-complete-content{text-align:center}.diagnostic-complete .diagnostic-complete-content h2{color:#3c3250;margin-bottom:16px;font-size:48px;font-style:normal;font-weight:900;line-height:115%}@media screen and (min-width:992px){.diagnostic-complete .diagnostic-complete-content h2{font-size:56px}}.diagnostic-complete .diagnostic-complete-content .btn{all:unset;margin-inline:auto;text-align:center;color:#fff;cursor:pointer;background:#3c3250;border-radius:4px;width:max-content;margin-top:16px;padding:12px 16px;font-size:16px;font-style:normal;font-weight:500;line-height:120%;display:block}