:root{--primary-green:#40a3a6;--primary-green-hover:#308f92;--blue-color:#002254;--red-color:#ff4747;--orange-color:#f9b13d;--light-blue-color:#2374d0;--purple-color:#909;--pink-color:#d47;--ocean-blue:#0099c6;--leaf-green:#6a0}.primary-color{color:#40a3a6;color:var(--primary-green)}.red-color{color:#ff4747;color:var(--red-color)}.orange-color{color:#f9b13d;color:var(--orange-color)}.ligth-blue-color{color:#2374d0;color:var(--light-blue-color)}.purple-color{color:#909;color:var(--purple-color)}.pink-color{color:#d47;color:var(--pink-color)}.blue-color{color:#002254;color:var(--blue-color)}.ocean-blue-color{color:#0099c6;color:var(--ocean-blue)}.leaf-green-color{color:#6a0;color:var(--leaf-green)}.bg-primary-color{background-color:#40a3a6;background-color:var(--primary-green)}.bg-blue{background-color:#002254;background-color:var(--blue-color)}.bg-red{background-color:#ff4747;background-color:var(--red-color)}.bg-orange{background-color:#f9b13d;background-color:var(--orange-color)}.bg-ligth-blue{background-color:#2374d0;background-color:var(--light-blue-color)}.bg-purple{background-color:#909;background-color:var(--purple-color)}.bg-pink{background-color:#d47;background-color:var(--pink-color)}.bg-ocean-blue{background-color:#0099c6;background-color:var(--ocean-blue)}.bg-leaf-green{background-color:#6a0;background-color:var(--leaf-green)}h1,h2,h3{color:#4c4c4c}*{box-sizing:border-box;font-family:Reem Kufi,sans-serif!important;margin:0;padding:0}body{background-color:#fff;max-width:100%;overflow-x:hidden}.App{display:flex;flex-direction:column;min-width:100vh}main{flex:1 1}.landing-page{display:flex;flex:1 1;flex-direction:column}.container{flex:1 1;margin:0 auto;max-width:1000px;width:85vw}.primary-button{background-color:var(--primary-green);border:none;border-radius:5rem;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;outline:none;padding:.9rem 1.7rem;transition:.2}.primary-button:hover{background-color:var(--primary-green-hover)}.primary-heading{color:#4c4c4c;font-size:clamp(1.5rem,2.3vw,2.1rem);line-height:1.2;margin:0;padding:0}.primary-text{color:#6a6a6a;font-size:clamp(1.3rem,1.2vw,1.5rem);margin:1.5rem 0;max-width:500px}.secondary-text{font-size:1.2rem}.secondary-text,.third-text{color:#6a6a6a;margin:.8rem 0}.third-text{font-size:1rem}.primary-subheading{color:var(--primary-green);font-size:1.5rem;font-weight:700;text-align:center}.secondary-button{align-items:center;background-color:var(--primary-green);border:none;border-radius:5rem;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:center;outline:none;padding:1rem 2rem;transition:.2s}.secondary-button svg{font-size:1.5rem;margin-left:.75rem}.secondary-button:hover{background-color:var(--primary-green-hover)}@media (max-width:800px){.primary-heading{max-width:90%;text-align:center}.primary-text{max-width:80%;text-align:center}.secondary-button{cursor:pointer;font-size:1rem;padding:.8rem 2rem}.primary-subheading{text-align:center}}@media (max-width:1000px){.primary-button{font-size:1rem}}.home-banner-container{display:flex;padding-top:3rem;position:relative}.home-text-section{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:700px}.home-image-section{display:flex;flex:1 1;justify-content:center;max-width:300px}.home-image-section img{width:60%}@media (max-width:800px){.home-text-section{align-items:center}.home-image-section{display:none;max-width:100px;width:100%}}nav{align-items:center;display:flex;min-height:90px}.navbar-logo-container img{width:50px}.navbar-items-container{align-items:center;display:flex;justify-content:space-between;width:100%}.navbar-links-container{margin-left:60px}.link{color:inherit;cursor:pointer;margin-right:20px}.navbar-access-container a{color:inherit;margin-right:20px;text-decoration:none}.link:hover,.navbar-access-container a:hover{text-decoration:underline}.navbar-menu-container svg{cursor:pointer;font-size:1.5rem}.navbar-menu-container{display:none}.navbar-access-link{color:inherit;text-decoration:none}@media (max-width:1024px){.navbar-access-container,.navbar-links-container{display:none}.navbar-menu-container{display:flex}.navbar-access-container a{font-size:1rem;margin-right:1rem}}@media (max-width:800px){.navbar-logo-container{max-width:140px}}.about-section-container{align-items:center;display:flex;flex-direction:column;margin-top:5rem}.about-section-text-container{display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:justify}.about-video{margin-top:2rem;max-width:100%;overflow:hidden}.about-video iframe{height:390px;width:640px}@media (max-width:800px){.about-video iframe{height:180px;width:320px}}.differences-section-container{align-items:center;display:flex;flex-direction:column;margin-top:5rem}.differences-text-container{display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:justify}.differences-item-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin-top:3rem;width:100%}.differences-item{align-items:center;display:flex;flex-direction:column;height:350px;justify-content:flex-start;margin:0 20px 0 30px;width:250px}.differences-icon-container{align-items:center;display:flex;justify-content:center}.differences-icon-container svg{color:#000;font-size:4.5rem}.differences-item-text{flex:1 1;justify-content:flex-start;text-align:center}.differences-item-text,.our-offer-section-container{align-items:center;display:flex;flex-direction:column}.our-offer-section-container{margin-top:5rem}.our-offer-text-container{display:flex;flex-direction:column;max-width:450px;text-align:center}.our-offer-item-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:3rem;width:100%}.our-offer-item{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin:0 20px 20px 30px;width:400px}.our-offer-icon-container{align-items:center;border-radius:50%;display:flex;height:100px;justify-content:center;width:100px}.our-offer-item:hover{transform:scale(1.03)}.our-offer-icon-container svg{color:#fff;font-size:3.2rem}.our-offer-item-text{flex:1 1;justify-content:flex-start;text-align:center}.intended-section-container,.our-offer-item-text{align-items:center;display:flex;flex-direction:column}.intended-section-container{margin-top:3rem}.intended-text-container{display:flex;flex-direction:column;max-width:450px;text-align:center}.intended-item-container{display:flex;flex-direction:column;margin-top:2rem}.intended-item{display:flex;position:relative}.intended-description-section{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;width:500px}.intended-description-text-section{max-width:450px;padding:2rem;text-align:justify}.intended-image-section{display:flex;flex:1 1;max-width:500px}.intended-image-section img{width:100%}.order-1{order:1}.order-2{order:2}.intended-description-text-primary-text{color:#fff;font-size:2rem;margin:.8rem 0}.intended-description-text-secondary-text{color:#fff;font-size:1.4rem}@media (max-width:600px){.intended-description-section{margin-bottom:.5rem;width:300px}.intended-image-section{display:none}}@media (max-width:1024px){.intended-description-text-primary-text{font-size:1.5rem}.intended-description-text-secondary-text{font-size:1rem}}.login-container{align-items:center;flex:1 1;justify-content:center;padding:20px}.form-container,.login-container{display:flex;flex-direction:column}.form-container{border:1px solid #ccc;border-radius:5px;box-shadow:0 0 5px #0000001a;padding:3rem;width:550px}.form-group{margin-bottom:1rem}.login-heading{color:var(--primary-green);font-size:clamp(1.5rem,2vw,2.5rem);font-weight:600;padding:0;text-align:center}.forgot-password,.login-heading{margin-bottom:2rem}.forgot-password-link{color:var(--primary-green);text-decoration:none}.forgot-password-link:hover{color:var(--primary-green-hover)}.login-button{align-items:center;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-size:20px;font-weight:600;height:45px;justify-content:center;margin-bottom:1rem;outline:none;padding:.5rem 1.7rem;transition:.2}.login-button:hover{background-color:var(--primary-green-hover)}.create-account-text{color:grey;font-size:.95rem;padding:0;text-align:center}.create-account-link{margin-left:.3rem;text-decoration:none}.create-account-link:hover{color:var(--primary-green-hover)}.error-message{color:#ff1f1f;font-size:.85rem}@media(max-width:600px){.form-container{width:400px}}@media(max-height:400px),(max-width:500px){.login-container{justify-content:start}.form-container{border:none;box-shadow:none;max-width:385px;padding:2rem}}.password-reset-container{align-items:center;display:flex;flex:1 1;justify-content:center}.password-reset-content{border:1px solid #ccc;border-radius:5px;box-shadow:0 0 5px #0000001a;display:flex;flex-direction:column;padding:3rem;width:600px}.password-reset-title{color:var(--primary-green);font-size:clamp(2rem,2.5vw,3rem);font-weight:700;margin-bottom:2rem}.password-reset-text{color:#6a6a6a;font-size:1.5rem;margin-bottom:1.5rem;max-width:350px}.instruction-message{color:#6a6a6a;font-size:1.1rem;max-width:500px}.password-reset-button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;font-size:20px;font-weight:600;margin-bottom:1.3rem;outline:none;padding:.5rem 1.7rem;transition:.2;width:100%}.password-reset-button:hover{background-color:var(--primary-green-hover)}.email{color:var(--primary-green);font-weight:600}.reset-image-section{display:flex;flex:1 1;justify-content:center;margin-bottom:2rem;margin-top:1rem;max-width:400px}.reset-image-section img{width:100%}.login-link{color:var(--primary-green);font-size:18px;font-weight:600;text-decoration:none}.login-link:hover{color:var(--primary-green-hover)}@media (max-height:400px),(max-width:650px){.password-reset-container{align-items:start}.password-reset-content{border:none;box-shadow:none}}.password-reset-confirmation-container{align-items:center;display:flex;flex:1 1;justify-content:center}.password-reset-confirmation-content{border:1px solid #ccc;border-radius:5px;box-shadow:0 0 5px #0000001a;display:flex;flex-direction:column;padding:3rem;width:600px}@media (max-height:400px),(max-width:650px){.password-reset-confirmation-container{align-items:start}.password-reset-confirmation-content{border:none;box-shadow:none}}.signup-container{flex:1 1;justify-content:center}.signup-container,.signup-content{align-items:center;display:flex;flex-direction:column}.signup-content{border:1px solid #ccc;border-radius:5px;box-shadow:0 0 5px #0000001a;height:400px;padding:3rem;position:relative;width:600px}.marker-container{display:flex;flex-direction:row;justify-content:space-around;min-width:300px;position:absolute;top:-35px}.signup-form{display:flex;flex-direction:column;height:100%;justify-content:space-between;margin-top:2rem}.step.hidden{display:none}.step.active{display:block}.step-buttons-container{width:100%}.step-buttons{display:flex;flex-direction:row-reverse;justify-content:space-between;margin-left:1rem;margin-right:1rem}.step-buttons button{background:none;border:none;color:var(--primary-green);color:var(--primary-green-hover);cursor:pointer;font-family:inherit;font-size:1.1rem;font-weight:600;padding:0;text-decoration:none}.signup-heading{color:var(--primary-green);font-size:clamp(1.5rem,2.2vw,3rem);font-weight:600;margin-bottom:2rem;padding:0;text-align:center}@media (max-width:600px){.signup-content{width:450px}}@media (max-height:400px),(max-width:500px){.signup-container{justify-content:start;margin-top:4rem}.signup-content{border:none;box-shadow:none;margin-bottom:0;padding:2rem;width:380px}.signup-form{justify-content:space-around}}.marker{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:30px;font-weight:600;height:70px;justify-content:center;width:70px}.border{border:2px solid #ccc}.bg-white{background-color:#fff}.color-green{color:var(--primary-green)}.email-verification-content{border:1px solid #ccc;border-radius:5px;box-shadow:0 0 5px #0000001a;display:flex;flex-direction:column;max-width:600px;padding:3rem}.email-verification-image-section{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:2rem;margin-top:1rem;max-width:600px}.email-verification-image-section img{width:100%}@media (max-width:650px){.email-verification-content{border:none;box-shadow:none}}.welcome,.welcome-container{display:flex;flex:1 1;flex-direction:column}.welcome-container{align-items:center;justify-content:center;margin:1rem}@media (max-width:650px){.welcome-container{justify-content:start}}.success-title{color:var(--primary-green);font-size:clamp(2rem,2.5vw,3rem);font-weight:700;margin-bottom:1rem}.success-content{border:1px solid #ccc;border-radius:5px;box-shadow:0 0 5px #0000001a;display:flex;flex-direction:column;max-width:600px;padding:2rem}.success-image-section{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:2rem;margin-top:1rem;max-width:600px}.success-image-section img{width:80%}@media (max-height:400px),(max-width:650px){.success-content{align-items:center;border:none;box-shadow:none}}.error-content{align-items:center;display:flex;flex-direction:column;max-width:600px}.error-instruction-message-section{margin-bottom:1rem}.error-image-section{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:2rem;margin-top:1rem;max-width:600px}.error-image-section img{width:60%}.questions{display:flex;flex:1 1;flex-direction:column}.questions-container{height:100%;margin:2rem 0}.questions-container,.questions-header{align-items:center;display:flex;flex-direction:column}.questions-header{justify-content:center;margin-bottom:1rem}.questions-header h2{color:var(--red-color)}.questions-linear-progress{margin:2rem 0;width:100vw}.answers-container{flex-direction:column;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}.answers-container,.questions-text{display:flex;justify-content:center}.questions-text{align-items:center;height:250px;margin-bottom:3rem;text-align:center}.questions-text p{color:#6b6b6b;font-size:clamp(1.5rem,2.3vw,2.4rem);font-style:normal;font-weight:400;margin:0 auto;max-width:1100px}.grow{animation:growText .5s ease-in-out}.zoomIn{animation-name:zoomIn}.animated{animation-duration:1s;animation-fill-mode:both}@keyframes growText{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.progress-container{background-color:#e0e0df;height:25px;overflow:hidden;width:100%}.progress-bar{align-items:center;background-color:var(--primary-green);display:flex;height:100%;justify-content:end;text-align:center;transition:width .4s ease;white-space:nowrap}.text-percent{color:#fff;font-size:14px;font-weight:500;margin-right:.3rem}.answers-group-container{margin:0 auto 80px}.answer{-webkit-touch-callout:none;background-color:#a5a5a5;border-radius:50%;cursor:pointer;display:inline-block;height:50px;margin-right:140px;padding:5px;position:relative;transition:background-color .4 ease;-webkit-user-select:none;user-select:none;width:50px}.answer:last-of-type{margin-right:0}.answer-with-after:after{background-color:#a5a5a5;content:"";display:block;height:7px;left:100%;pointer-events:none;position:absolute;top:43%;width:150PX}.circle-text{color:#000;font-size:15px;font-weight:700;left:-100%;margin-top:.5rem;position:absolute;text-transform:uppercase;top:105%;width:150px}.circle,.circle-text{font-style:normal;text-align:center}.circle{align-items:center;background-color:#cdcdcd;border:4px solid #fff;border-radius:50%;color:#fff;display:flex;font-family:Open Sans;font-size:22px;font-weight:600;height:40px;justify-content:center;transition:background-color .4s ease;width:40px}.answer:hover{animation:pulse-animation 2s infinite}.answer:hover,.answer:hover .circle{background-color:var(--primary-green)}.pulse{animation:pulse-animation 2s infinite}@keyframes pulse-animation{0%{box-shadow:0 0 0 0 #4db13c33}to{box-shadow:0 0 0 20px #4db13c00}}@media(max-width:800px){.answer{margin-right:70px}.answer-with-after:after{width:80px}.circle-text{font-size:12px}}@media(max-width:530px){.answer{margin-right:40px}.answer-with-after:after{width:50px}.circle-text{font-size:9px;left:-50%;width:100px}}.answered-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto 1rem}.answered-image-section{display:flex;flex:1 1;justify-content:center;max-width:600px}.answered-image-section img{width:75%}.answered-descripton-header{display:flex;justify-content:center;margin:1rem 0;width:100%}.answered-description-section{display:flex;flex:1 1;flex-direction:column;margin:1rem 0;max-width:600px;text-align:center}.header-image-section{display:flex;justify-content:center;padding:10px}.header-logo{width:45px}.avatar-container{align-items:center;background-color:#ccc;border-radius:50%;color:#fff;display:flex;font-weight:600;height:40px;justify-content:center;width:40px}.dialog-content{margin:1rem auto;max-width:1000px;width:90vw}.term-container{border-radius:8px;box-shadow:0 1px 4px #00000029;padding:1rem 2rem}.term-header{margin:1rem 0;text-align:center}.term-content{margin:1rem 0;text-align:justify;p{margin:1rem 0}}@media (max-width:800px){.term-container{box-shadow:none;padding:.5rem}}.result{display:flex;flex:1 1;flex-direction:column}.result-container{margin:2rem auto;max-width:1000px;width:90vw}.result-content-container{align-items:center;display:flex;flex-direction:column}.result-header{align-items:center;margin-bottom:20px;h2{color:var(--red-color);text-align:center}}.about-section-text-container{padding:10px}.tutorial-controls{display:flex;gap:10px;margin-top:10px}.result-header{display:flex;flex-direction:column}.result-header h2{margin-bottom:16px}@media (min-width:768px){.result-header{align-items:flex-start;flex-direction:row;justify-content:space-between}.tutorial-controls{margin-top:0}}.result-box-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin-bottom:20px}.result-description{display:none;margin-top:40px;opacity:0;padding:10px;transform:translateX(-50px);transition:transform .5s ease,opacity .5s ease}.result-description.active{animation:fadeIn .5s ease;display:flex;flex-direction:row;opacity:1;transform:translateX(0)}.result-description-text-section{display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:800px;padding:1rem}.result-description-image-section{align-items:center;display:flex;flex:1 1;max-width:350px;img{width:80%}}.result-type-area{border:1px solid #ccc;color:#4c4c4c;font-weight:600;margin-bottom:30px;margin-top:30px;padding:5px;text-align:center;.type-text{font-weight:800}}@media(max-width:860px){.result-box-container{justify-content:center}.result-description-image-section{display:none}}.result-box-area{cursor:pointer;margin:1rem .5rem}.result-box-area:hover{transform:scale(1.02)}.result-box{align-items:center;color:#4c4c4c;display:flex;font-size:18px;font-weight:600;justify-content:center;margin-bottom:10px;padding-bottom:10px;padding-top:10px;width:300px}.result-box-bg{background-color:#d9d9d9}.result-box.active-box{color:#fff}.result-bar-container{background-color:#e0e0df;height:25px;overflow:hidden;width:100%}.result-bar{height:100%;text-align:center;white-space:nowrap}.result-text-percent{color:#fff;display:inline;font-size:14px;font-weight:400}.IM-result-box-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.class{color:#64cfb5}.IM-result-description{display:none;margin-top:40px;opacity:0;padding:10px;transform:translateX(-50px);transition:transform .5s ease,opacity .5s ease}.IM-result-description.active{animation:fadeIn .5s ease;display:flex;flex-direction:column;opacity:1;transform:translateX(0)}.IM-result-description-text-section{justify-content:center;margin-bottom:.7rem}.IM-result-description-text-section,.IM-result-description-topics-section{border-radius:3px;box-shadow:0 1px 4px #00000029;cursor:default;display:flex;flex:1 1;flex-direction:column;padding:1rem}.IM-result-description-topics-section{ul{padding:.7rem 1.6rem}li{color:#6a6a6a;font-size:1.2rem;margin:.6rem 0}}@media(max-width:860px){.IM-result-description-text-section,.IM-result-description-topics-section{border-radius:none;box-shadow:none;padding:5px}}.tutorial-overlay{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.tutorial-highlight{background-color:initial;border-radius:4px;box-shadow:0 0 0 9999px #0009;outline:2px solid #4a7dfc80;pointer-events:none;position:absolute;z-index:1}.tutorial-tooltip{background-color:#fff;border:1px solid #4a7dfc4d;border-radius:8px;box-shadow:0 4px 12px #0000004d;pointer-events:auto;position:absolute;width:300px;z-index:2}.tooltip-content{padding:16px}.tooltip-content h3{color:#333;font-size:18px;margin-bottom:8px;margin-top:0}.tooltip-content p{color:#555;font-size:14px;line-height:1.5;margin-bottom:16px}.tooltip-buttons{display:flex;justify-content:space-between;margin-top:20px}.tooltip-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.btn-prev,.btn-skip{background-color:#f5f5f5;color:#333}.btn-next{background-color:#4a7dfc;color:#fff}.btn-prev:hover,.btn-skip:hover{background-color:#e5e5e5}.btn-next:hover{background-color:#3a6eec}.tooltip-progress{display:flex;justify-content:center;margin-bottom:8px;margin-top:12px}.progress-dot{background-color:#ddd;border-radius:50%;height:8px;margin:0 4px;width:8px}.progress-dot.active{background-color:#4a7dfc}.tutorial-arrow{animation:pulse 1.5s infinite;pointer-events:none;position:absolute;z-index:2}@keyframes pulse{0%{opacity:.8;transform:translateY(0) rotate(0deg)}50%{opacity:1;transform:translateY(-5px) rotate(0deg)}to{opacity:.8;transform:translateY(0) rotate(0deg)}}.help-button-container{display:inline-block}.help-button-container,.help-mascot{height:150px;position:relative;width:150px}.help-mascot{bottom:20px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.2));object-fit:contain;right:35px;transition:all .3s ease;z-index:12}.help-mascot:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transform:scale(1.1)}.help-button-attention{animation:helpButtonAttention 1.5s ease-in-out infinite alternate}@keyframes helpButtonAttention{0%{transform:scale(1)}to{transform:scale(1.15)}}.help-button-pulse{animation:helpButtonPulse 2s infinite}@keyframes helpButtonPulse{0%{filter:drop-shadow(0 0 0 rgba(52,152,219,.7))}70%{filter:drop-shadow(0 0 10px rgba(52,152,219,.7))}to{filter:drop-shadow(0 0 0 rgba(52,152,219,0))}}.help-expansion-rings{z-index:11}.help-expansion-rings,.help-ring{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.help-ring{border:2px solid #3498dbb3;border-radius:50%;opacity:0}.help-ring-1{animation:expandRing 2s 0s infinite;height:40px;width:40px}.help-ring-2{animation:expandRing 2s .6s infinite;height:40px;width:40px}.help-ring-3{animation:expandRing 2s 1.2s infinite;height:40px;width:40px}@keyframes expandRing{0%{border-width:2px;height:40px;opacity:.7;width:40px}to{border-width:1px;height:80px;opacity:0;width:80px}}.help-circular-arrows{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.help-circular-arrow{animation:rotateArrow 3s linear infinite;left:-15px;position:absolute;top:-15px}@keyframes rotateArrow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.help-pointer-animation{align-items:flex-end;animation:helpPointerFloat 2s ease-in-out infinite;bottom:100%;display:flex;margin-bottom:40px;position:absolute;right:30px;z-index:15}.help-pointer-text{animation:helpTextFlash 1.5s ease-in-out infinite alternate;background-color:#3498db;background-color:var(--primary-color,#3498db);border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;font-size:14px;margin-bottom:40px;margin-right:-50px;padding:6px 12px;white-space:nowrap}@keyframes helpTextFlash{0%{background-color:#3498db;background-color:var(--primary-color,#3498db)}to{background-color:#2980b9;background-color:var(--accent-color,#2980b9)}}.help-pointer-arrow{animation:helpArrowPulse 1.5s ease-in-out infinite alternate;height:30px;position:relative;width:20px}.help-pointer-arrow:before{background-color:#3498db;background-color:var(--primary-color,#3498db);bottom:0;content:"";height:25px;position:absolute;right:70px;width:2px}.help-pointer-arrow:after{border-bottom:2px solid #3498db;border-bottom:2px solid var(--primary-color,#3498db);border-right:2px solid #3498db;border-right:2px solid var(--primary-color,#3498db);bottom:0;content:"";height:16px;position:absolute;right:62px;transform:rotate(45deg);width:16px}@keyframes helpPointerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes helpArrowPulse{0%{opacity:.7}to{opacity:1}}.help-button-wrapper{bottom:30px;right:30px}.help-button-wrapper:hover .help-button-label{opacity:1;transform:translateX(0)}@media (max-width:768px){.help-button-wrapper{bottom:20px;right:20px}.help-button-container,.help-mascot{height:80px;width:80px}.help-expansion-rings{transform:translate(-50%,-50%) scale(.6)}.help-pointer-text{font-size:12px;padding:4px 8px}}.mobile-help-button{background-color:#4a7dfc;background-color:var(--primary-color,#4a7dfc);border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 8px #0000004d;color:#fff;font-size:24px;height:60px;position:fixed;right:20px;width:60px;z-index:1000}.mobile-help-button:focus{outline:none}.mobile-help-button:hover{background-color:#3a6eec}.back-button{border-color:#308f92;color:#308f92;margin-bottom:1rem;margin-top:.5rem;transition:all .3s ease}.back-button:hover{background-color:#308f92;border-color:#308f92;box-shadow:0 2px 4px #0000004d;color:#fff;transform:translateX(-2px)}.back-button .MuiButton-startIcon{margin-right:8px}.back-button-wrapper{margin-bottom:1rem;z-index:100}.back-button-container{display:flex;justify-content:center;margin:2rem auto;max-width:1000px;width:90vw}.footer{background-color:#ebebeb;bottom:0;color:#000;left:0;padding:1rem;width:100%}.footer-content{align-items:center;display:flex;justify-content:space-evenly;margin:0 auto;max-width:1200px}.footer-text{font-size:clamp(.8rem,1.2vw,1rem);text-align:center}.footer-image{max-width:110px}.footer-image img{width:100%}@media (max-width:1000px){.footer-image{max-width:80px}}@media (max-width:550px){.footer-image{max-width:60px}}.layout{min-height:100vh}.layout,main{display:flex;flex-direction:column}.spacer,main{flex-grow:1}.student{display:flex;flex:1 1;flex-direction:column}.student-container{margin:2rem auto;max-width:1000px;width:90vw}.student-header{position:relative}.student-header span{color:var(--primary-color);font-weight:700}.tutorial-button-wrapper{position:absolute;right:0;top:0}.mascot-container{display:flex;justify-content:center;margin:1rem 0;min-height:80px}.mascot-wrapper{align-items:center;animation:fadeIn .5s ease;background-color:#f5f5f5cc;border-radius:12px;box-shadow:0 4px 8px #0000001a;display:flex;max-width:100%;padding:10px 20px;position:relative}.mascot-image{animation:bounce 4s infinite;height:120px;margin-right:15px}.mascot-message{max-width:70%}.mascot-message p{color:#333;font-size:.95rem;margin:0}.mascot-toggle{background:#0000;border:none;border-radius:50%;color:#777;cursor:pointer;font-size:16px;padding:2px 6px;position:absolute;right:5px;top:5px}.mascot-toggle:hover{background-color:#0000001a}.show-mascot-button{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s ease}.show-mascot-button:hover{background-color:var(--primary-dark)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.student-message-container{display:flex;flex-direction:column;margin:1rem 0}.student-text-section{align-items:flex-start;background-color:#f5f5f5;border-radius:3px;cursor:default;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-bottom:1rem;padding:.4rem 1rem}.student-text-section:first-child{border-left:8px solid var(--primary-green)}.student-text-section:nth-child(2){border-left:8px solid var(--red-color)}.student-text-section:nth-child(3){border-left:8px solid var(--orange-color)}.student-study-container{align-items:center;display:flex;justify-content:center;margin:1rem 0}.student-box-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:space-evenly;width:100%}.fade-in:first-child{animation-delay:0}.fade-in:nth-child(2){animation-delay:.5s}.fade-in:nth-child(3){animation-delay:1s}.help-button-wrapper{align-items:center;bottom:20px;display:flex;right:20px;z-index:1000}.help-button-label{background:#ffffffe6;border-radius:4px;box-shadow:0 2px 5px #0000001a;margin-right:10px;padding:5px 10px}.visible-help-button,.visible-tutorial-button{cursor:pointer;transition:transform .2s ease}.visible-help-button:hover,.visible-tutorial-button:hover{transform:scale(1.1)}@media (max-width:800px){.student-text-section{align-items:center;border-radius:3px;padding:.4rem .8rem}.student-box-container{align-items:center;flex-direction:column}.help-button-label{display:none}.mascot-wrapper{flex-direction:column;padding:15px}.mascot-image{height:100px;margin-bottom:10px;margin-right:0}.mascot-message{max-width:100%;text-align:center}}.study-box-container{border:1px solid #ccc;border-radius:.3rem;cursor:pointer;margin:.5rem 1rem;width:320px}.study-box-container:hover{box-shadow:0 1px 4px #00000029;transform:scale(1.02)}.study-box-header{border-top-left-radius:.3rem;border-top-right-radius:.3rem;color:#fff;padding:.8rem}.study-box-content{align-items:center;display:flex;flex-direction:column;height:180px;justify-content:space-around;padding:.8rem}.study-box-content-result{align-items:center;border-radius:.3rem;box-shadow:0 1px 2px 0 #0000000d;display:flex;height:40px;width:100%}.study-box-content-result-score{align-items:center;border-radius:.3rem 1.3rem 1.3rem .3rem;color:#fff;display:flex;height:100%;justify-content:center;padding:.3rem;text-align:center;width:60px}.study-box-content-result-description{color:#4c4c4c;margin-left:.3rem;padding:.3rem}.study-box-text-area{color:#4c4c4c;display:flex;flex-direction:column;justify-content:center;line-height:1.5;padding:5px;text-align:center;span{border-radius:.3rem;color:#fff;padding:.1rem 0}}.study-box-footer{border-top:1px solid #ccc;display:flex;flex-direction:row;justify-content:space-between;padding:.5rem .8rem .3rem}.study-box-footer-icon{cursor:pointer}.study-box-footer-icon svg{color:#4c4c4c;font-size:1.7rem}.recommendation-group-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:1.5rem}.recommendation-group-area{margin-bottom:1rem}.recommendation-group-area-content{align-items:center;border-radius:0 .3rem .3rem 0;box-shadow:0 6px 24px 0 #0000000d,0 0 0 1px #00000014;cursor:pointer;display:flex;height:40px;margin-bottom:.4rem;padding:1rem 0;width:280px}.recommendation-group-icon{align-items:center;background-color:#fff;border-radius:0 50% 50% 0;display:flex;justify-content:center;padding:.5rem}.recommendation-group-description{color:#fff;font-size:1.15rem;margin-left:.6rem}.recommendation-group-area-content:hover{transform:scale(1.015)}@media (max-width:950px){.recommendation-group-container{flex-direction:column}}.professor{display:flex;flex:1 1;flex-direction:column}.professor-container{margin:2rem auto;max-width:1000px;width:90vw}.professor-header{display:flex;flex-direction:column;margin-bottom:.5rem;p{margin-bottom:.3rem;text-align:center}h2{color:var(--red-color)}}.professor-title-header{margin-bottom:1.5rem;text-align:center}.professor-datatable-section{margin:1rem 0}.professor-text-section{align-items:flex-start;background-color:#f5f5f5;border-radius:3px;cursor:default;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-bottom:1rem;padding:.4rem 1rem}.fade-in{animation:fadeIn 1.5s ease forwards;opacity:0;transform:translateX(50px)}@keyframes fadeIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.synthetic{display:flex;flex:1 1;flex-direction:column}.synthetic-container{margin:2rem auto;max-width:1000px;width:90vw}.data-table-section{margin:1.5rem 0}.chart-section{align-items:center;display:flex;justify-content:center}.dialog-image-container{display:flex;flex:1 1}.dialog-image-container img{width:100%}.analytical{display:flex;flex:1 1;flex-direction:column}.analytical-container{margin:2rem auto;max-width:1000px;width:90vw}.data-table-content{margin-bottom:1rem}.not-found{flex-direction:column;min-height:100vh}.not-found,.not-found-container{align-items:center;display:flex;justify-content:center}.not-found-container{flex-direction:row;max-width:1000px}.not-found-description-section{display:flex;flex:1 1;flex-direction:column;text-align:center}.not-found-error{color:var(--light-blue-color);font-size:7rem;letter-spacing:.3rem;text-decoration:none}.not-found-description{color:#4d4d4d;font-family:monospace;font-size:1.3rem}.not-found-image-section{border-left:1px solid #ccc;display:flex;flex:1 1;justify-content:center;max-width:400px}.not-found-image-section img{width:80%}@media (max-width:700px){.not-found-container{flex-direction:column}.not-found-description-section{margin-bottom:2rem}.not-found-image-section{border-left:none}}.recommendation{display:flex;flex:1 1;flex-direction:column}.recommendation-container{margin:2rem auto;max-width:1000px;width:90vw}.recommendation-header{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem;text-align:center}.recommendation-header h1{color:#4c4c4c}.reset-tutorial-button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 16px}.reset-tutorial-button:hover{background-color:#5a6268}.recommendation-text-section{align-items:flex-start;background-color:#f5f5f5;border-radius:3px;cursor:default;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-bottom:1rem;padding:.4rem 1rem}.border-green-color{border-left:8px solid var(--primary-green)}.border-red-color{border-left:8px solid var(--red-color)}.border-orange-color{border-left:8px solid var(--orange-color)}.border-blue-color{border-left:8px solid var(--light-blue-color)}.recommendation-card-content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.selected-recommendation{margin-bottom:1.5rem}.recommendation-subtitle{margin:2rem 0;text-align:center}.recommendation-subtitle h2{color:var(--red-color);display:inline;position:relative}.recommendation-video{max-width:100%;overflow:hidden}.recommendation-video iframe{height:390px;width:640px}.help-button-wrapper{bottom:24px;position:fixed;right:24px;z-index:999}@media (max-width:800px){.recommendation-video iframe{height:180px;width:320px}}@media (max-width:1120px){.recommendation-card-content{justify-content:center}}.recommendation-card-score-container{align-items:center;border-bottom:1px solid #ccc;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.recommendation-card-relevance{background-color:var(--primary-green);color:#fff;font-size:1rem}.recommendation-card-relevance,.recommendation-card-score{align-items:center;border-radius:50%;display:flex;font-weight:600;height:45px;justify-content:center;text-align:center;width:45px}.recommendation-card-score{background-color:var(--red-color);color:#4c4c4c;color:#fff;font-size:.9rem;margin-left:.1rem}.recommendation-card-container:hover{transform:scale(1.01)}.educational-product{display:flex;flex:1 1;flex-direction:column}.educational-product-container{margin:2rem auto;max-width:1000px;width:90vw}.educational-product-description{margin:1rem 0}.search-and-sort-container{display:flex;flex-direction:column;gap:16px;margin:1.5rem 0;width:100%}.search-bar-container{align-items:center;display:flex;justify-content:center;width:100%}.search-bar{max-width:600px;width:100%}.action-buttons-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.disabled-favorites-button{cursor:not-allowed!important}.disabled-favorites-button .MuiButton-root{pointer-events:none}.sort-options-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.no-results{align-items:center;color:#666;display:flex;font-size:1.2rem;justify-content:center;min-height:200px;text-align:center;width:100%}@media (max-width:1120px){.search-bar-container,.sort-options-container{justify-content:center}}@media (max-width:767px){.search-and-sort-container{gap:12px}.search-bar,.search-bar-container{width:100%}.action-buttons-container{align-items:stretch;flex-direction:column;gap:8px}.action-buttons-container .MuiButton-root{flex:1 1;min-width:100%!important;width:100%!important}}@media (min-width:768px){.search-and-sort-container{align-items:center;flex-direction:row;gap:20px;justify-content:space-between}.search-bar-container{flex:1 1;justify-content:flex-start}.action-buttons-container{flex:0 0 auto;flex-direction:row}}.pagination-controls{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.pagination-controls button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:8px 16px;transition:background-color .3s ease}.pagination-controls button:hover:not(:disabled){background-color:#e0e0e0}.pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.pagination-controls span{font-size:1rem;margin:0 10px}.product-rating{align-items:center;border:1px solid #ccc;border-radius:20px;cursor:pointer;display:flex;justify-content:space-evenly;padding:.1rem .5rem;width:70px}.product-rating:hover{background-color:#eee}.methodology{display:flex;flex:1 1;flex-direction:column}.methodology-container{margin:2rem auto;max-width:1000px;width:90vw}.methodology-description{margin:1rem 0}
/*# sourceMappingURL=main.e309609f.css.map*/