[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_254":255,"_256":257},"routes/_app.x.$handle.$name",{"_99":98,"_32":44,"_108":89,"_27":52,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":-5,"_120":-5,"_121":25,"_122":123,"_124":58,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":25},"version",162,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":20,"_34":35},"deleted",false,"deletedHere","path","style.css","latestPath","fileId","f351c3f4-7d32-11f1-a381-1607ee4eb77e","name","fileType","content",":root {\n --background: #f5f5f5;\n --grid: #eaeaff;\n --purple: #b469ff;\n --pink: #ff66bc;\n --orange: #fc6b44;\n --yellow: #ffea29;\n --green: #03d66c;\n --vibrant-blue: #6397ff;\n --medium-blue: #7eb0fc;\n --light-blue: #9fc2fd;\n --text: #1a2376;\n}\n\n.dark-theme {\n --background: #0f1427;\n --grid: #252e50;\n --purple: #b469ff;\n --pink: #ff66bc;\n --orange: #fc6b44;\n --yellow: #ffea29;\n --green: #03d66c;\n --vibrant-blue: #4891ff;\n --medium-blue: #132542;\n --light-blue: #1b3864;\n --text: #f5f5f5;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n background-color: var(--background);\n color: var(--text);\n font-family: \"Atkinson Hyperlegible\", sans-serif;\n transition: background-color 0.4s ease, color 0.4s ease;\n padding-top: 76px;\n\n background-image:\n linear-gradient(var(--grid) 0.1em, transparent 0.1em),\n linear-gradient(90deg, var(--grid) 0.1em, transparent 0.1em);\n background-size: 2em 2em;\n}\n\n.btn {\n display: inline-block;\n text-decoration: none;\n font-weight: 700;\n border-radius: 50px;\n padding: 12px 32px;\n font-size: 18px;\n transition: transform 0.2s ease-in-out, box-shadow 0.2s ease;\n border: none;\n cursor: pointer;\n\n}\n\n.btn-primary {\n background-color: var(--light-blue);\n color: var(--text);\n box-shadow: 0 4px 0 var(--medium-blue);\n}\n\n.btn:hover {\n transform: translateY(-2px);\n}\n.container {\n max-width: 900px;\n margin: 0 auto;\n padding: 40px 20px;\n min-height: 440px;\n}\n\nh2.section-title {\n font-family: \"Ultra\", serif;\n font-size: 42px;\n text-align: center;\n color: var(--text);\n margin-bottom: 30px;\n}\n\n\n.hero-section {\n min-height: 850px;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n padding: 40px 20px;\n overflow: hidden;\n}\n\n.hero-title {\n font-family: \"Ultra\", serif;\n font-weight: 400;\n font-style: normal;\n font-size: 71px;\n color: var(--text);\n text-align: center;\n letter-spacing: -0.5px;\n}\n\n.decorations {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n .decoration-book {\n position: absolute;\n width: 193px;\n height: 205px;\n top: 131px;\n left: 66px;\n }\n .decoration-circleG {\n position: absolute;\n width: 76px;\n height: 89px;\n top: 268px;\n left: 380px;\n }\n .decoration-line {\n position: absolute;\n width: 284px;\n height: 296px;\n top: 49px;\n left: 471px;\n }\n .decoration-magnifyi {\n position: absolute;\n width:218px;\n height: 229px;\n top: 170px;\n left: 843px;\n }\n .decoration-curveP {\n position: absolute;\n width:188px;\n height:194px;\n top: 103px;\n right: 300px;\n }\n .decoration-starT {\n position: absolute;\n width:167px;\n height: 173px;\n top: 223px;\n right: 134px;\n }\n .decoration-circleO {\n position: absolute;\n width:75px;\n height: 89px;\n top: 338px;\n right: 29px;\n }\n .decoration-ste {\n position: absolute;\n width:217px;\n height: 224px;\n top: 491px;\n left: 51px;\n }\n .decoration-curvePi {\n position: absolute;\n width:174px;\n height: 182px;\n top: 537px;\n left: 388px;\n }\n .decoration-circleP {\n position: absolute;\n width: 76px;\n height: 89px;\n top: 537px;\n left: 737px;\n }\n .decoration-starB {\n position: absolute;\n width: 167px;\n height: 173px;\n top: 520px;\n right: 408px;\n rotate: 140deg;\n }\n .decoration-screw {\n position: absolute;\n width: 248px;\n height: 257px;\n top: 507px;\n right: 107px;\n }\n}\n/* Quiz Banner */\n.quiz-banner {\n background-color: var(--grid);\n padding: 80px 0;\n max-width:720;\n}\n\n.quiz-cta-section {\n display: flex;\n gap: 48px;\n align-items: center;\n}\n\n.quiz-image-placeholder {\n flex: 0 0 260px;\n height: 320px;\n width:374;\n background-color: #bcd3c7;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #555;\n font-size: 14px;\n}\n\n.quiz-text-content h2 {\n font-family: \"Ultra\", serif;\n font-weight: 400;\n font-size: 42px;\n color: var(--text);\n line-height: 1.15;\n margin-bottom: 14px;\n}\n\n.quiz-text-content p {\n font-size: 17px;\n line-height: 1.6;\n margin-bottom: 24px;\n max-width: 520px;\n}\n\n/* Careers */\n.careers-section {\n padding: 70px 0;\n}\n\n.careers-title {\n color: var(--text);\n}\n\n.careers-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}\n\n.career-card {\n background-color: #ffffff;\n border-radius: 14px;\n padding: 22px 18px 18px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\n.dark-theme .career-card {\n background-color: #1e2d5a;\n color: #f5f5f5;\n}\n\n.career-card h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--text);\n}\n\n.career-card p {\n font-size: 13px;\n line-height: 1.55;\n flex: 1;\n color: var(--text);\n}\n\n\n.career-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 6px;\n}\n\n.salary {\n font-size: 13px;\n font-weight: 700;\n color: var(--text);\n}\n\n.career-badge {\n display: inline-block;\n padding: 4px 14px;\n border-radius: 50px;\n font-size: 12px;\n font-weight: 700;\n color: var(--background);\n}\n\n.badge-blue { background-color: var(--vibrant-blue); }\n.badge-pink { background-color: var(--pink); }\n.badge-orange { background-color: var(--orange); }\n.badge-green { background-color: var(--green); }\n\n/* Why Section */\n.why-section {\n background-color: var(--light-blue);\n padding: 80px 0;\n}\n\n.dark-theme .why-section {\n background-color: #1b3864;\n}\n\n.why-content {\n display: flex;\n gap: 60px;\n align-items: center;\n}\n\n.why-text {\n flex: 1;\n}\n\n.why-title {\n text-align: left !important;\n margin-bottom: 20px;\n}\n\n.why-text p {\n font-size: 17px;\n line-height: 1.7;\n color: var(--text);\n}\n\n.why-image-placeholder {\n flex: 0 0 240px;\n height: 240px;\n background-color: rgba(255,255,255,0.45);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #555;\n font-size: 14px;\n}\n\n/* FAQ */\n.faq-section {\n padding: 80px 0;\n}\n\n.faq-list {\n display: flex;\n flex-direction: column;\n gap: 14px;\n max-width: 780px;\n margin: 0 auto;\n}\n\n.faq-item {\n width: 100%;\n background-color: var(--light-blue);\n color: var(--text);\n border: none;\n border-radius: 10px;\n padding: 18px 24px;\n font-size: 22px;\n font-family: \"Atkinson Hyperlegible\", sans-serif;\n font-weight: 400;\n text-align: left;\n cursor: pointer;\n transition: filter 0.2s ease, transform 0.15s ease;\n}\n\n.faq-item:hover {\n filter: brightness(1.1);\n transform: translateY(-2px);\n}\n\n/* FAQ Modal */\n.faq-modal-overlay {\n position: fixed;\n inset: 0;\n background-color: rgba(0, 0, 0, 0.45);\n z-index: 2000;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.25s ease;\n}\n\n.faq-modal-overlay.open {\n opacity: 1;\n pointer-events: all;\n}\n\n.faq-modal {\n background: var(--background);\n border-radius: 14px;\n padding: 28px 30px 30px;\n max-width: 480px;\n width: 90%;\n box-shadow: 0 12px 40px rgba(0,0,0,0.2);\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(0);\n transition: transform 200ms ease-in-out;\n}\n\n.faq-modal-overlay.open .faq-modal {\n transform: translate(-50%, -50%) scale(1);\n}\n\n.dark-theme .faq-modal {\n background: var(--light-blue);\n color: var(--text);\n}\n\n.faq-modal-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-left: -30px;\n margin-right: -30px;\n padding-left: 30px;\n padding-right: 30px;\n padding-bottom: 8px; \n margin-bottom: 10px; \n border-bottom: 3px solid var(--text);\n}\n\n.faq-modal-dots {\n display: flex;\n gap: 2px;\n}\n\n.dot {\n width: 21px;\n height: 21px;\n border-radius: 50%;\n}\n.dotB { background-color: var(--vibrant-blue); }\n.dotPi { background-color: var(--pink); }\n.dotG { background-color: var(--green); }\n.dotY { background-color: var(--yellow); }\n.dotO { background-color: var(--orange); }\n.dotP { background-color: var(--purple); }\n\n.faq-modal-close {\n position: absolute;\n top: 14px;\n right: 18px;\n background: none;\n border: none;\n font-size: 40px;\n cursor: pointer;\n color: var(--text);\n line-height: 1;\n}\n\n.faq-modal-close:hover {\n color: var(--medium-blue);\n}\n\n#faqModalAnswer {\n font-size: 15px;\n line-height: 1.7;\n color: var(--text);\n}\n\n/* Contact */\n.contact-section {\n background-color: var(--grid);\n padding: 80px 0;\n}\n\n.contact-content {\n display: flex;\n gap: 60px;\n align-items: flex-start;\n}\n\n.contact-form-wrapper {\n flex: 1;\n}\n\n.contact-title {\n color: var(--text);\n text-align: left !important;\n margin-bottom: 28px;\n}\n\n.contact-form {\n display: flex;\n flex-direction: column;\n gap: 14px;\n max-width: 480px;\n}\n\n.form-input {\n width: 100%;\n padding: 13px 16px;\n border-radius: 8px;\n border: none;\n font-size: 15px;\n font-family: \"Atkinson Hyperlegible\", sans-serif;\n background-color: var(--background);\n color: var(--text);\n outline: none;\n}\n\n.form-input:focus {\n box-shadow: 0 0 0 3px rgba(99, 151, 255, 0.5);\n}\n\n.form-textarea {\n resize: vertical;\n min-height: 120px;\n}\n\n.form-select {\n cursor: pointer;\n}\n\n.form-message {\n padding: 12px 16px;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 700;\n text-align: center;\n}\n\n.form-message-success {\n background-color: rgba(3, 214, 108, 0.15);\n color: var(--green);\n border: 2px solid var(--green);\n}\n\n.form-message-error {\n background-color: rgba(252, 107, 68, 0.15);\n color: var(--orange);\n border: 2px solid var(--orange);\n}\n.contact-decorations {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 0;\n flex: 0 0 260px;\n position: relative;\n min-height: 300px;\n}\n\n.contact-decorations img {\n position: absolute;\n opacity: 0.9;\n}\n\n.contact-decorations img:nth-child(1) {\n width: 160px;\n top: 0;\n right: 20px;\n}\n\n.contact-decorations img:nth-child(2) {\n width: 180px;\n bottom: 0;\n left: 0;\n}\n\n.contact-decorations img:nth-child(3) {\n width: 90px;\n bottom: 40px;\n right: 10px;\n}\n\n@media (max-width: 900px) {\n .quiz-cta-section,\n .why-content,\n .contact-content {\n flex-direction: column;\n }\n\n .quiz-image-placeholder,\n .why-image-placeholder {\n width: 100%;\n flex: unset;\n }\n\n .careers-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .contact-decorations {\n display: none;\n }\n}\n\n@media (max-width: 560px) {\n .careers-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\n@media (min-width: 1700px) {\n .decorations .decoration-curveP {\n width: 208px;\n height: 214px;\n top: 103px;\n right: 500px;\n }\n .decorations .decoration-starT {\n width: 167px;\n height: 173px;\n top: 223px;\n right: 204px;\n }\n .decorations .decoration-circleO {\n width: 75px;\n height: 89px;\n top: 338px;\n right: 50px;\n }\n .decorations .decoration-starB {\n width: 167px;\n height: 173px;\n top: 520px;\n right: 608px;\n rotate: 140deg;\n }\n .decorations .decoration-screw {\n width: 248px;\n height: 257px;\n top: 507px;\n right: 157px;\n }\n}",":root {\n --background: #f5f5f5;\n --grid: #eaeaff;\n --purple: #b469ff;\n --pink: #ff66bc;\n --orange: #fc6b44;\n --yellow: #ffea29;\n --green: #03d66c;\n --vibrant-blue: #6397ff;\n --medium-blue: #7eb0fc;\n --light-blue: #9fc2fd;\n --text: #1a2376;\n}\n\n.dark-theme {\n --background: #0f1427;\n --grid: #252e50;\n --purple: #b469ff;\n --pink: #ff66bc;\n --orange: #fc6b44;\n --yellow: #ffea29;\n --green: #03d66c;\n --vibrant-blue: #4891ff;\n --medium-blue: #132542;\n --light-blue: #1b3864;\n --text: #f5f5f5;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n background-color: var(--background);\n color: var(--text);\n font-family: \"Atkinson Hyperlegible\", sans-serif;\n transition: background-color 0.4s ease, color 0.4s ease;\n padding-top: 76px;\n\n background-image:\n linear-gradient(var(--grid) 0.1em, transparent 0.1em),\n linear-gradient(90deg, var(--grid) 0.1em, transparent 0.1em);\n background-size: 2em 2em;\n}\n\n.btn {\n display: inline-block;\n text-decoration: none;\n font-weight: 700;\n border-radius: 50px;\n padding: 12px 32px;\n font-size: 18px;\n transition: transform 0.2s ease-in-out, box-shadow 0.2s ease;\n border: none;\n cursor: pointer;\n}\n\n.btn-primary {\n background-color: var(--light-blue);\n color: var(--text);\n box-shadow: 0 4px 0 var(--medium-blue);\n}\n\n.btn:hover {\n transform: translateY(-2px);\n}\n.container {\n max-width: 900px;\n margin: 0 auto;\n padding: 40px 20px;\n min-height: 440px;\n}\n\nh2.section-title {\n font-family: \"Ultra\", serif;\n font-size: 42px;\n text-align: center;\n color: var(--text);\n margin-bottom: 30px;\n}\n\n.hero-section {\n min-height: 850px;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n padding: 40px 20px;\n overflow: hidden;\n}\n\n.hero-title {\n font-family: \"Ultra\", serif;\n font-weight: 400;\n font-style: normal;\n font-size: 71px;\n color: var(--text);\n text-align: center;\n letter-spacing: -0.5px;\n}\n\n.decorations {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n .decoration-book {\n position: absolute;\n width: 193px;\n height: 205px;\n top: 131px;\n left: 66px;\n }\n .decoration-circleG {\n position: absolute;\n width: 76px;\n height: 89px;\n top: 268px;\n left: 380px;\n }\n .decoration-line {\n position: absolute;\n width: 284px;\n height: 296px;\n top: 49px;\n left: 471px;\n }\n .decoration-magnifyi {\n position: absolute;\n width: 218px;\n height: 229px;\n top: 170px;\n left: 843px;\n }\n .decoration-curveP {\n position: absolute;\n width: 188px;\n height: 194px;\n top: 103px;\n right: 300px;\n }\n .decoration-starT {\n position: absolute;\n width: 167px;\n height: 173px;\n top: 223px;\n right: 134px;\n }\n .decoration-circleO {\n position: absolute;\n width: 75px;\n height: 89px;\n top: 338px;\n right: 29px;\n }\n .decoration-ste {\n position: absolute;\n width: 217px;\n height: 224px;\n top: 491px;\n left: 51px;\n }\n .decoration-curvePi {\n position: absolute;\n width: 174px;\n height: 182px;\n top: 537px;\n left: 388px;\n }\n .decoration-circleP {\n position: absolute;\n width: 76px;\n height: 89px;\n top: 537px;\n left: 737px;\n }\n .decoration-starB {\n position: absolute;\n width: 167px;\n height: 173px;\n top: 520px;\n right: 408px;\n rotate: 140deg;\n }\n .decoration-screw {\n position: absolute;\n width: 248px;\n height: 257px;\n top: 507px;\n right: 107px;\n }\n}\n/* Quiz Banner */\n.quiz-banner {\n background-color: var(--grid);\n padding: 80px 0;\n max-width: 720;\n}\n\n.quiz-cta-section {\n display: flex;\n gap: 48px;\n align-items: center;\n}\n\n.quiz-image {\n flex: 0 0 260px;\n height: 330px;\n width: 384;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.quiz-text-content h2 {\n font-family: \"Ultra\", serif;\n font-weight: 400;\n font-size: 42px;\n color: var(--text);\n line-height: 1.15;\n margin-bottom: 14px;\n}\n\n.quiz-text-content p {\n font-size: 17px;\n line-height: 1.6;\n margin-bottom: 24px;\n max-width: 520px;\n}\n\n/* Careers */\n.careers-section {\n padding: 70px 0;\n}\n\n.careers-title {\n color: var(--text);\n margin-bottom: 36px;\n}\n\n/* Carousel */\n.careers-carousel-wrapper {\n display: flex;\n align-items: center;\n gap: 14px;\n padding: 0 24px;\n}\n\n.careers-carousel-btn {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n border-radius: 50%;\n border: 3px solid var(--light-blue);\n background: var(--background);\n color: var(--text);\n font-size: 22px;\n cursor: pointer;\n transition: background 0.2s, border-color 0.2s;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.careers-carousel-btn:hover {\n background: var(--light-blue);\n}\n\n.careers-carousel {\n display: flex;\n gap: 20px;\n overflow-x: auto;\n scroll-behavior: smooth;\n scroll-snap-type: x mandatory;\n padding-bottom: 10px;\n scrollbar-width: none;\n flex: 1;\n}\n\n.careers-carousel::-webkit-scrollbar {\n display: none;\n}\n\n.career-card {\n flex: 0 0 240px;\n scroll-snap-align: start;\n background-color: #ffffff;\n border-radius: 14px;\n padding: 22px 18px 18px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n cursor: pointer;\n text-decoration: none;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.career-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 8px 24px rgba(100, 140, 255, 0.2);\n}\n\n.dark-theme .career-card {\n background-color: #1e2d5a;\n color: #f5f5f5;\n}\n\n.career-card h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--text);\n}\n\n.career-card p {\n font-size: 13px;\n line-height: 1.55;\n flex: 1;\n color: var(--text);\n}\n\n.career-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 6px;\n}\n\n.salary {\n font-size: 13px;\n font-weight: 700;\n color: var(--text);\n}\n\n.career-badge {\n display: inline-block;\n padding: 4px 14px;\n border-radius: 50px;\n font-size: 12px;\n font-weight: 700;\n color: #ffffff;\n}\n\n.badge-blue {\n background-color: var(--vibrant-blue);\n}\n.badge-purple {\n background-color: var(--purple);\n}\n.badge-pink {\n background-color: var(--pink);\n}\n.badge-green {\n background-color: var(--green);\n color: #0a2e1a;\n}\n.badge-orange {\n background-color: var(--orange);\n}\n.badge-yellow {\n background-color: var(--yellow);\n color: #3a2800;\n}\n\n/* Skeleton placeholders */\n.career-card--skeleton {\n pointer-events: none;\n opacity: 0.5;\n gap: 14px;\n}\n\n@keyframes shimmer {\n 0% {\n background-position: -400px 0;\n }\n 100% {\n background-position: 400px 0;\n }\n}\n\n.skeleton-line {\n height: 14px;\n border-radius: 6px;\n background: linear-gradient(\n 90deg,\n var(--grid) 25%,\n var(--light-blue) 50%,\n var(--grid) 75%\n );\n background-size: 800px 100%;\n animation: shimmer 1.4s infinite linear;\n}\n\n.skeleton-line.short {\n width: 60%;\n margin-top: 4px;\n}\n\n/* Why Section */\n.why-section {\n background-color: var(--light-blue);\n padding: 80px 0;\n}\n\n.dark-theme .why-section {\n background-color: #1b3864;\n}\n\n.why-content {\n display: flex;\n gap: 60px;\n align-items: center;\n}\n\n.why-text {\n flex: 1;\n}\n\n.why-title {\n text-align: left !important;\n margin-bottom: 20px;\n}\n\n.why-text p {\n font-size: 17px;\n line-height: 1.7;\n color: var(--text);\n}\n\n.why-image-placeholder {\n flex: 0 0 240px;\n height: 250px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n/* FAQ */\n.faq-section {\n padding: 80px 0;\n}\n\n.faq-list {\n display: flex;\n flex-direction: column;\n gap: 14px;\n max-width: 780px;\n margin: 0 auto;\n}\n\n.faq-item {\n width: 100%;\n background-color: var(--light-blue);\n color: var(--text);\n border: none;\n border-radius: 10px;\n padding: 18px 24px;\n font-size: 22px;\n font-family: \"Atkinson Hyperlegible\", sans-serif;\n font-weight: 400;\n text-align: left;\n cursor: pointer;\n transition: filter 0.2s ease, transform 0.15s ease;\n}\n\n.faq-item:hover {\n filter: brightness(1.1);\n transform: translateY(-2px);\n}\n\n/* FAQ Modal */\n.faq-modal-overlay {\n position: fixed;\n inset: 0;\n background-color: rgba(0, 0, 0, 0.45);\n z-index: 2000;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.25s ease;\n}\n\n.faq-modal-overlay.open {\n opacity: 1;\n pointer-events: all;\n}\n\n.faq-modal {\n background: var(--background);\n border-radius: 14px;\n padding: 28px 30px 30px;\n max-width: 480px;\n width: 90%;\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(0);\n transition: transform 200ms ease-in-out;\n}\n\n.faq-modal-overlay.open .faq-modal {\n transform: translate(-50%, -50%) scale(1);\n}\n\n.dark-theme .faq-modal {\n background: var(--light-blue);\n color: var(--text);\n}\n\n.faq-modal-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-left: -30px;\n margin-right: -30px;\n padding-left: 30px;\n padding-right: 30px;\n padding-bottom: 8px;\n margin-bottom: 10px;\n border-bottom: 3px solid var(--text);\n}\n\n.faq-modal-dots {\n display: flex;\n gap: 2px;\n}\n\n.dot {\n width: 21px;\n height: 21px;\n border-radius: 50%;\n}\n.dotB {\n background-color: var(--vibrant-blue);\n}\n.dotPi {\n background-color: var(--pink);\n}\n.dotG {\n background-color: var(--green);\n}\n.dotY {\n background-color: var(--yellow);\n}\n.dotO {\n background-color: var(--orange);\n}\n.dotP {\n background-color: var(--purple);\n}\n\n.faq-modal-close {\n position: absolute;\n top: 14px;\n right: 18px;\n background: none;\n border: none;\n font-size: 40px;\n cursor: pointer;\n color: var(--text);\n line-height: 1;\n}\n\n.faq-modal-close:hover {\n color: var(--medium-blue);\n}\n\n#faqModalAnswer {\n font-size: 15px;\n line-height: 1.7;\n color: var(--text);\n}\n\n/* Contact */\n.contact-section {\n background-color: var(--grid);\n padding: 80px 0;\n}\n\n.contact-content {\n display: flex;\n gap: 60px;\n align-items: flex-start;\n}\n\n.contact-form-wrapper {\n flex: 1;\n}\n\n.contact-title {\n color: var(--text);\n text-align: left !important;\n margin-bottom: 28px;\n}\n\n.contact-form {\n display: flex;\n flex-direction: column;\n gap: 14px;\n max-width: 480px;\n}\n\n.form-input {\n width: 100%;\n padding: 13px 16px;\n border-radius: 8px;\n border: none;\n font-size: 15px;\n font-family: \"Atkinson Hyperlegible\", sans-serif;\n background-color: var(--background);\n color: var(--text);\n outline: none;\n}\n\n.form-input:focus {\n box-shadow: 0 0 0 3px rgba(99, 151, 255, 0.5);\n}\n\n.form-textarea {\n resize: vertical;\n min-height: 120px;\n}\n\n.form-select {\n cursor: pointer;\n}\n\n@keyframes floatUpDown {\n 0%, 100% {\n transform: translateY(0px);\n }\n 50% {\n transform: translateY(-12px);\n }\n}\n\n.contact-decorations {\n flex: 0 0 300px;\n position: relative;\n min-height: 400px;\n}\n\n.contact-decorations img {\n position: absolute;\n opacity: 0.9;\n}\n\n.CoCurvePi {\n width: 120px;\n top: 300px;\n left: -40px;\n animation: floatUpDown 3.2s ease-in-out infinite;\n}\n\n.CoBook {\n width: 120px;\n top: 34px;\n left: -30px;\n animation: floatUpDown 3.8s ease-in-out infinite 0.4s;\n}\n\n.CoStar {\n width: 105px;\n rotate: -20deg;\n top: 140px;\n left: 50px;\n animation: floatUpDown 2.8s ease-in-out infinite 0.9s;\n}\n\n.CoLogo {\n width: 250px;\n bottom: 0;\n left: 50%;\n}\n.CoLogoDark {\n display: none;\n}\n\n.dark-theme .CoLogoLight {\n display: none;\n}\n\n.dark-theme .CoLogoDark {\n display: block;\n}\n\n.CoLine {\n width: 200px;\n top: -30px;\n right: -80px;\n rotate: -10deg;\n animation: floatUpDown 4s ease-in-out infinite 0.2s;\n}\n\n.CoCurveP {\n width: 120px;\n bottom: 280px;\n right: -250px;\n animation: floatUpDown 3.5s ease-in-out infinite 0.7s;\n}\n\n.CoCircleG {\n width: 65px;\n top: 125px;\n right: -150px;\n animation: floatUpDown 2.6s ease-in-out infinite 1.1s;\n}\n\n.CoCircleB {\n width: 92px;\n top: 250px;\n right: -250px;\n animation: floatUpDown 3s ease-in-out infinite 0.5s;\n}\n\n@media (max-width: 900px) {\n .hero-title {\n font-size: 40px;\n }\n .decoration-book {\n position: absolute;\n width: 433px;\n height: 55px;\n top: 131px;\n left: 0px;\n }\n .decoration-circleG {\n position: absolute;\n width: 76px;\n height: 89px;\n top: 268px;\n left: 0px;\n }\n .decoration-line {\n position: absolute;\n width: 284px;\n height: 296px;\n top: 49px;\n left: 0px;\n }\n .decoration-magnifyi {\n width: 218px;\n height: 229px;\n top: 170px;\n left: 0px;\n }\n .decorations .decoration-curveP {\n width: 108px;\n height: 114px;\n top: 103px;\n right: 5px;\n }\n .decoration-ste {\n width: 17px;\n height: 224px;\n top: 491px;\n left: 51px;\n }\n .decorations .decoration-starT {\n width: 97px;\n height: 103px;\n top: 183px;\n right: 44px;\n }\n .decorations .decoration-circleO {\n width: 35px;\n height: 59px;\n top: 300px;\n right: 10px;\n }\n .decorations .decoration-starB {\n width: 97px;\n height: 103px;\n top: 490px;\n right: 106px;\n rotate: 140deg;\n }\n .decorations .decoration-screw {\n width: 98px;\n height: 107px;\n top: 507px;\n right: 17px;\n }\n .quiz-cta-section,\n .why-content,\n .contact-content {\n flex-direction: column;\n }\n\n .quiz-image-placeholder,\n .why-image-placeholder {\n width: 100%;\n flex: unset;\n }\n .contact-decorations {\n display: none;\n }\n}\n\n/* Phone */\nhtml {\n overflow-x: hidden;\n}\nbody {\n overflow-x: hidden;\n}\n\n@media (max-width: 600px) {\n /* Hero */\n .hero-section {\n min-height: 480px;\n padding: 30px 16px;\n }\n\n .hero-title {\n font-size: 36px;\n }\n\n .decorations .decoration-book {\n width: 88px;\n height: auto;\n top: 80px;\n left: 6px;\n }\n .decorations .decoration-circleG {\n width: 34px;\n height: auto;\n top: 150px;\n left: 106px;\n }\n .decorations .decoration-line {\n width: 88px;\n height: auto;\n top: 20px;\n left: 106px;\n }\n .decorations .decoration-ste {\n width: 88px;\n height: auto;\n top: 300px;\n left: 6px;\n }\n .decorations .decoration-curvePi {\n width: 68px;\n height: auto;\n top: 350px;\n left: 120px;\n }\n .decorations .decoration-magnifyi {\n width: 66px;\n height: auto;\n top: 105px;\n right: 120px;\n left: auto;\n }\n .decorations .decoration-starT {\n width: 66px;\n height: auto;\n top: 135px;\n right: 50px;\n left: auto;\n }\n .decorations .decoration-curveP {\n width: 88px;\n height: auto;\n top: 80px;\n right: 6px;\n }\n .decorations .decoration-screw {\n width: 88px;\n height: auto;\n top: 330px;\n bottom: 16px;\n right: 6px;\n left: auto;\n }\n .decorations .decoration-circleO {\n width: 36px;\n height: auto;\n top: 195px;\n right: 10px;\n left: auto;\n }\n .decorations .decoration-circleP {\n width: 36px;\n height: auto;\n top: 335px;\n right: 130px;\n left: auto;\n }\n .decorations .decoration-starB {\n width: 76px;\n height: auto;\n top: 275px;\n right: 50px;\n left: auto;\n }\n\n /* Sections */\n h2.section-title {\n font-size: 28px;\n }\n .quiz-text-content h2 {\n font-size: 26px;\n }\n\n .container {\n padding: 24px 16px;\n }\n\n /* Careers carousel */\n .careers-section {\n padding: 36px 0;\n }\n .careers-carousel-wrapper {\n padding: 0 20px;\n gap: 6px;\n }\n .careers-carousel-btn {\n width: 34px;\n height: 34px;\n font-size: 18px;\n }\n\n /* FAQ */\n .faq-item {\n font-size: 17px;\n padding: 14px 18px;\n }\n\n /* Buttons */\n .btn {\n font-size: 16px;\n padding: 10px 24px;\n }\n\n /* Why image*/\n .quiz-image-placeholder,\n .why-image-placeholder {\n height: 180px;\n }\n\n /* Contact */\n .contact-title {\n text-align: center !important;\n }\n .contact-form-wrapper {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n .contact-form {\n max-width: 100%;\n width: 100%;\n }\n}\n\n@media (min-width: 1700px) {\n .decorations .decoration-curveP {\n width: 208px;\n height: 214px;\n top: 103px;\n right: 500px;\n }\n .decorations .decoration-starT {\n width: 167px;\n height: 173px;\n top: 223px;\n right: 204px;\n }\n .decorations .decoration-circleO {\n width: 75px;\n height: 89px;\n top: 338px;\n right: 50px;\n }\n .decorations .decoration-starB {\n width: 167px;\n height: 173px;\n top: 520px;\n right: 608px;\n rotate: 140deg;\n }\n .decorations .decoration-screw {\n width: 248px;\n height: 257px;\n top: 507px;\n right: 157px;\n }\n}","createdAt",["D",1785656680991],"branchVersion","branchId","ecdceecf-e2d9-4c47-bc90-badf417f4ec6","id","b601698f-d59b-404a-a4f0-6ff34210ef90","help",["D",1783431759081],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","a5372d44-4410-431b-b7ba-4cc45e50b8c6","pinnedFileId","99aa5e40-7a0a-11f1-ab20-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019f3ccc-6a6f-71fe-96b0-8fed2e021d1a","tursoName","b601698fd59b404aa4f06ff34210ef90","tursoHostname","b601698fd59b404aa4f06ff34210ef90-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789580441083],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_107":103},"org",{"_99":98,"_100":101,"_102":103,"_18":54,"_104":105,"_106":25},"branch",{"_13":88,"_32":89,"_42":41,"_90":43,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":44,"_97":98},"isOwned",201,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","choohuiharn","handle","displayName","ChooHuiHarn","avatar","https://avatars.githubusercontent.com/u/166193576?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_42":43,"_32":44,"_37":249,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":250,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":251,"_83":252,"_85":253,"_87":25},"tree",[201,204,205,206,207,208,209],"files",[201,202,203,204,205,206,207,208,209],"counts",{"_191":62,"_192":188,"_193":62,"_194":195,"_196":197},"contents",[129,130,131,132,133,134,135],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":183,"_32":184,"_30":185,"_137":-5,"_40":41,"_39":186,"_138":58,"_37":187,"_13":188,"_33":189,"_34":-5,"_24":25,"_141":-5,"_27":190},{"_42":175,"_32":176,"_30":177,"_137":-5,"_40":41,"_39":178,"_138":25,"_37":179,"_13":180,"_33":20,"_34":181,"_24":25,"_141":-5,"_27":182},{"_42":167,"_32":168,"_30":169,"_137":-5,"_40":41,"_39":170,"_138":58,"_37":171,"_13":172,"_33":20,"_34":173,"_24":25,"_141":-5,"_27":174},{"_42":160,"_32":161,"_30":162,"_137":-5,"_40":41,"_39":163,"_138":58,"_37":164,"_13":147,"_33":157,"_34":165,"_24":25,"_141":-5,"_27":166},{"_42":151,"_32":152,"_30":153,"_137":-5,"_40":41,"_39":154,"_138":25,"_37":155,"_13":156,"_33":157,"_34":158,"_24":25,"_141":-5,"_27":159},{"_42":143,"_32":144,"_30":56,"_137":-5,"_40":41,"_39":145,"_138":58,"_37":146,"_13":147,"_33":148,"_34":149,"_24":25,"_141":-5,"_27":150},{"_42":136,"_32":28,"_30":31,"_137":-5,"_40":41,"_39":14,"_138":25,"_37":139,"_13":140,"_33":20,"_34":36,"_24":25,"_141":-5,"_27":142},"2122346e-0567-43f8-a9aa-1b8178d1b8f0","parentId","latest",["D",1785656680991],21,"label",[28],"77c4eca0-2ed2-4705-b699-b8f75af3242d","serve.ts",78,["D",1784340559739],4,"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nimport { email } from \"https://esm.town/v/std/email\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\n// Ensure the contacts table exists\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS contact_submissions (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n email TEXT NOT NULL,\n subject TEXT NOT NULL,\n message TEXT NOT NULL,\n created_at TEXT DEFAULT (datetime('now'))\n )\n`);\n\nexport default staticHTTPServer(import.meta.url, async (req) => {\n const { pathname } = new URL(req.url);\n\n if (pathname === \"/api/contact\" && req.method === \"POST\") {\n try {\n const { name, email: senderEmail, subject, message } =\n await req.json();\n\n // Server-side validation\n if (!name || !senderEmail || !subject || !message) {\n return Response.json(\n { error: \"All fields are required.\" },\n { status: 400 },\n );\n }\n\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n if (!emailRegex.test(senderEmail)) {\n return Response.json(\n { error: \"Please enter a valid email address.\" },\n { status: 400 },\n );\n }\n\n // Store in SQLite\n await sqlite.execute({\n sql:\n \"INSERT INTO contact_submissions (name, email, subject, message) VALUES (?, ?, ?, ?)\",\n args: [name, senderEmail, subject, message],\n });\n\n // Send notification email to the val owner (free tier: self only)\n try {\n await email({\n subject: `[Cureer Contact] ${subject}`,\n text:\n `Name: ${name}\\nSender Email: ${senderEmail}\\n\\nMessage:\\n${message}`,\n replyTo: senderEmail,\n });\n } catch (emailErr) {\n // Email may fail, but the submission is saved in the database\n console.error(\"Email notification failed (data still saved):\",\n emailErr);\n }\n\n return Response.json({\n ok: true,\n message: \"Message sent successfully!\",\n });\n } catch (err) {\n console.error(\"Contact form error:\", err);\n return Response.json(\n { error: \"Failed to send message. Please try again later.\" },\n { status: 500 },\n );\n }\n }\n\n return null; // fall through to static file serving\n});\n",[144],"e22b958f-e368-47d7-9a2c-325eb054fb6e","script.js","b17dae72-8249-11f1-b735-1607ee4eb77e",160,["D",1785163380825],6,"script","// Modal\ndocument.querySelectorAll('.faq-item').forEach(btn => {\n btn.addEventListener('click', () => {\n document.getElementById('faqModalAnswer').textContent = btn.dataset.answer;\n const overlay = document.getElementById('faqModal');\n overlay.classList.add('open');\n overlay.setAttribute('aria-hidden', 'false');\n });\n});\n\ndocument.getElementById('faqModalClose')?.addEventListener('click', closeFaqModal);\ndocument.getElementById('faqModal')?.addEventListener('click', e => {\n if (e.target === e.currentTarget) closeFaqModal();\n});\n\nfunction closeFaqModal() {\n const overlay = document.getElementById('faqModal');\n overlay.classList.remove('open');\n overlay.setAttribute('aria-hidden', 'true');\n}\n\n// Hero animation\nwindow.addEventListener('load', () => {\n const hero = document.querySelector('.hero-section');\n if (!hero) return;\n\n const heroRect = hero.getBoundingClientRect();\n const heroCenterX = heroRect.left + heroRect.width / 2;\n const heroCenterY = heroRect.top + heroRect.height / 2;\n\n const title = hero.querySelector('.hero-title');\n const decorations = [...hero.querySelectorAll('.decorations img')];\n\n title.animate(\n [\n { transform: 'scale(0.2)', opacity: '0' },\n { transform: 'scale(1)', opacity: '1' }\n ],\n { duration: 600, delay: 100, easing: 'cubic-bezier(0.34, 1.56, 0.64, 1)', fill: 'both' }\n );\n\n decorations.forEach((el, i) => {\n const r = el.getBoundingClientRect();\n const dx = heroCenterX - (r.left + r.width / 2);\n const dy = heroCenterY - (r.top + r.height / 2);\n\n el.animate(\n [\n { transform: `translate(${dx}px, ${dy}px) scale(0.15)`, opacity: '0' },\n { transform: 'translate(0px, 0px) scale(1)', opacity: '1' }\n ],\n { duration: 700, delay: 150 + i * 60, easing: 'cubic-bezier(0.34, 1.56, 0.64, 1)', fill: 'both' }\n );\n });\n\n const totalAnimMs = 150 + (decorations.length - 1) * 60 + 700 + 200;\n setTimeout(() => {\n decorations.forEach(el => el.getAnimations().forEach(a => a.cancel()));\n void hero.offsetHeight;\n\n const centers = decorations.map(el => {\n const r = el.getBoundingClientRect();\n return { x: r.left + r.width / 2, y: r.top + r.height / 2 };\n });\n\n decorations.forEach(el => { el.style.transition = 'transform 0.35s ease-out'; });\n\n const RADIUS = 150;\n const MAX_SHIFT = 20;\n\n hero.addEventListener('mousemove', e => {\n decorations.forEach((el, i) => {\n const dx = e.clientX - centers[i].x;\n const dy = e.clientY - centers[i].y;\n const dist = Math.hypot(dx, dy);\n if (dist < RADIUS && dist > 0) {\n const s = (1 - dist / RADIUS) * MAX_SHIFT / dist;\n el.style.transform = `translate(${dx * s}px, ${dy * s}px)`;\n } else {\n el.style.transform = '';\n }\n });\n });\n\n hero.addEventListener('mouseleave', () => {\n decorations.forEach(el => { el.style.transform = ''; });\n });\n }, totalAnimMs);\n});\n\n// Contact\nconst contactForm = document.querySelector('.contact-form');\nif (contactForm) {\n const submitBtn = contactForm.querySelector('button[type=\"submit\"]');\n const originalText = submitBtn.textContent;\n\n function showFormMessage(text, type) {\n const existing = contactForm.querySelector('.form-message');\n if (existing) existing.remove();\n const msg = document.createElement('div');\n msg.className = `form-message form-message-${type}`;\n msg.textContent = text;\n contactForm.appendChild(msg);\n setTimeout(() => msg.remove(), 5000);\n }\n\n contactForm.addEventListener('submit', async (e) => {\n e.preventDefault();\n\n const name = document.getElementById('contactName').value.trim();\n const senderEmail = document.getElementById('contactEmail').value.trim();\n const subject = document.getElementById('contactSubject').value;\n const message = document.getElementById('contactMessage').value.trim();\n\n // Client-side validation\n if (!name || !senderEmail || !subject || !message) {\n showFormMessage('Please fill in all fields.', 'error');\n return;\n }\n\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n if (!emailRegex.test(senderEmail)) {\n showFormMessage('Please enter a valid email address.', 'error');\n return;\n }\n\n submitBtn.textContent = 'Sending...';\n submitBtn.disabled = true;\n\n try {\n const res = await fetch('/api/contact', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ name, email: senderEmail, subject, message }),\n });\n const data = await res.json();\n\n if (res.ok) {\n showFormMessage(\"Message sent successfully! We'll get back to you soon.\", 'success');\n contactForm.reset();\n } else {\n showFormMessage(data.error || 'Failed to send message. Please try again.', 'error');\n }\n } catch (err) {\n showFormMessage('Network error. Please try again later.', 'error');\n } finally {\n submitBtn.textContent = originalText;\n submitBtn.disabled = false;\n }\n });\n}",[152],"76ffdd26-0c97-4a2f-98ca-c7a03872e094","nav.js","26c83626-7a0b-11f1-82de-1607ee4eb77e",79,["D",1784341281514],"(function () {\n const navEl = document.querySelector(\"nav\");\n if (!navEl) return;\n\n let isHovering = false;\n let hideTimer = null;\n const HIDE_DELAY = 1200;\n\n const isMobile = () => window.innerWidth <= 800;\n\n function showNav() {\n navEl.classList.remove(\"nav-hidden\");\n }\n\n function scheduleHide() {\n clearTimeout(hideTimer);\n\n if (isMobile()) {\n showNav();\n return;\n }\n\n hideTimer = setTimeout(() => {\n if (!isHovering) {\n navEl.classList.add(\"nav-hidden\");\n }\n }, HIDE_DELAY);\n }\n\n window.addEventListener(\n \"scroll\",\n () => {\n showNav();\n scheduleHide();\n },\n { passive: true },\n );\n\n navEl.addEventListener(\"mouseenter\", () => {\n if (isMobile()) return;\n isHovering = true;\n clearTimeout(hideTimer);\n showNav();\n });\n\n navEl.addEventListener(\"mouseleave\", () => {\n if (isMobile()) return;\n isHovering = false;\n scheduleHide();\n });\n\n const HOVER_ZONE_HEIGHT = 12;\n document.addEventListener(\n \"mousemove\",\n (e) => {\n if (isMobile()) return;\n\n if (e.clientY <= navEl.offsetHeight + HOVER_ZONE_HEIGHT) {\n isHovering = true;\n clearTimeout(hideTimer);\n showNav();\n } else if (isHovering) {\n isHovering = false;\n scheduleHide();\n }\n },\n { passive: true },\n );\n\n navEl.addEventListener(\"touchstart\", () => {\n if (isMobile()) return;\n isHovering = true;\n clearTimeout(hideTimer);\n showNav();\n });\n\n if (isMobile()) {\n showNav();\n } else {\n scheduleHide();\n }\n})();\n\nfunction showSidebar() {\n const sidebar = document.querySelector(\".sidebar\");\n sidebar.style.display = \"flex\";\n}\n\nfunction hideSidebar() {\n const sidebar = document.querySelector(\".sidebar\");\n sidebar.style.display = \"none\";\n}\n\nconst themeToggleBtn = document.querySelector(\".theme-toggle\");\nconst themeIcon = document.getElementById(\"theme-icon\");\n\nfunction toggleTheme() {\n themeToggleBtn.classList.add(\"flip\");\n\n setTimeout(() => {\n if (document.body.classList.contains(\"dark-theme\")) {\n document.body.classList.remove(\"dark-theme\");\n themeIcon.src = \"img/sun.png\";\n localStorage.setItem(\"theme\", \"light\");\n } else {\n document.body.classList.add(\"dark-theme\");\n themeIcon.src = \"img/moon.png\";\n localStorage.setItem(\"theme\", \"dark\");\n }\n }, 200);\n\n setTimeout(() => {\n themeToggleBtn.classList.remove(\"flip\");\n }, 400);\n}\n\nwindow.addEventListener(\"DOMContentLoaded\", () => {\n const savedTheme = localStorage.getItem(\"theme\");\n if (savedTheme === \"dark\") {\n document.body.classList.add(\"dark-theme\");\n themeIcon.src = \"img/moon.png\";\n } else {\n document.body.classList.remove(\"dark-theme\");\n themeIcon.src = \"img/sun.png\";\n }\n});",[161],"39f95511-1b53-4785-865b-0df7265b6e39","nav.css","c437e4a2-7a0a-11f1-9348-1607ee4eb77e",47,["D",1783780243700],9,":root {\n --background: #f5f5f5;\n --grid: #eaeaff;\n --purple: #b469ff;\n --pink: #ff66bc;\n --orange: #fc6b44;\n --yellow: #ffea29;\n --green: #03d66c;\n --vibrant-blue: #6397ff;\n --medium-blue: #7eb0fc;\n --light-blue: #9fc2fd;\n --text: #1a2376;\n}\n\n.dark-theme {\n --background: #0f1427;\n --grid: #252e50;\n --purple: #b469ff;\n --pink: #ff66bc;\n --orange: #fc6b44;\n --yellow: #ffea29;\n --green: #03d66c;\n --vibrant-blue: #4891ff;\n --medium-blue: #132542;\n --light-blue: #1b3864;\n --text: #f5f5f5;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n background-color: var(--background);\n color: var(--text);\n font-family: \"Inter\", sans-serif;\n transition: background-color 0.4s ease, color 0.4s ease;\n padding-top: 76px;\n}\n\nnav {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n z-index: 1000;\n background: var(--medium-blue);\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n transition: background 0.4s ease, transform 0.35s ease, opacity 0.35s ease;\n}\n\nnav.nav-hidden {\n transform: translateY(-100%);\n opacity: 0;\n pointer-events: none;\n}\n\nnav ul.main-menu {\n width: 100%;\n list-style: none;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding: 10px 20px;\n}\n\nnav a {\n height: 100%;\n padding: 0 20px;\n text-decoration: none;\n font-size: 22px;\n font-weight: 500;\n display: flex;\n align-items: center;\n color: var(--text);\n transition: opacity 0.2s ease;\n}\n\nnav a:hover {\n opacity: 0.8;\n}\n\n.logo {\n margin-right: auto;\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.logo img {\n height: 55px;\n width: auto;\n}\n\n.logo .logo-dark {\n display: none;\n}\n\n.dark-theme .logo .logo-light {\n display: none;\n}\n\n.dark-theme .logo .logo-dark {\n display: block;\n}\n\nnav .main-menu .logo span {\n font-family: \"Ultra\", serif;\n font-weight: 400;\n font-style: normal;\n font-size: 36px;\n color: var(--text);\n}\n\n.theme-toggle {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 15px;\n margin-left: 10px;\n}\n\n.theme-toggle img {\n width: 35px;\n height: 35px;\n}\n\n@keyframes fullSpin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n.theme-toggle.flip img {\n animation: fullSpin 0.4s ease-in-out;\n}\n\n.menu-button {\n display: none;\n cursor: pointer;\n padding: 0 10px;\n}\n\n.menu-button svg {\n width: 30px;\n height: 30px;\n stroke: white;\n}\n\n.sidebar {\n position: fixed;\n top: 0;\n right: 0;\n height: 100vh;\n width: 250px;\n z-index: 999;\n background-color: var(--medium-blue);\n box-shadow: -10px 0 20px rgba(0, 0, 0, 0.15);\n display: none;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 20px;\n list-style: none;\n}\n\n.sidebar li {\n width: 100%;\n margin-bottom: 15px;\n}\n\n.sidebar a {\n width: 100%;\n font-size: 24px;\n}\n\n.close-button {\n cursor: pointer;\n border: none;\n outline: none;\n background: none;\n font-size: 45px;\n color: #ffffff;\n}\n\n@media (max-width: 800px) {\n nav.nav-hidden {\n transform: translateY(0) !important;\n opacity: 1 !important;\n pointer-events: auto !important;\n }\n\n .hideOnMobile {\n display: none;\n }\n\n .menu-button {\n display: block;\n }\n}\n\n@media (max-width: 400px) {\n .sidebar {\n width: 100%;\n }\n}",[168],"1bc6664d-836d-43ec-8a34-2345e554deeb","index.html","d0994b24-7a09-11f1-9176-1607ee4eb77e",161,["D",1785656670708],15,"\n\n \n \n \n Home\n \n \n \n \n \n \n \n \n \n \n \n\n

\n \n

\n $\"Book\"$ \n \n $\"Line\"$ \n \n \n $\"Star\"$ \n \n \n \n \n $\"Star\"$ \n \n

Find YOUR Future Career!

\n\n \n \n\n \n

Careers

\n \n ←\n \n

\n \n

\n \n →\n \n

\n\n \n

Why did we create this?

\n In this era, many people, including teenagers, don't know what to\n do with their lives. So we decided to make this to help teenagers\n and people to find the job that is most suitable for them and the\n way to reach their goal.\n

\n \n \n

\n\n \n

Questions You Might Ask

\n \n Is this quiz accurate?\n \n \n Do I need to sign up to use Cureer?\n \n \n What age group is Cureer for?\n \n \n Can I retake the quiz?\n \n \n What do I do with the quiz result?\n \n

\n\n \n \n\n \n

Contact us

\n $\"Curve$ \n $\"Book\"$ \n $\"Star\"$ \n\n $\"Logo\"$ \n \n\n $\"Line\"$ \n $\"Curve$ \n \n $\"Circle$ \n

\n\n \n \n",[176],"f40d1020-92c4-4933-af30-50ffbcd91767","img","6c27cdd4-7a0c-11f1-b9e1-1607ee4eb77e",24,["D",1783432926352],1,"directory",[184],"pulls","branches","forks","envVars",{"_198":62,"_200":62},"connections",{"_198":62,"_199":62},"count","unfilledCount","emptyCount",{"_42":183,"_32":184,"_30":185,"_137":-5,"_40":41,"_39":186,"_138":58,"_37":246,"_13":188,"_33":189,"_34":-5,"_24":25,"_141":-5,"_211":247,"_27":248},{"_42":238,"_32":239,"_30":240,"_137":185,"_40":41,"_39":241,"_138":58,"_37":242,"_13":156,"_33":20,"_34":243,"_24":25,"_141":-5,"_211":244,"_27":245},{"_42":229,"_32":230,"_30":231,"_137":185,"_40":41,"_39":232,"_138":58,"_37":233,"_13":234,"_33":20,"_34":235,"_24":25,"_141":-5,"_211":236,"_27":237},{"_42":175,"_32":176,"_30":177,"_137":-5,"_40":41,"_39":178,"_138":25,"_37":226,"_13":180,"_33":20,"_34":181,"_24":25,"_141":-5,"_211":227,"_27":228},{"_42":167,"_32":168,"_30":169,"_137":-5,"_40":41,"_39":170,"_138":58,"_37":223,"_13":172,"_33":20,"_34":173,"_24":25,"_141":-5,"_211":224,"_27":225},{"_42":160,"_32":161,"_30":162,"_137":-5,"_40":41,"_39":163,"_138":58,"_37":220,"_13":147,"_33":157,"_34":165,"_24":25,"_141":-5,"_211":221,"_27":222},{"_42":151,"_32":152,"_30":153,"_137":-5,"_40":41,"_39":154,"_138":25,"_37":217,"_13":156,"_33":157,"_34":158,"_24":25,"_141":-5,"_211":218,"_27":219},{"_42":143,"_32":144,"_30":56,"_137":-5,"_40":41,"_39":145,"_138":58,"_37":214,"_13":147,"_33":148,"_34":149,"_24":25,"_141":-5,"_211":215,"_27":216},{"_42":136,"_32":28,"_30":31,"_137":-5,"_40":41,"_39":14,"_138":25,"_37":210,"_13":140,"_33":20,"_34":36,"_24":25,"_141":-5,"_211":212,"_27":213},["D",1785656680991],"children",[],[28],["D",1784340559739],[],[144],["D",1785163380825],[],[152],["D",1784341281514],[],[161],["D",1783780243700],[],[168],["D",1785656670708],[],[176],"2a8510f2-d624-4984-bb07-57f1728acfbb","star.png","3f7929b6-7d88-11f1-8829-1607ee4eb77e",57,["D",1783816034223],3,"https://mail.google.com/mail/u/0?ui=2&ik=8f87c42fe1&attid=0.1&permmsgid=msg-f:1870426276623248436&th=19f516c9e4af6c34&view=fimg&realattid=19f516c4fcb67a517e71&disp=thd&attbid=ANGjdJ-iDzYnEu5Eeq5xrIbZrVT6XGJ7n6YqncQyq03UdX9NlA6i7B-LBFmqunj-gMi9R6wFMHwwJxSBlhRCFJkdcfg7A1MDb7Du-zbyiA6FjYVZloyAMpKva5-ciUs&ats=2524608000000&sz=w1920-h945&auditContext=forDisplay%3Dtrue",[],[184,230],"28a7080b-990d-45b7-9a00-1d18c1e5fc78","logo.png","207696e4-7a0d-11f1-85ed-1607ee4eb77e",62,["D",1783816454922],"https://lh3.googleusercontent.com/chat_attachment/AP1Ws4t2aMk8oHRwbWZ_SunZYo2EElET1IlXN3EMnwaHWoOwooROWciTo7UdXzmHTqkuAz38rkXhiSisT3fKD1Rewrdn0atuBHUoBksIWbF3z532xkJwSsWluiSbCgEDJ6F-eFPFExf1I5VYDw1tmYRLiUhsnqBWtstGo5goHcjZJ-pS-rdhGNGEV5dSgAa5tqxGJdnsGjZaGY6ZgJv50LnIajRS5pdTLgFVdFzk1PrffQyy2eeUhSWmkMMtsL2TVnLgPVXjI_DO8Jo6tb7h8cmt8klkBBFcionYh-BY12XNW09fXwMCYxUgT272L-toSDpFbaM=w1920-h945-rw",[],[184,239],["D",1783432926352],[202,203],[184],["D",1783431759081],["D",1789580441083],{"_99":98,"_107":103},{"_99":98,"_100":101,"_102":103,"_18":54,"_104":105,"_106":25},{"_13":88,"_32":89,"_42":41,"_90":43,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":44,"_97":98},"ctx",{"_81":-5,"_126":287,"_288":289,"_290":291,"_292":25,"_293":25,"_294":25,"_295":58,"_296":-5,"_297":-7,"_298":-7,"_299":62,"_300":25,"_301":25,"_302":-5,"_303":25,"_304":25,"_305":25,"_306":-5},"ENV",{"_258":259,"_260":261,"_262":89,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Find YOUR Future Career!

Ready to discoveryour career path?

Careers

Why did we create this?

Questions You Might Ask

Contact us

Ready to discover
your career path?

Diff · v162