${job.title || \"\"}

${job.shortDescription || job.description || \"\"}

\n `;\n return a;\n }\n\n fetchCareers()\n .then((jobs) => {\n carousel.innerHTML = \"\";\n if (!jobs.length) {\n carousel.innerHTML = \"

No careers found.

\";\n return;\n }\n jobs.forEach((job) => carousel.appendChild(buildCard(job)));\n })\n .catch(() => {\n carousel.innerHTML = \"

Could not load careers.

\";\n });\n})();\n\n\ndocument.querySelectorAll(\".faq-item\").forEach((btn) => {\n btn.addEventListener(\"click\", () => {\n document.getElementById(\"faqModalAnswer\").textContent = btn.dataset.answer;\n\n const overlay = document.getElementById(\"faqModal\");\n overlay.classList.add(\"open\");\n overlay.setAttribute(\"aria-hidden\", \"false\");\n });\n});\n\ndocument\n .getElementById(\"faqModalClose\")\n ?.addEventListener(\"click\", closeFaqModal);\n\ndocument.getElementById(\"faqModal\")?.addEventListener(\"click\", (e) => {\n if (e.target === e.currentTarget) {\n closeFaqModal();\n }\n});\n\nfunction closeFaqModal() {\n const overlay = document.getElementById(\"faqModal\");\n overlay.classList.remove(\"open\");\n overlay.setAttribute(\"aria-hidden\", \"true\");\n}\n\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 {\n duration: 600,\n delay: 100,\n easing: \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\n fill: \"both\",\n }\n );\n\n decorations.forEach((el, i) => {\n const r = el.getBoundingClientRect();\n\n const dx = heroCenterX - (r.left + r.width / 2);\n const dy = heroCenterY - (r.top + r.height / 2);\n\n el.animate(\n [\n {\n transform: `translate(${dx}px, ${dy}px) scale(0.15)`,\n opacity: 0,\n },\n {\n transform: \"translate(0,0) scale(1)\",\n opacity: 1,\n },\n ],\n {\n duration: 700,\n delay: 150 + i * 60,\n easing: \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\n fill: \"both\",\n }\n );\n });\n\n const totalAnimMs =\n 150 + (decorations.length - 1) * 60 + 700 + 200;\n\n setTimeout(() => {\n decorations.forEach((el) =>\n el.getAnimations().forEach((a) => a.cancel())\n );\n\n void hero.offsetHeight;\n\n const centers = decorations.map((el) => {\n const r = el.getBoundingClientRect();\n return {\n x: r.left + r.width / 2,\n y: r.top + r.height / 2,\n };\n });\n\n decorations.forEach((el) => {\n el.style.transition = \"transform .35s ease-out\";\n });\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\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) => {\n el.style.transform = \"\";\n });\n });\n }, totalAnimMs);\n});\n\nconst contactForm = document.querySelector(\".contact-form\");\n\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\n const msg = document.createElement(\"div\");\n msg.className = `form-message form-message-${type}`;\n msg.textContent = text;\n\n contactForm.appendChild(msg);\n\n setTimeout(() => {\n msg.remove();\n }, 5000);\n }\n\n contactForm.addEventListener(\"submit\", async (e) => {\n e.preventDefault();\n\n const name = document.getElementById(\"contactName\").value.trim();\n const email = document.getElementById(\"contactEmail\").value.trim();\n const subject = document.getElementById(\"contactSubject\").value;\n const message = document.getElementById(\"contactMessage\").value.trim();\n\n if (!name || !email || !subject || !message) {\n showFormMessage(\"Please fill in all fields.\", \"error\");\n return;\n }\n\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n\n if (!emailRegex.test(email)) {\n showFormMessage(\"Please enter a valid email address.\", \"error\");\n return;\n }\n\n submitBtn.disabled = true;\n submitBtn.textContent = \"Sending...\";\n\n const formData = {\n access_key: \"6c803d2e-b85e-44f2-9a8f-a7d795b4ffb8\",\n name,\n email,\n subject,\n message,\n };\n\n try {\n const response = await fetch(\"https://api.web3forms.com/submit\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\",\n },\n body: JSON.stringify(formData),\n });\n\n const result = await response.json();\n\n if (result.success) {\n showFormMessage(\n \"Message sent successfully! We'll get back to you soon.\",\n \"success\"\n );\n\n contactForm.reset();\n } else {\n showFormMessage(\n result.message || \"Failed to send message.\",\n \"error\"\n );\n }\n } catch (error) {\n showFormMessage(\n \"Network error. Please try again later.\",\n \"error\"\n );\n } finally {\n submitBtn.disabled = false;\n submitBtn.textContent = originalText;\n }\n });\n}",[158],"9df656de-3412-4459-b864-ad9e27f61865","quiz.html","27cfeb14-8e46-11f1-aed8-1607ee4eb77e",167,["D",1785656772105],3,"\n\n \n \n \n Quiz\n \n \n \n \n \n \n \n \n \n \n

\n\n

\n $\"Logo\"$ \n $\"Logo\"$ \n\n

Find Your Dream Career

\n\n

\n Answer a few questions to discover careers that match your\n personality.\n

\n\n \n

\n\n\n

\n\n

\n Question 1 / 7\n

\n\n\n\n

\n Question appears here\n

\n\n\n

\n\n \n

\n\n\n

\n\n

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

\n\n

Your Job Matches

\n\n

\n\n\n

\n\n

\n Other Careers You May Like\n

\n\n

\n\n\n

\n\n

\n\n \n

\n \n",[166],"fa346ca8-347a-4c2e-82a4-ef9577878464","quiz.css","3d6be662-8e46-11f1-8e54-1607ee4eb77e",171,["D",1785656802114],":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 --retake-blue: #7eb0fc;\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 --retake-blue: #ebe3e3;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: \"Atkinson Hyperlegible\", sans-serif;\n}\n\nbody {\n background-color: var(--background);\n color: var(--text);\n\n transition: background-color 0.4s ease, color 0.4s ease;\n\n padding-top: 76px;\n\n background-image:\n linear-gradient(var(--grid) 1px, transparent 1px),\n linear-gradient(90deg, var(--grid) 1px, transparent 1px);\n background-size: 40px 40px;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n min-height: 100vh;\n\n padding: 76px 20px 40px;\n}\n\n.container {\n width: 100%;\n max-width: 950px;\n}\n\n.page {\n display: none;\n animation: fade 0.4s ease;\n}\n\n.page.active {\n display: block;\n}\n\n@keyframes fade {\n from {\n opacity: 0;\n transform: translateY(15px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n/* Hero */\n\n.hero {\n text-align: center;\n}\n\n.CoLogo {\n width: 500px;\n margin-bottom: -50px;\n}\n\n/* Light */\n.CoLogoLight {\n display: inline-block;\n}\n\n.CoLogoDark {\n display: none;\n}\n\n/* Dark */\n.dark-theme .CoLogoLight {\n display: none;\n}\n\n.dark-theme .CoLogoDark {\n display: inline-block;\n}\n\n.hero h1 {\n font-family: \"Modak\", system-ui;\n font-weight: 400;\n font-size: 40px;\n margin-bottom: 15px;\n}\n\n.hero p {\n color: var(--text);\n font-family: \"Atkinson Hyperlegible\", sans-serif;\n margin-bottom: 40px;\n font-size: 20px;\n}\n\n#start-btn {\n background: #6da7ff;\n color: white;\n\n border: none;\n\n padding: 15px 50px;\n\n border-radius: 50px;\n\n font-size: 18px;\n font-weight: 600;\n\n cursor: pointer;\n\n transition: 0.25s;\n}\n\n#start-btn:hover {\n background: #4b8df7;\n\n transform: translateY(-2px);\n}\n\n/* QUIZZZZZ */\n\n.progress-wrapper {\n margin-bottom: 35px;\n}\n\n.progress-bar {\n width: 100%;\n height: 12px;\n\n background: #d9e8ff;\n\n border-radius: 20px;\n\n overflow: hidden;\n}\n\n#progress {\n width: 0%;\n\n height: 100%;\n\n background: #6da7ff;\n\n transition: 0.3s;\n}\n\n#progress-text {\n margin-top: 10px;\n\n text-align: right;\n\n color: #6d7aa8;\n}\n\n.question-container {\n text-align: center;\n\n margin-bottom: 35px;\n}\n\n#question {\n font-family: \"Ultra\", serif;\n font-weight: 700;\n font-style: normal;\n font-size: 40px;\n}\n\n.answers {\n display: grid;\n\n grid-template-columns: repeat(3, 1fr);\n\n gap: 20px;\n}\n\n.answer-btn {\n background: white;\n border: 2px solid #b7d0ff;\n border-radius: 14px;\n padding: 25px;\n min-height: 100px;\n font-family: \"Atkinson Hyperlegible\", sans-serif;\n font-size: 24px;\n cursor: pointer;\n transition: 0.25s;\n color: #2c4177;\n}\n\n.answer-btn:hover {\n background: #eef5ff;\n\n transform: translateY(-4px);\n}\n\n.answer-btn.selected {\n background: #6da7ff;\n\n color: white;\n\n border-color: #6da7ff;\n}\n\n/* Next Button */\n\n#next-btn {\n width: 100%;\n\n margin-top: 35px;\n\n background: #6da7ff;\n\n color: white;\n\n border: none;\n\n border-radius: 40px;\n\n height: 55px;\n\n font-size: 25px;\n\n font-family: \"Ultra\", serif;\n font-weight: 700;\n\n cursor: pointer;\n\n transition: 0.25s;\n}\n\n#next-btn:hover {\n background: #4b8df7;\n}\n\n/* RESULTS PAGE */\n\n.results-layout {\n display: grid;\n margin-top: 45px;\n grid-template-columns: 330px 1fr;\n gap: 35px;\n align-items: start;\n}\n\n/* LEFT PANEL */\n\n.personality-panel {\n background: var(--background);\n\n border: 3px solid var(--medium-blue);\n\n border-radius: 14px;\n\n overflow: hidden;\n\n display: flex;\n\n flex-direction: column;\n}\n\n.personality-panel h1 {\n font-size: 35px;\n\n padding: 25px 25px 10px;\n\n color: var(--text);\n}\n\n.primary-personality,\n.secondary-personality {\n padding: 0 25px 25px;\n}\n\n.secondary-personality {\n padding-top: 0px;\n}\n\n.primary-personality h2,\n.secondary-personality h2 {\n font-size: 28px;\n\n color: var(--text);\n\n margin-bottom: 10px;\n}\n\n.secondary-personality h3 {\n color: #656ca2;\n\n margin-bottom: 10px;\n\n font-size: 22px;\n}\n\n.primary-personality p,\n.secondary-personality p {\n line-height: 1.6;\n\n font-size: 20px;\n\n color: var(--text);\n}\n\n/* Retake Button */\n\n#restart-btn {\n margin-top: auto;\n border: none;\n border-top: 3px solid var(--medium-blue);\n background: var(--background);\n color: var(--retake-blue);\n text-decoration: underline;\n font-size: 20px;\n cursor: pointer;\n padding: 4px;\n transition: 0.25s;\n}\n\n#restart-btn:hover {\n color: #6397ff;\n}\n\n/* RIGHT PANEL */\n\n.jobs-panel h1 {\n font-size: 40px;\n margin-bottom: 10px;\n\n color: var(--text);\n}\n\n.other-jobs {\n margin-top: 40px;\n}\n\n.other-jobs h2 {\n margin-bottom: 20px;\n\n font-size: 30px;\n\n color: var(--text);\n}\n\n/* Career Cards */\n\n.career-card {\n display: flex;\n\n justify-content: space-between;\n\n align-items: flex-start;\n\n background: var(--background);\n\n border: 3px solid var(--medium-blue);\n\n border-radius: 18px;\n\n padding: 20px;\n\n margin-bottom: 18px;\n\n gap: 20px;\n}\n\n.career-info {\n flex: 1;\n}\n\n.career-info h3 {\n font-size: 28px;\n\n margin-bottom: 8px;\n\n color: var(--text);\n}\n\n.career-info p {\n font-size: 18px;\n\n color: var(--text);\n\n line-height: 1.5;\n}\n\n/* Top Match Badge */\n\n.badge {\n display: inline-block;\n\n margin-top: 15px;\n\n background: var(--light-blue);\n\n color: var(--text);\n\n padding: 8px 16px;\n\n border-radius: 999px;\n\n font-size: 15px;\n\n font-weight: 600;\n}\n\n/* Learn More Button */\n\n.learn-more-btn {\n align-self: flex-end;\n\n background: none;\n\n border: none;\n\n color: var(--retake-blue);\n\n font-size: 24px;\n\n cursor: pointer;\n\n transition: 0.2s;\n\n white-space: nowrap;\n}\n\n.learn-more-btn:hover {\n color: #6397ff;\n\n transform: translateX(4px);\n}\n\n.top-match {\n border-color: var(--medium-blue);\n}\n\n/* Loading */\n\n.results-loading {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 18px;\n padding: 60px 20px;\n color: #6d7aa8;\n font-size: 18px;\n}\n\n.spinner {\n width: 48px;\n height: 48px;\n border: 5px solid var(--light-blue);\n border-top-color: var(--vibrant-blue);\n border-radius: 50%;\n animation: spin 0.8s linear infinite;\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n@media (max-width: 600px) {\n .CoLogo {\n width: min(320px, 88vw);\n margin-bottom: -20px;\n }\n #question {\n font-size: 24px;\n }\n\n /* phone */\n .answers {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n\n .answer-btn {\n font-size: 18px;\n padding: 16px 10px;\n min-height: 70px;\n }\n\n #next-btn {\n font-size: 20px;\n height: 48px;\n }\n\n .personality-panel h1 {\n font-size: 26px;\n }\n .primary-personality h2,\n .secondary-personality h2 {\n font-size: 22px;\n }\n .primary-personality p,\n .secondary-personality p {\n font-size: 16px;\n }\n .career-info h3 {\n font-size: 22px;\n }\n .career-info p {\n font-size: 16px;\n }\n .jobs-panel h1 {\n font-size: 28px;\n }\n\n .hero h1 {\n font-size: 32px;\n }\n .hero p {\n font-size: 17px;\n }\n}\n\n@media (max-width: 420px) {\n .answers {\n grid-template-columns: 1fr;\n }\n #question {\n font-size: 22px;\n }\n}\n\n@media (max-width: 900px) {\n .CoLogo {\n width: 350px;\n }\n .results-layout {\n grid-template-columns: 1fr;\n }\n\n .personality-panel {\n order: 1;\n }\n\n .jobs-panel {\n order: 2;\n }\n\n .career-card {\n flex-direction: column;\n }\n\n .learn-more-btn {\n align-self: flex-start;\n\n margin-top: 15px;\n }\n}",[174],"93c9b28f-a5c7-4b66-ab65-a62ac5eca84d",["D",1785656803490],[27],"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});",[184],"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}",[191],"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",[199],"f40d1020-92c4-4933-af30-50ffbcd91767","img","6c27cdd4-7a0c-11f1-b9e1-1607ee4eb77e",24,["D",1783432926352],1,"directory",[207],"pulls","branches","forks","envVars",{"_221":61,"_223":61},"connections",{"_221":61,"_222":61},"count","unfilledCount","emptyCount",{"_42":206,"_32":207,"_30":208,"_141":-5,"_40":41,"_39":209,"_143":57,"_37":281,"_13":211,"_33":212,"_35":-5,"_23":24,"_147":-5,"_237":282,"_26":283},{"_42":272,"_32":273,"_30":274,"_141":208,"_40":41,"_39":275,"_143":57,"_37":276,"_13":277,"_33":20,"_35":278,"_23":24,"_147":-5,"_237":279,"_26":280},{"_42":264,"_32":265,"_30":266,"_141":208,"_40":41,"_39":267,"_143":57,"_37":268,"_13":170,"_33":20,"_35":269,"_23":24,"_147":-5,"_237":270,"_26":271},{"_42":198,"_32":199,"_30":200,"_141":-5,"_40":41,"_39":201,"_143":24,"_37":261,"_13":203,"_33":20,"_35":204,"_23":24,"_147":-5,"_237":262,"_26":263},{"_42":190,"_32":191,"_30":192,"_141":-5,"_40":41,"_39":193,"_143":57,"_37":258,"_13":195,"_33":20,"_35":196,"_23":24,"_147":-5,"_237":259,"_26":260},{"_42":183,"_32":184,"_30":185,"_141":-5,"_40":41,"_39":186,"_143":57,"_37":255,"_13":153,"_33":34,"_35":188,"_23":24,"_147":-5,"_237":256,"_26":257},{"_42":180,"_32":27,"_30":31,"_141":-5,"_40":41,"_39":14,"_143":24,"_37":252,"_13":61,"_33":34,"_35":36,"_23":24,"_147":-5,"_237":253,"_26":254},{"_42":173,"_32":174,"_30":175,"_141":-5,"_40":41,"_39":176,"_143":57,"_37":249,"_13":170,"_33":20,"_35":178,"_23":24,"_147":-5,"_237":250,"_26":251},{"_42":165,"_32":166,"_30":167,"_141":-5,"_40":41,"_39":168,"_143":57,"_37":246,"_13":170,"_33":20,"_35":171,"_23":24,"_147":-5,"_237":247,"_26":248},{"_42":157,"_32":158,"_30":159,"_141":-5,"_40":41,"_39":160,"_143":24,"_37":243,"_13":162,"_33":34,"_35":163,"_23":24,"_147":-5,"_237":244,"_26":245},{"_42":149,"_32":150,"_30":55,"_141":-5,"_40":41,"_39":151,"_143":57,"_37":240,"_13":153,"_33":154,"_35":155,"_23":24,"_147":-5,"_237":241,"_26":242},{"_42":138,"_32":139,"_30":140,"_141":-5,"_40":41,"_39":142,"_143":24,"_37":236,"_13":145,"_33":20,"_35":146,"_23":24,"_147":-5,"_237":238,"_26":239},["D",1785656680991],"children",[],[139],["D",1784340559739],[],[150],["D",1785656733301],[],[158],["D",1785656772105],[],[166],["D",1785656802114],[],[174],["D",1785656803490],[],[27],["D",1784341281514],[],[184],["D",1783780243700],[],[191],["D",1785656670708],[],[199],"2a8510f2-d624-4984-bb07-57f1728acfbb","star.png","3f7929b6-7d88-11f1-8829-1607ee4eb77e",57,["D",1783816034223],"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",[],[207,265],"28a7080b-990d-45b7-9a00-1d18c1e5fc78","logo.png","207696e4-7a0d-11f1-85ed-1607ee4eb77e",62,["D",1783816454922],6,"https://lh3.googleusercontent.com/chat_attachment/AP1Ws4t2aMk8oHRwbWZ_SunZYo2EElET1IlXN3EMnwaHWoOwooROWciTo7UdXzmHTqkuAz38rkXhiSisT3fKD1Rewrdn0atuBHUoBksIWbF3z532xkJwSsWluiSbCgEDJ6F-eFPFExf1I5VYDw1tmYRLiUhsnqBWtstGo5goHcjZJ-pS-rdhGNGEV5dSgAa5tqxGJdnsGjZaGY6ZgJv50LnIajRS5pdTLgFVdFzk1PrffQyy2eeUhSWmkMMtsL2TVnLgPVXjI_DO8Jo6tb7h8cmt8klkBBFcionYh-BY12XNW09fXwMCYxUgT272L-toSDpFbaM=w1920-h945-rw",[],[207,273],["D",1783432926352],[225,226],[207],["D",1783431759081],["D",1789494036282],{"_98":97,"_106":102},{"_98":97,"_99":100,"_101":102,"_18":53,"_103":104,"_105":24},{"_13":87,"_32":88,"_42":41,"_89":43,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":44,"_96":97},"ctx",{"_80":-5,"_125":322,"_323":324,"_325":326,"_327":24,"_328":24,"_329":24,"_330":57,"_331":-5,"_332":-7,"_333":-7,"_334":61,"_335":24,"_336":24,"_337":-5,"_338":24,"_339":24,"_340":24,"_341":-5},"ENV",{"_293":294,"_295":296,"_297":88,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

${job.title || \"\"}

Find Your Dream Career

\n Question appears here\n

Your Job Matches

\n Other Careers You May Like\n

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 · v172