.c-werkgeluk-survey{padding:3rem 0}.c-werkgeluk-survey__container{margin:0 auto;max-width:100%}.c-werkgeluk-survey__header{margin-bottom:3rem;text-align:center}.c-werkgeluk-survey__subtitle{margin-bottom:1rem}.c-werkgeluk-survey__survey-container{background:#fff;border-radius:1.5rem;box-shadow:0 5px 35px rgba(28,152,235,.15);display:flex;flex-direction:column;margin:0 auto;max-width:960px;min-height:500px;overflow:hidden}.c-werkgeluk-survey__progress-container{border-top:1px solid #e0f3ff;order:2;padding:2rem}.c-werkgeluk-survey__progress-container.hidden{display:none}.c-werkgeluk-survey__progress-bar{background:#e0f3ff;border-radius:.25rem;height:.5rem;margin-bottom:1rem;overflow:hidden;width:100%}.c-werkgeluk-survey__progress-fill{background:linear-gradient(90deg,#1c98eb,#5ebf4d);border-radius:.25rem;height:100%;transition:width .5s ease-in-out;width:5%}.c-werkgeluk-survey__progress-text{font-size:1rem;font-weight:600;text-align:center}.c-werkgeluk-survey__question-container{align-items:center;display:flex;flex:1;justify-content:center;min-height:350px;order:1;padding:2rem}.c-werkgeluk-survey__question-card{max-width:840px;width:100%}.c-werkgeluk-survey__question-title{font-size:1.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.c-werkgeluk-survey__options{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:760px}.c-werkgeluk-survey__option{align-items:center;background:#f8fbff;border:2px solid #e0f3ff;border-radius:1rem;cursor:pointer;display:flex;gap:1rem;min-height:5.5rem;padding:1.5rem;transition:all .3s ease-in-out}@media (hover:hover){.c-werkgeluk-survey__option:hover{background:#e0f3ff;border-color:#1c98eb;box-shadow:0 5px 20px rgba(28,152,235,.2);transform:translateY(-2px)}}.c-werkgeluk-survey__option.selected{background:#1c98eb;border-color:#1c98eb;color:#fff}.c-werkgeluk-survey__option-label{align-items:center;background:#1c98eb;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:700;height:2.5rem;justify-content:center;transition:all .3s ease-in-out;width:2.5rem}.c-werkgeluk-survey__option.selected .c-werkgeluk-survey__option-label{background:#fff;color:#1c98eb}.c-werkgeluk-survey__option-text{align-items:center;display:flex;flex:1;font-size:1rem;line-height:1.5;min-height:3rem;transition:color .3s ease-in-out}.c-werkgeluk-survey__option.selected .c-werkgeluk-survey__option-text{color:#fff}.c-werkgeluk-survey__results-container{animation:fadeInUp .6s ease-out;min-height:500px;padding:2rem}.c-werkgeluk-survey__results-card{margin:0 auto;max-width:800px;text-align:center}.c-werkgeluk-survey__results-title{font-size:2rem;font-weight:700;margin-bottom:1rem;padding-top:1.5rem}.c-werkgeluk-survey__results-intro{color:#3d556c;font-size:1.125rem;line-height:1.6;margin-bottom:2.5rem}.c-werkgeluk-survey__results-grid{display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:3rem}@media screen and (min-width:48em){.c-werkgeluk-survey__results-grid{grid-template-columns:repeat(2,1fr)}}.c-werkgeluk-survey__result-item{background:#f8fbff;border:2px solid #e0f3ff;border-radius:1rem;overflow:hidden;padding:1.5rem;position:relative;text-align:left;transition:all .3s ease-in-out}.c-werkgeluk-survey__result-item.top-style{background:linear-gradient(135deg,#1c98eb,#49adef);border-color:#1c98eb;box-shadow:0 10px 30px rgba(28,152,235,.3);color:#fff}.c-werkgeluk-survey__result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.c-werkgeluk-survey__result-icon{align-items:center;background:#1c98eb;border-radius:20%;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;height:2.5rem;justify-content:center;width:2.5rem}.c-werkgeluk-survey__result-icon img{height:1.5rem;object-fit:contain;width:1.5rem}.c-werkgeluk-survey__result-item.top-style .c-werkgeluk-survey__result-icon{background:hsla(0,0%,100%,.2)}.c-werkgeluk-survey__result-percentage{color:#1c98eb;font-size:1.75rem;font-weight:700}.c-werkgeluk-survey__result-item.top-style .c-werkgeluk-survey__result-percentage{color:#fff}.c-werkgeluk-survey__result-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.c-werkgeluk-survey__result-item.top-style .c-werkgeluk-survey__result-title{color:#fff}.c-werkgeluk-survey__result-description{color:#3d556c;font-size:.875rem;line-height:1.5}.c-werkgeluk-survey__result-item.top-style .c-werkgeluk-survey__result-description{color:hsla(0,0%,100%,.9)}.c-werkgeluk-survey__results-actions{align-items:center;display:flex;flex-direction:column;gap:1rem}@media screen and (min-width:48em){.c-werkgeluk-survey__results-actions{flex-direction:row;justify-content:center;margin-bottom:1.5rem}}.c-werkgeluk-survey__download-btn,.c-werkgeluk-survey__restart-btn,.c-werkgeluk-survey__share-btn{min-width:200px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.c-werkgeluk-survey__option.selecting{animation:pulse .3s ease-in-out}@media screen and (max-width:47.9375em){.c-werkgeluk-survey__survey-container{border-radius:1rem}.c-werkgeluk-survey__question-container,.c-werkgeluk-survey__results-container{padding:1.5rem}.c-werkgeluk-survey__question-title{font-size:1.3rem;margin:1rem 0 2rem}.c-werkgeluk-survey__results-title{font-size:1.5rem}.c-werkgeluk-survey__option{min-height:5rem;padding:1rem}.c-werkgeluk-survey__option-text{font-size:.9rem}.c-werkgeluk-survey__results-actions{flex-direction:column;margin-bottom:2rem}}