.architecture-quiz{position:relative;display:flex;align-items:center;min-height:520px;padding:80px 0;overflow:hidden;background-color:#eef0f7;color:#080d18}@media(max-width:1024px){.architecture-quiz{min-height:420px;padding:64px 0}}@media(max-width:768px){.architecture-quiz{min-height:0;padding:40px 0}}.architecture-quiz__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.architecture-quiz__media:before,.architecture-quiz__media:after{content:"";position:absolute;left:0;right:0;z-index:1;height:35%}.architecture-quiz__media:before{top:0;background:linear-gradient(180deg,#eef0f7,#eef0f700)}.architecture-quiz__media:after{bottom:0;background:linear-gradient(0deg,#eef0f7,#eef0f700)}.architecture-quiz__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.architecture-quiz__inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:32px}@media(max-width:768px){.architecture-quiz__inner{gap:24px}}.architecture-quiz__head{display:flex;align-items:flex-start;justify-content:space-between;gap:40px}@media(max-width:1024px){.architecture-quiz__head{flex-direction:column;gap:16px}}.architecture-quiz__views{position:relative;display:grid;grid-template-columns:minmax(0,1fr)}.architecture-quiz__view{grid-area:1/1;display:block}.architecture-quiz__view[hidden]{visibility:hidden;pointer-events:none}.architecture-quiz__heading{flex:0 0 auto;max-width:480px;margin:0;font-family:Zalando Sans,Zalando Sans Fallback,sans-serif;font-size:40px;font-weight:500;line-height:120%;text-transform:uppercase;color:#080d18}@media(max-width:1024px){.architecture-quiz__heading{font-size:32px}}@media(max-width:768px){.architecture-quiz__heading{font-size:24px}}.architecture-quiz__text{flex:1 1 0%;max-width:760px;font-size:24px;font-weight:400;line-height:140%;color:#080d18b3}@media(max-width:768px){.architecture-quiz__text{font-size:16px}}.architecture-quiz__text p{font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit}.architecture-quiz__text p+p{margin-top:12px}.architecture-quiz__text strong,.architecture-quiz__text b{font-weight:500;color:#080d18}.architecture-quiz__panel{display:flex;flex-direction:column;gap:32px;padding:40px;border:1px solid rgba(8,13,24,.08);border-radius:16px;background-color:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(max-width:768px){.architecture-quiz__panel{gap:24px;padding:24px 16px}}.architecture-quiz__progress{display:flex;align-items:center;gap:16px}.architecture-quiz__progress-track{position:relative;flex:1 0 0;height:4px;border-radius:4px;background-color:#080d181a;overflow:hidden}.architecture-quiz__progress-fill{display:block;width:0;height:100%;border-radius:4px;background:linear-gradient(135deg,#22d3ee,#8849fc);transition:width .3s ease}.architecture-quiz__progress-label{flex-shrink:0;margin:0;font-size:14px;font-weight:500;color:#080d1880;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.architecture-quiz__form{display:flex;flex-direction:column;gap:32px}@media(max-width:768px){.architecture-quiz__form{gap:24px}}.architecture-quiz__steps{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.architecture-quiz__step{grid-area:1/1;display:flex;flex-direction:column;gap:24px}.architecture-quiz__step[hidden]{visibility:hidden;pointer-events:none}@media(max-width:768px){.architecture-quiz__step{gap:16px}}.architecture-quiz__step-label{margin:0;font-family:Zalando Sans Expanded,Zalando Sans Fallback,sans-serif;font-size:14px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#22d3ee,#8849fc);-webkit-background-clip:text;background-clip:text;color:transparent}.architecture-quiz__question{margin:0;font-family:Zalando Sans,Zalando Sans Fallback,sans-serif;font-size:32px;font-weight:500;line-height:1.35;color:#080d18}@media(max-width:1024px){.architecture-quiz__question{font-size:24px}}@media(max-width:768px){.architecture-quiz__question{font-size:20px}}.architecture-quiz__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}@media(max-width:768px){.architecture-quiz__options{grid-template-columns:1fr}}.architecture-quiz__option{display:flex;border:1px solid rgba(8,13,24,.12);border-radius:8px;background-color:#fff9;transition:border-color .2s ease,background-color .2s ease}.architecture-quiz__option:hover{border-color:#1daec699;background-color:#ffffffe6}.architecture-quiz__option:has(input:checked){border-color:#1daec6;background-color:#22d3ee1f}.architecture-quiz__option:has(input:focus-visible){outline:2px solid #1daec6;outline-offset:2px}.architecture-quiz__option .radio{flex:1 0 0;align-items:center;min-width:0;gap:12px;padding:20px 24px}@media(max-width:768px){.architecture-quiz__option .radio{padding:16px}}.architecture-quiz__option .radio__label{font-size:16px;line-height:1.4}.architecture-quiz__nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:24px;border-top:1px solid rgba(8,13,24,.08)}.architecture-quiz__nav-back[hidden]{display:none}.architecture-quiz__nav-next{margin-left:auto}.architecture-quiz__result-eyebrow{margin:0;font-family:Zalando Sans Expanded,Zalando Sans Fallback,sans-serif;font-size:14px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#22d3ee,#8849fc);-webkit-background-clip:text;background-clip:text;color:transparent}.architecture-quiz__results{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.architecture-quiz__result{grid-area:1/1;display:flex;flex-direction:column;gap:16px}.architecture-quiz__result[hidden]{visibility:hidden;pointer-events:none}.architecture-quiz__result-title{margin:0;font-family:Zalando Sans Expanded,Zalando Sans Fallback,sans-serif;font-size:40px;font-weight:600;line-height:1.2;color:#080d18}@media(max-width:1024px){.architecture-quiz__result-title{font-size:32px}}@media(max-width:768px){.architecture-quiz__result-title{font-size:24px}}.architecture-quiz__result-text{margin:0;font-size:16px;line-height:1.6;color:#080d18b3}.architecture-quiz__cta{display:flex;flex-direction:column;gap:16px;padding-top:32px;border-top:1px solid rgba(8,13,24,.08)}@media(max-width:768px){.architecture-quiz__cta{padding-top:24px}}.architecture-quiz__cta-heading{margin:0;font-family:Zalando Sans,Zalando Sans Fallback,sans-serif;font-size:24px;font-weight:500;line-height:1.35;color:#080d18}@media(max-width:768px){.architecture-quiz__cta-heading{font-size:20px}}.architecture-quiz__cta-text{margin:0;font-size:16px;line-height:1.6;color:#080d18b3}.architecture-quiz__cta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:8px}.architecture-quiz--dark{background-color:#080d18;color:#eef0f7}.architecture-quiz--dark .architecture-quiz__image{-o-object-fit:contain;object-fit:contain}.architecture-quiz--dark .architecture-quiz__media:before{background:linear-gradient(180deg,#080d18,#080d1800)}.architecture-quiz--dark .architecture-quiz__media:after{background:linear-gradient(0deg,#080d18,#080d1800)}.architecture-quiz--dark .architecture-quiz__heading{color:#eef0f7e6}.architecture-quiz--dark .architecture-quiz__text{color:#eef0f7}.architecture-quiz--dark .architecture-quiz__text strong,.architecture-quiz--dark .architecture-quiz__text b{color:#f7f8fc}.architecture-quiz--dark .architecture-quiz__panel{border-color:#f7f8fc14;background-color:#080d1899}.architecture-quiz--dark .architecture-quiz__progress-track{background-color:#f7f8fc1a}.architecture-quiz--dark .architecture-quiz__progress-label{color:#f7f8fc80}.architecture-quiz--dark .architecture-quiz__question,.architecture-quiz--dark .architecture-quiz__result-title,.architecture-quiz--dark .architecture-quiz__cta-heading{color:#f7f8fc}.architecture-quiz--dark .architecture-quiz__result-text,.architecture-quiz--dark .architecture-quiz__cta-text{color:#f7f8fc99}.architecture-quiz--dark .architecture-quiz__option{border-color:#f7f8fc1f;background-color:#f7f8fc05}.architecture-quiz--dark .architecture-quiz__option:hover{border-color:#22d3ee80;background-color:#f7f8fc0d}.architecture-quiz--dark .architecture-quiz__option:has(input:checked){border-color:#22d3ee;background-color:#22d3ee14}.architecture-quiz--dark .architecture-quiz__option:has(input:focus-visible){outline-color:#59def2}.architecture-quiz--dark .architecture-quiz__nav,.architecture-quiz--dark .architecture-quiz__cta{border-top-color:#f7f8fc14}