.likert-container{--likert-total:5;text-align:center;border-bottom:1px solid #e9ecef;max-width:800px;margin-bottom:2rem;margin-left:auto;margin-right:auto}.likert-question{color:#fff;text-align:center;margin-bottom:4rem;font-size:2rem}.likert-labels{color:#666;justify-content:space-between;margin-bottom:15px;font-size:14px;display:flex}.likert-options{justify-content:center;align-items:center;gap:10px;margin-bottom:4rem;display:flex}.likert-option{cursor:pointer;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.likert-option input[type=radio]{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.likert-button{background-color:#0000;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:8px;font-size:18px;font-weight:700;transition:all .3s;display:flex}.likert-option:nth-child(2){--position:0}.likert-option:nth-child(3){--position:1}.likert-option:nth-child(4){--position:2}.likert-option:nth-child(5){--position:3}.likert-option:nth-child(6){--position:4}.likert-option:nth-child(7){--position:5}.likert-option:nth-child(8){--position:6}.likert-option:nth-child(9){--position:7}.likert-option:nth-child(10){--position:8}.likert-option:nth-child(11){--position:9}.likert-option:nth-child(12){--position:10}.likert-option{--total-options:calc(var(--likert-total,5));--progress:calc(var(--position,0)/(var(--total-options) - 1));--hue:calc(260 - (50*var(--progress)));--saturation:calc(60% + (15%*var(--progress)));--lightness:calc(65% - (10%*var(--progress)));--button-color:hsl(var(--hue),var(--saturation),var(--lightness))}.likert-option .likert-button{border-color:var(--button-color);color:var(--button-color)}.likert-option:hover .likert-button{background-color:color-mix(in srgb,var(--button-color)10%,transparent);box-shadow:0 2px 8px color-mix(in srgb,var(--button-color)30%,transparent);transform:scale(1.05)}.likert-option input[type=radio]:checked+.likert-button{background-color:var(--button-color);color:#fff;border-color:var(--button-color);box-shadow:0 4px 12px color-mix(in srgb,var(--button-color)40%,transparent);transform:scale(1.1)}.likert-option:has(input[type=radio]:checked){--text-color:white}.likert-option:nth-child(n+7) input[type=radio]:checked+.likert-button{color:var(--text-color,white)}.likert-label{text-align:center;color:#666;font-size:12px;font-weight:500;transition:color .2s}.likert-option input[type=radio]:checked~.likert-label{color:var(--button-color);font-weight:700}@media (max-width:768px){.likert-button{width:40px;height:40px;font-size:14px}.likert-label{font-size:10px}.likert-options{gap:5px}}@supports not (background-color:color-mix(in srgb, red, blue)){.likert-option:hover .likert-button{background-color:#9696c81a;box-shadow:0 2px 8px #9696c84d}.likert-option input[type=radio]:checked+.likert-button{box-shadow:0 4px 12px #9696c866}}
.quiz-container{opacity:.7;background:url(../media/quiz-background.0df6b026.PNG) top/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;display:flex}.back-button{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#0000004d;border:2px solid #ffffff80;border-radius:25px;padding:10px 20px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;position:absolute;top:20px;left:20px}.back-button:hover{background:#fff3;border-color:#fff;transform:translate(-5px)}.header{flex-direction:column;justify-content:center;align-items:center;height:70vh;display:flex}.header h1{color:#fff;padding-top:2rem;font-size:3rem}.subtext{font-size:1rem;font-weight:300}.circle-container{justify-content:center;align-items:center;gap:3rem;margin-top:3rem;display:flex}.info-circle-1{background-color:#d5b4a0;border-radius:50%;width:20rem;height:20rem;transition:transform .3s ease-in-out,box-shadow .2s ease-in-out;box-shadow:0 1rem 4rem 0 #d5b4a040,0 0 2rem .5rem #d5b4a033}.info-circle-1:hover{transform:translateY(-2rem);box-shadow:0 1rem 4rem 0 #ffffff40,0 0 2rem .5rem #fff3}.info-circle-2{background-color:#b6a0d5;border-radius:50%;width:20rem;height:20rem;transition:transform .3s ease-in-out,box-shadow .2s ease-in-out;box-shadow:0 1rem 4rem 0 #b6a0d540,0 0 2rem .5rem #b6a0d533}.info-circle-2:hover{transform:translateY(-2rem);box-shadow:0 1rem 4rem 0 #ffffff40,0 0 2rem .5rem #fff3}.info-circle-3{background-color:#70b1d9;border-radius:50%;width:20rem;height:20rem;transition:transform .3s ease-in-out,box-shadow .2s ease-in-out;box-shadow:0 1rem 4rem 0 #70b1d940,0 0 2rem .5rem #70b1d933}.info-circle-3:hover{transform:translateY(-2rem);box-shadow:0 1rem 4rem 0 #ffffff40,0 0 2rem .5rem #fff3}.circle-text{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.circle-text h2{color:#000;width:80%;font-size:1.5rem}.circle-text p{color:#000;width:80%;font-weight:300}.question-container{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;height:100%;padding:1rem;display:flex}.question-container h3{font-size:2rem}.question-container p{text-align:center;width:80%;font-size:1rem;font-weight:300}.question-container span{font-size:1rem;font-weight:250}.scale-labels{justify-content:space-between;width:60%;margin-top:1rem;display:flex}.likert-scale{justify-content:center;align-items:center;width:60%;display:flex}.number-input{text-align:center;color:#0a73b4;width:12rem;height:4rem;box-shadow:none;background-color:#70b1d9;border:none;border-radius:3rem;outline:none;padding:1rem;font-size:1.5rem}.all-questions{width:80%}
.checkbox-container{border-bottom:1px solid #e9ecef;flex-direction:column;justify-content:center;align-items:center;margin-bottom:2rem;display:flex}.checkbox-question{margin-bottom:2rem;font-size:2rem}.checkbox-selection-info{color:#666;margin-bottom:15px;font-size:14px;font-weight:500}.checkbox-grid{gridTemplateColumns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:4rem;display:grid}.checkbox-option{cursor:pointer;white-space:nowrap;background-color:#fff;border:2px solid #e6e1f0;border-radius:6px;justify-self:stretch;align-items:center;width:100%;min-width:fit-content;padding:8px 12px;transition:all .3s;display:flex;position:relative}.checkbox-option input[type=checkbox]{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkbox-custom{background-color:#0000;border:2px solid #d3c9e6;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-right:10px;transition:all .3s;display:flex}.checkbox-label-text{color:#333;font-weight:400;transition:font-weight .2s}.checkbox-option:hover{border-color:#c7b8dd;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.checkbox-option:hover .checkbox-custom{border-color:#c7b8dd;transform:scale(1.05)}.checkbox-option:has(input[type=checkbox]:checked){background-color:#e8f4fd;border-color:#70b1d9;transform:translateY(-2px);box-shadow:0 4px 12px #70b1d94d}.checkbox-option:has(input[type=checkbox]:checked) .checkbox-custom{background-color:#70b1d9;border-color:#70b1d9;transform:scale(1.1)}.checkbox-option:has(input[type=checkbox]:checked) .checkbox-custom:after{content:""}.checkbox-option:has(input[type=checkbox]:checked) .checkbox-label-text{color:#70b1d9;font-weight:700}.checkbox-option:has(input[type=checkbox]:disabled){cursor:not-allowed;opacity:.6}.checkbox-option:has(input[type=checkbox]:disabled):hover{box-shadow:none;transform:none}.checkbox-option:has(input[type=checkbox]:disabled) .checkbox-custom:hover{border-color:#d3c9e6;transform:none}@media (max-width:768px){.checkbox-grid{grid-template-columns:1fr;gap:8px}.checkbox-option{white-space:normal;padding:10px}.checkbox-custom{width:18px;height:18px}.checkbox-question{margin-bottom:2rem;font-size:1.5rem}}@media (min-width:769px) and (max-width:1024px){.checkbox-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.checkbox-grid{grid-template-columns:repeat(3,1fr)}}
.radio-container{text-align:center;border-bottom:1px solid #e9ecef;max-width:800px;margin-bottom:2rem;margin-left:auto;margin-right:auto}.radio-question{color:#fff;text-align:center;margin-bottom:4rem;font-size:2rem}.radio-options{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-items:center;gap:12px;margin-bottom:4rem;display:grid}.radio-option{cursor:pointer;white-space:nowrap;background-color:#fff;border:2px solid #e6e1f0;border-radius:6px;justify-self:stretch;align-items:center;width:100%;min-width:fit-content;padding:8px 12px;transition:all .3s;display:flex;position:relative}.radio-option input[type=radio]{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.radio-custom{background-color:#0000;border:2px solid #d3c9e6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-right:10px;transition:all .3s;display:flex}.radio-label-text{color:#333;font-weight:400;transition:font-weight .2s}.radio-option:hover{border-color:#c7b8dd;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.radio-option:hover .radio-custom{border-color:#c7b8dd;transform:scale(1.05)}.radio-option:has(input[type=radio]:checked){background-color:#e8f4fd;border-color:#70b1d9;transform:translateY(-2px);box-shadow:0 4px 12px #70b1d94d}.radio-option:has(input[type=radio]:checked) .radio-custom{background-color:#70b1d9;border-color:#70b1d9;transform:scale(1.1)}.radio-option:has(input[type=radio]:checked) .radio-custom:after{content:"";background-color:#fff;border-radius:50%;width:8px;height:8px}.radio-option:has(input[type=radio]:checked) .radio-label-text{color:#70b1d9;font-weight:700}@media (max-width:768px){.radio-options{grid-template-columns:1fr;gap:8px}.radio-option{white-space:normal;padding:10px}.radio-custom{width:18px;height:18px}.radio-question{margin-bottom:2rem;font-size:1.5rem}}@media (min-width:769px) and (max-width:1024px){.radio-options{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.radio-options{grid-template-columns:repeat(3,1fr)}}