@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap";@import"https://fonts.cdnfonts.com/css/aileron";@import"https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&display=swap";html,body{margin:0;padding:0;overflow:hidden;height:100%;background-color:#000}.app-container{display:flex;position:relative;max-height:95vh;overflow:hidden;max-width:1280px;margin:0 auto;background-color:#fae3d3;margin-top:1rem;border-radius:.625rem .625rem 0rem 0rem}.content{width:calc(100% - 200px);height:100%;overflow:hidden;transition:transform .5s ease-in-out}.general-button{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#dfd4c5;color:#a74702;text-align:center;font-family:Aileron;font-size:.62394rem;font-weight:900;line-height:normal;border:none;gap:10.7px;width:4.63494rem;height:4.63494rem;flex-shrink:0;border-radius:100%;padding:4px 4px 2px;cursor:pointer}.general-button-container{width:5.48169rem;height:5.48169rem;display:flex;justify-content:center;align-items:center;flex-shrink:0;border:2.139px solid #f2feff;border-radius:100%}.general-button:hover{background-color:#ff6b00;color:#f2feff}.general-button:hover path{fill:#f2feff}.general-button:disabled{background-color:#dfd4c5;color:#a74702}.general-button:disabled path{fill:#a74702}.general-button .mobileSVG{display:none}@media (max-width: 768px){html,body{background-color:#fae3d3}.app-container{max-height:100vh;margin-top:0}.general-button .desktopSVG{display:none}.general-button .mobileSVG{display:flex}}@media (max-width: 480px){.general-button{font-weight:900;gap:4px;width:5.9rem;height:5.9rem}.general-button-container{width:6.99rem;height:6.99rem}}.front-page{display:flex;position:relative;background:#fae3d3;margin:0 auto}.front-page .front-page-container{background-image:url(/assets/landing-CwJCLbqN.webp);background-size:cover;background-repeat:no-repeat;background-position:center;display:flex;justify-content:center;align-items:center;margin-top:4.44rem;margin-left:2.88rem;margin-right:2.94rem}.front-page-content{width:70%;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.front-page h2{color:#f2feff;font-family:Aileron;font-size:4rem;text-align:center;font-weight:900;margin-bottom:0}.front-page .front-page-content p{color:#f2feff;text-align:center;font-family:Arimo;font-size:14px;font-weight:400!important;margin-bottom:5rem}.front-page-boy{position:absolute;bottom:0;right:1rem;width:18%}.mobile-front-page-boy,.front-download-report-button{display:none}@media (max-width: 991px){.front-page h2{font-size:3.5rem}.front-page .front-page-content p{margin-bottom:4rem}}@media (max-width: 768px){.front-page h2{font-size:3rem}.front-page .front-page-content p{margin-bottom:3rem}.front-page-boy{display:none}.mobile-front-page-boy{display:flex;position:absolute;bottom:0;left:0}.front-download-report-button{display:flex;margin-top:2rem}.front-download-report-button button{border-radius:29px;padding:10px 24px;cursor:pointer;border:none;height:2.5rem;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;background:#f79646;color:#f2feff}.front-page .front-page-container{margin-top:4.44rem;margin-left:0;margin-right:0}.front-page-content{width:90%;margin-top:5rem}}@media (max-width: 480px){.front-page .front-page-container{background-image:url(/assets/mobileLanding-htPeMC03.png)}.front-page h2{font-size:2.5rem}.front-page .front-page-content p{margin-bottom:2rem}}.header{width:100%;background-color:#fff7f1;color:#a74702;text-align:center;position:fixed;top:1rem;font-family:Aileron,sans-serif;display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;padding-bottom:.75rem;border-radius:.625rem .625rem 0rem 0rem;z-index:1000;max-width:1280px}.header-buttons-container{margin-right:2.88rem;display:flex;gap:8px}.header h1{font-size:1.25rem;font-weight:400;margin-left:2.88rem}.header h1 span{font-weight:900}.header-buttons-container button{border-radius:29px;padding:10px 24px;cursor:pointer;border:none;height:2.5rem;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.header .more-info-button button{background:#ffd4b4;color:#a74702}.header .download-report-button button{background:#f79646;color:#f2feff}.menu-button{display:none}.download-report-button{text-decoration:none}@media (max-width: 991px){.menu-button{display:flex;background-color:transparent;border:none;cursor:pointer;margin-right:2.88rem}.header-buttons-container{display:none}.header{gap:3rem;padding-bottom:.8125rem}.header h1{text-align:left;margin-left:1.25rem}}@media (max-width: 768px){.header{height:5rem;padding:0;top:0}}@media (max-width: 480px){.header h1{font-size:1.125rem;font-style:normal;font-weight:700;text-align:left;margin-left:1.25rem}.menu-button{margin-right:.75rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10000!important}.modal-content-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:40%;height:85%;position:relative;border-radius:10px;box-shadow:0 4px 4px #00000040}.modal-content{background-color:#fff7f1;padding:0rem 2.5rem 1.5rem;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px}.close-button{position:absolute;top:-1.5rem;right:-16px;background:none;border:none;font-size:24px;cursor:pointer}.modal-body{margin-top:5rem;text-align:left;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.62rem;width:100%}.modal-body h2{color:#513c37;font-family:Aileron;font-size:2.25rem;font-weight:900;text-align:left;margin:0;line-height:2.5rem}.modal-body p{color:#513c37;font-family:Aileron;font-weight:300;margin:0}.modal-body p span{font-weight:600}.modal-body .report-cover{width:90%}.modal-download-report-button,.mobile-close-icon{display:none}.modal-content-container footer{display:none;background:#fffcfa;width:100%}.modal-content-container footer p{color:#513c37;font-family:Aileron;font-size:.875rem;font-weight:700;line-height:1.83769rem}@media (max-width: 768px){.modal-body h2{font-size:2rem;line-height:2.25rem}.modal-content-container{width:80%}.modal-content{background-color:#f7f9f9;border-bottom-right-radius:0;border-bottom-left-radius:0;box-shadow:0 0 4px #00000040;margin-top:10rem}.modal-overlay::-webkit-scrollbar{display:none}.modal-body .report-cover{width:100%}.modal-download-report-button{border-radius:29px;padding:10px 24px;cursor:pointer;border:none;height:2.5rem;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.modal-download-report-button button{background:#f79646;color:#f2feff;border-radius:29px;padding:10px 24px;display:flex;align-items:center;justify-content:center;gap:8px;border:none}.desktop-close-icon{display:none}.mobile-close-icon{display:flex}.modal-content-container footer{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 2.5rem}.modal-content-container footer hr{background-color:#513c37;height:.3px;width:100%;border:none}.close-button{top:0}.copyright-container{display:flex;justify-content:center;align-items:center;gap:10px;opacity:.7;color:#513c37;font-family:Montserrat;font-size:12.67px}.copyright-container reserved{font-weight:500}}@media (max-width: 480px){.close-button{top:10px;right:10px}.modal-content-container{width:90%;height:100%;display:flex}.modal-content-container .modal-content{padding:1.5rem;width:100%;margin-top:1rem;position:relative}.modal-content h2{font-size:1.5rem;line-height:2rem}.modal-content-container footer{width:100%;padding:.5rem 1.5rem}.modal-overlay{justify-content:flex-start}.modal-body{margin-top:1.5rem}.modal-content-container footer p{line-height:1rem}}.sidebar{position:absolute;right:4rem;top:7rem;padding:10px;height:fit-content;background-color:transparent;z-index:100;display:flex;flex-direction:column;align-items:center;overflow:hidden}.sidebar ul{list-style:none;padding:0;margin:0;width:100%;position:relative;z-index:1}.sidebar li{display:flex;margin-bottom:1.2rem;align-items:center;color:#f6f6f6;font-family:Aileron;font-size:.875rem;font-weight:700;position:relative;z-index:2}.bar-wrapper{display:flex;align-items:center;position:relative;z-index:2;width:100%}.bar{border-radius:3.6875rem;border:3.58px solid #000;background:#f2feff;height:.6rem;flex-shrink:0;width:2.375rem!important;margin-right:10px;position:relative;z-index:2}.bar.active{background-color:#ff6b00}.front-bar,.result-bar{border-radius:.44756rem;border:3.58px solid #000;background:#f2feff;height:2.375rem;align-self:stretch;flex-shrink:0;width:2.375rem!important;display:flex;justify-content:center;align-items:center}.question-page-background{position:absolute;top:calc(1.3125rem + 2.58px);bottom:2.3125rem;left:1.5rem;right:0;width:100%;display:flex;justify-content:flex-start;align-items:flex-start;z-index:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAEOCAYAAABrbyw9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACDSURBVHgB7cwxEYBAEATBPaRgAgHIQQ9yEIAJrDyFAD66sCfZZKtrHBmZVGfq22tbp7/9fmpJYzAYDAaDwWAwGAwGg8FgMBgMlsZgMBgMBoPBYDAYDAaDwWAwGCyNwWAwGAwGg8FgMBgMBoPBYDBYGoPBYDAYDAaDwWAwGAwGg8Fg/72XLQkcz0GJUwAAAABJRU5ErkJggg==);background-repeat:no-repeat}.sidebar.result{top:50%;right:2.94rem;transform:translateY(-50%)}.menu-text{color:#fff;text-align:center;font-family:Aileron;font-size:.65rem;font-weight:700}@media (max-width: 991px){@media (max-width: 768px){.sidebar{display:none}}}.app-container{display:flex;position:relative;height:95vh;overflow:hidden;max-width:1280px}.content{width:100%;height:100%;overflow:hidden;position:relative}.front-page{position:absolute;width:100%;height:100%;z-index:1;background-size:cover;background-position:center}.question-page-container{position:relative;width:100%;height:100%;overflow:hidden}.question-page-boy{position:absolute;bottom:0;right:2rem;z-index:10}.question-page{position:absolute;top:0;left:0;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2}.question-page-image-background{margin-top:4rem;display:flex;flex-direction:column;justify-content:center;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:2;height:100%;width:94%}.question-page.active{background-color:#fff7f1;animation:slideInFromRight 1s ease-in-out forwards}.question-page.previous{z-index:1}.question-content h3{color:#f2feff;text-align:center;font-family:Arimo;font-size:2.25rem;font-weight:700;margin-bottom:0;width:80%}.question-content{display:flex;flex-direction:column;align-items:center}.options-container{display:flex;padding:11px 8px 12px;flex-direction:column;justify-content:center;align-items:center;margin-top:1.5rem;margin-bottom:1.7rem;width:16rem;border-radius:10px;background:#fff7f1f2}.options-container p{color:#9a9999;text-align:center;font-family:Arimo;font-size:.875rem}.options-list{list-style-type:none;padding:0;margin:0;width:100%;color:#bd3722;font-family:Arimo;font-size:.875rem;display:flex;flex-direction:column;gap:.625rem}.option{display:flex;align-items:center;border-radius:5px;cursor:pointer;transition:background-color .3s ease;gap:10px;padding:.625rem;border-radius:25rem;border:1px dashed #ffd1b0;background:#fff8f3;box-shadow:0 4px 4px #a747020d}.option:hover{background:#fbebe0}.selected{background-color:#20474b;color:#dfd4c5;border:none}.selected:hover{background-color:#20474b}.selected-check{display:none}.selected .selected-check{display:flex;align-self:right;margin-left:auto}button:disabled{cursor:not-allowed}@media (max-width: 768px){.question-content h3{width:100%}.question-page-image-background{height:90%;width:100%}.question-page-boy{left:0;width:30%;transform:scaleX(-1)}.options-container p{color:#513c37}.question-page-boy.right{left:auto;right:0;transform:scaleX(1)}}@media (max-width: 480px){.question-content h3{font-size:1.7rem;width:90%}.options-container{margin-top:1.2rem;padding:0 8px 8px;margin-bottom:1.2rem;width:16rem}.question-content{justify-content:flex-start;margin-top:3rem}.question-page-image-background{margin-top:5rem;justify-content:flex-start;position:relative;height:100%}.question-page-boy{width:8rem;height:8rem;flex-shrink:0;bottom:2rem}}.questionHeader{width:100%;background-color:#fff7f1;color:#a74702;text-align:center;position:fixed;top:0rem;font-family:Aileron,sans-serif;display:flex;align-items:center;justify-content:center;padding-top:1rem;padding-bottom:.9375rem;border-radius:.625rem .625rem 0rem 0rem;z-index:1000;height:2.8rem;max-width:1280px}.previous .questionHeader{top:1rem}.questionHeader h1{font-size:1.25rem;font-weight:900;margin:auto}@media (max-width: 991px){.questionHeader{padding-bottom:.8125rem}.questionHeader h1{text-align:left;margin-left:1.25rem}}@media (max-width: 768px){.questionHeader{height:5rem;padding:0;top:0}.previous .questionHeader{top:0}}@media (max-width: 480px){.questionHeader h1{font-size:1.125rem;font-style:normal;font-weight:700;text-align:left;margin-left:1.25rem}}.progress-bar-container{position:fixed;top:5rem;left:0;width:100%;height:6px;background-color:#ffeadb;z-index:100}.progress-bar{height:100%;background-color:#ff6b00;transition:width .3s ease-in-out}@media (min-width: 768px){.progress-bar-container{display:none}}.result-page-container{position:relative;width:100%;height:100vh}.result-page{position:absolute;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:flex-start;background-size:cover;background-position:center;animation:slideInFromRight 1s ease-in-out forwards;z-index:2}.result-page .header{top:0}.result-page-background{background-image:url(/assets/lastPage-V965IPXK.webp);background-size:cover;background-position:center;background-repeat:no-repeat;margin-top:4rem;padding-top:2rem;width:100%;height:85%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.result-content-container{text-align:center;display:flex;flex-direction:column;gap:2rem}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.result-content-container h2{color:#ff6b00;text-align:center;font-family:Arimo;font-size:1.5rem;font-weight:700;margin:0}.result-content{border-radius:.3125rem;background:#fff7f1f2;padding:1.5rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.result-text{color:#20474b;text-align:center;font-family:Arimo;font-size:1.25rem;font-weight:700}.score-circle{width:11rem;height:11rem;border:5.3px solid #a74702;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:auto}.score{color:#a74702;text-align:center;font-family:Arimo;font-size:6.2855rem;font-style:normal;font-weight:700;background-color:#fff7f1;border-radius:50%;padding:1rem;width:70%;height:70%;display:flex;justify-content:center;align-items:center}.share-container{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:1rem}.share-container p{color:#f79646;font-family:Heebo;font-size:.875rem;font-weight:700}.share-container .social-icons{display:flex;justify-content:center;align-items:center;gap:10px}.share-container .social-icons i{font-size:1.2rem;color:#ff6b00}.score-container .download-report button{padding:.625rem 1.3rem;border:none;cursor:pointer;border-radius:1.8125rem;background:#f79646;color:#f2feff;font-family:Aileron;font-size:.75rem;font-style:normal;font-weight:700;text-decoration:none}.score-container .download-report img{margin-left:8px}@media (max-width: 768px){.result-page{animation:slideInFromRight .5s ease-in-out forwards}}@media (max-width: 480px){.score{font-size:5.61469rem}.result-content{border-radius:.3125rem;background:#fff7f1f2;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.result-content-container{gap:1rem;margin-top:2.5rem}.result-page-background{justify-content:flex-start}}@media (min-width: 1400px){.result-content-container{margin-top:3rem}}.answer-modal{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;transform-origin:center;z-index:100;background-color:#000000b3}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pop-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.answer-content{color:#f2feff;position:absolute;top:50%;left:50%;transform:translate(-23%,-50%);width:60%;display:flex;flex-direction:column;align-items:flex-start}.image-section{width:43%;background-size:cover;background-position:center;background-repeat:no-repeat}.color-section{width:57%;display:flex;align-items:center;justify-content:center;background-color:#20474b}.answer-content-container{margin-top:5.5rem;width:53%;height:78%;display:flex;overflow:hidden;border-radius:.625rem;text-align:center;max-width:700px;position:relative;animation:pop-in .8s ease-in-out forwards}.answer-content h3{text-align:left;font-family:Arimo;font-size:4.5rem;line-height:4rem;margin-top:0;margin-bottom:8px;font-style:normal;font-weight:700;transform:translate(4%)}.answer-text-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;transform:translate(20%);width:80%;margin-bottom:2rem}.answer-content .answer-text{font-family:Arimo;font-size:2.25rem;margin:0;font-weight:700}.answer-content .answer-description{color:#c8fbff;font-family:Aileron;font-weight:200;margin:0;margin-top:.62rem;margin-bottom:1.69rem;text-align:left}.answer-text-container hr{width:100%;background:#f2feff66;height:3px;border:none}.answer-share-container{display:flex;align-items:center;justify-content:center;gap:10px}.answer-share-container p{color:#fff;font-family:Aileron;font-size:14px;font-weight:400}.answer-social-icons{display:flex;gap:10.72px;align-items:center}@media (max-width: 991px){.answer-content h3{font-size:4rem;line-height:3.5rem;transform:translate(4%)}.answer-content-container{margin-top:6rem;width:70%}.answer-content{transform:translate(-25%,-50%)}}@media (max-width: 768px){.answer-content h3{font-size:3.5rem!important;line-height:3rem!important;transform:translate(0)!important;text-align:center!important}.answer-content-container{margin-top:6rem;width:80%}.answer-text-container{transform:translate(19%);width:100%}.image-section{display:none}.color-section{border-radius:.625rem;margin:auto;height:95%;width:100%}.answer-content{top:50%;left:50%;transform:translate(-50%,-50%);width:80%;display:flex;flex-direction:column;align-items:center}.answer-text-container{transform:translate(0);width:100%;display:flex;flex-direction:column;align-items:center}}@media (max-width: 480px){.answer-content{width:90%}.answer-content h3{font-size:2.85rem!important;line-height:2.8rem!important}.answer-content-container{margin-top:5rem;width:95%}.answer-content .answer-text{font-size:1.5rem}.answer-modal{background-color:#000000b3}}