.workflow-timeline{align-items:center;display:flex;flex-direction:column;margin:1rem 0;width:90%}.workflow-step{border-bottom:1px solid #ffffff4d;margin:.5rem 0;padding:.5rem;width:100%}.workflow-icon,.workflow-step{align-items:center;display:flex}.workflow-icon{background-color:#60a5fa;border-radius:50%;color:#fff;flex-shrink:0;font-size:1rem;height:30px;justify-content:center;margin-right:.5rem;width:30px}.workflow-detail h4{font-size:.9rem;margin:0}.workflow-detail p{font-size:.8rem;line-height:1.3;margin:.3rem 0 0}.title-container{align-items:center;background:linear-gradient(135deg,#1e3a8a,#60a5fa);box-sizing:border-box;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem 1rem;text-align:center}.title-header h1{animation:fadeIn 1s ease-out;color:#fff;font-size:2.8rem;font-weight:600;margin:0 0 .5rem}.title-header h2{animation:fadeIn 1.2s ease-out;color:#d1e9ff;font-size:1.4rem;font-weight:300;margin:0 0 1rem}.info-section{color:#fff;margin:1rem auto;max-width:700px;padding:0 1rem}.info-section h3{color:#fff;font-size:1rem;font-weight:500;margin:1rem 0 .5rem}.info-section p{color:#fff;font-size:.9rem;line-height:1.4;margin-bottom:1rem}.critical-box{background-color:#f87171;border-radius:4px;color:#fff;font-size:.9rem;padding:.8rem}.button-container,.critical-box{margin-top:1rem}.weiter-button{animation:fadeIn 1s ease-out;background-color:#60a5fa;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:background-color .3s ease,transform .3s ease}.weiter-button:hover{background-color:#3b82f6;transform:scale(1.05)}.survey-container{background:linear-gradient(135deg,#1e3a8a,#60a5fa);box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100vh;overflow:hidden;padding-top:80px;position:relative;text-align:center}.survey-title{animation:fadeIn 1s ease-out;color:#60a5fa;font-size:2rem;margin:0 0 .5rem}.progress-label{color:#fff;font-size:.8rem;position:absolute;right:.5rem;top:-1.5rem}.survey-content{box-sizing:border-box;left:50%;max-width:700px;padding:1rem;position:absolute;text-align:left;top:80px;transform:translateX(-50%);width:90%}.name-input-container{margin-bottom:1rem}.name-input-container input{border:none;border-radius:4px;font-size:1rem;padding:.5rem;width:80%}.question-container{margin-bottom:1rem}.option-label{align-items:center;display:flex;font-size:.9rem;gap:.5rem;text-align:left;width:100%}.option-label,.option-label input{cursor:pointer}.next-button:disabled{background-color:grey;cursor:not-allowed}.memory-container{background:linear-gradient(135deg,#1e3a8a,#60a5fa);box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100vh;overflow:hidden;padding-bottom:60px;padding-top:120px;position:relative;text-align:center}.fixed-header{flex-direction:column;padding:1rem}.memory-title{animation:fadeIn 1s ease-out;color:#60a5fa;font-size:2rem;margin:0}.level-display{color:#fff;font-size:1.2rem;margin-top:.5rem}.timer{font-size:.9rem;margin-top:.5rem}.memory-grid{grid-gap:.5rem;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));margin:0 auto;max-width:90vw;padding:1rem}.card{background:#0000;border-radius:8px;cursor:pointer}.card.flipped .card-inner{transform:rotateY(180deg)}.card-back{background-color:#60a5fa}.footer-buttons{background:#0000;bottom:0;box-sizing:border-box;display:flex;justify-content:space-around;left:0;padding:.5rem 1rem;position:fixed;width:100%;z-index:1000}.reset-button{background-color:#22c55e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.8rem 1.2rem;transition:background-color .3s ease,transform .3s ease}.reset-button:hover{background-color:#16a34a;transform:scale(1.05)}.endsurvey-button{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.8rem 1.2rem;transition:background-color .3s ease,transform .3s ease}.endsurvey-button:hover{background-color:#2563eb;transform:scale(1.05)}.extra-buttons{bottom:60px;display:flex;gap:1rem;left:50%;position:fixed;transform:translateX(-50%);z-index:1000}.next-level-button{background-color:#60a5fa;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:background-color .3s ease,transform .3s ease}.next-level-button:hover{background-color:#3b82f6;transform:scale(1.05)}.endsurvey-container{background:linear-gradient(135deg,#1e3a8a,#60a5fa);box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100vh;overflow:hidden;padding-top:80px;position:relative;text-align:center}.fixed-header{align-items:center;background:#0000;box-sizing:border-box;display:flex;justify-content:space-between;left:50%;max-width:700px;padding:.5rem 1rem;position:fixed;top:0;transform:translateX(-50%);width:100%;z-index:1000}.endsurvey-title{animation:fadeIn 1s ease-out;color:#60a5fa;font-size:2rem;margin:0}.progress-indicator{color:#dcdcdc}.progress-bar-container{background-color:#ffffff4d;height:5px;margin-top:.5rem;position:relative;width:100%}.progress-bar{background:linear-gradient(90deg,#60a5fa,#22c55e);height:100%;transition:width .5s ease-out}.endsurvey-content{box-sizing:border-box;color:#fff;left:50%;max-width:700px;padding:1rem;position:absolute;text-align:left;top:80px;transform:translateX(-50%);width:90%}.end-question-container{color:#fff;margin-bottom:1rem;opacity:1;transition:opacity .5s ease-out,transform .5s ease-out}.question-text{animation:fadeIn 1s ease-out;color:#fff;font-size:.9rem;margin:1rem 0}.text-answer input{border:none;border-radius:4px;font-size:1rem;margin-bottom:1rem;padding:.5rem;width:100%}.options{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.option-button{background-color:initial;border:2px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.8rem 1rem;text-align:left;transition:background-color .3s ease,transform .3s ease;width:100%}.slider-container{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.slider-container input[type=range]{width:100%}.slider-value{color:#fff;font-size:.9rem}.navigation{color:#fff;display:flex;justify-content:center;margin-top:1rem}.next-button{align-self:center;background-color:#60a5fa;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:background-color .3s ease,transform .3s ease}.next-button:hover{background-color:#3b82f6;transform:scale(1.05)}.message{font-size:1rem;margin-top:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body,html{background-color:#f5f8fa;font-family:Helvetica Neue,Arial,sans-serif;margin:0;padding:0}.App{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#333;display:flex;flex-direction:column;margin:2rem auto;max-width:600px;min-height:90vh;padding:1.5rem;width:90%}h1{color:#0077b6;font-size:1.8rem;margin-bottom:1rem;text-align:center}.end-question-container,.question{margin-bottom:1.2rem}.end-question-container p,.question p{font-size:1rem;font-weight:700;margin-bottom:.5rem}label{cursor:pointer;display:block;font-size:.95rem;margin-bottom:.5rem}input[type=radio]{margin-right:.5rem}.progress-indicator{color:#fff;font-size:.9rem;margin-bottom:10px;text-align:end}button{background-color:#00b4d8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:1rem;padding:.75rem;transition:background-color .3s ease;width:100%}.ranking-button{display:none}button:hover{background-color:#0096c7}@media (max-width:600px){.App{margin:1rem auto;padding:1rem;width:95%}h1{font-size:1.6rem}.end-question-container p,.question p,label{font-size:.9rem}button{font-size:1rem;padding:.65rem}}.memory-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);justify-items:center;margin:20px 0;width:100%}.card{perspective:1000px}.card,.card-inner{position:relative;width:100%}.card-inner{padding-top:100%;transform-style:preserve-3d;transition:transform .6s}.card-inner.flipped{transform:rotateY(180deg)}.card-back,.card-front{backface-visibility:hidden;border-radius:8px;height:100%;left:0;position:absolute;top:0;width:100%}.card-front{transform:rotateY(180deg)}.card-back{background-color:#00b4d8;transform:rotateY(0deg)}.card-back img,.card-front img{border-radius:8px;height:100%;object-fit:cover;width:100%}
/*# sourceMappingURL=main.806fe401.css.map*/