[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_255":256,"_257":258},"routes/_app.x.$handle.$name",{"_100":99,"_32":45,"_109":90,"_27":53,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":-5,"_121":-5,"_122":25,"_123":124,"_125":59,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":25},"version",163,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","script.js","latestPath","fileId","b17dae72-8249-11f1-b735-1607ee4eb77e","name","fileType","script","content","// 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}","(function () {\n const CAREERS_API =\n \"https://script.google.com/macros/s/AKfycbxQBx4JvjiaqWRjl_Uq86z-kfxSgsB4wLbRgEZOonNf6yczHxkBlSA50Zx_1lqpMKHt/exec\";\n\n const BADGE = {\n R: { cls: \"badge-blue\", label: \"Realistic\" },\n I: { cls: \"badge-purple\", label: \"Investigative\" },\n A: { cls: \"badge-pink\", label: \"Artistic\" },\n S: { cls: \"badge-green\", label: \"Social\" },\n E: { cls: \"badge-orange\", label: \"Enterprising\" },\n C: { cls: \"badge-yellow\", label: \"Conventional\" },\n };\n\n const carousel = document.getElementById(\"careers-carousel\");\n const prevBtn = document.getElementById(\"careers-prev\");\n const nextBtn = document.getElementById(\"careers-next\");\n\n if (!carousel) return; \n\n const CARD_W = 260; \n\n if (prevBtn) prevBtn.addEventListener(\"click\", () => carousel.scrollBy({ left: -CARD_W * 3, behavior: \"smooth\" }));\n if (nextBtn) nextBtn.addEventListener(\"click\", () => carousel.scrollBy({ left: CARD_W * 3, behavior: \"smooth\" }));\n\n async function fetchCareers() {\n const TYPES = [\"R\", \"I\", \"A\", \"S\", \"E\", \"C\"];\n const responses = await Promise.all(\n TYPES.map((t) =>\n fetch(`${CAREERS_API}?action=results&primary=${t}&secondary=R`).then((r) => r.json())\n )\n );\n\n const seen = new Set();\n const jobs = [];\n responses.forEach((data) => {\n [...(data.topMatches || []), ...(data.otherJobs || [])].forEach((job) => {\n if (job.id && !seen.has(job.id)) {\n seen.add(job.id);\n jobs.push(job);\n }\n });\n });\n\n jobs.sort((a, b) => (a.title || \"\").localeCompare(b.title || \"\"));\n return jobs;\n }\n\n function buildCard(job) {\n const type = job.primary || job.category || \"\";\n const badge = BADGE[type] || { cls: \"badge-blue\", label: type };\n const salary = (job.salaryStart && job.salaryEnd)\n ? `${job.salaryStart} – ${job.salaryEnd}`\n : (job.salary || \"\");\n\n const a = document.createElement(\"a\");\n a.className = \"career-card\";\n a.href = `job.html#${job.id}`;\n a.innerHTML = `\n

${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}","createdAt",["D",1785656733301],"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",{"_100":99,"_108":104},"org",{"_100":99,"_101":102,"_103":104,"_18":55,"_105":106,"_107":25},"branch",{"_13":89,"_32":90,"_43":42,"_91":44,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":45,"_98":99},"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",{"_43":44,"_32":45,"_38":250,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":251,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":252,"_84":253,"_86":254,"_88":25},"tree",[201,204,205,206,207,208,209],"files",[201,202,203,204,205,206,207,208,209],"counts",{"_191":63,"_192":188,"_193":63,"_194":195,"_196":197},"contents",[130,131,132,133,134,135,136],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":183,"_32":184,"_30":185,"_140":-5,"_41":42,"_40":186,"_142":59,"_38":187,"_13":188,"_33":189,"_35":-5,"_24":25,"_146":-5,"_27":190},{"_43":175,"_32":176,"_30":177,"_140":-5,"_41":42,"_40":178,"_142":25,"_38":179,"_13":180,"_33":20,"_35":181,"_24":25,"_146":-5,"_27":182},{"_43":167,"_32":168,"_30":169,"_140":-5,"_41":42,"_40":170,"_142":59,"_38":171,"_13":172,"_33":20,"_35":173,"_24":25,"_146":-5,"_27":174},{"_43":160,"_32":161,"_30":162,"_140":-5,"_41":42,"_40":163,"_142":59,"_38":164,"_13":152,"_33":34,"_35":165,"_24":25,"_146":-5,"_27":166},{"_43":156,"_32":28,"_30":31,"_140":-5,"_41":42,"_40":14,"_142":25,"_38":157,"_13":158,"_33":34,"_35":37,"_24":25,"_146":-5,"_27":159},{"_43":148,"_32":149,"_30":57,"_140":-5,"_41":42,"_40":150,"_142":59,"_38":151,"_13":152,"_33":153,"_35":154,"_24":25,"_146":-5,"_27":155},{"_43":137,"_32":138,"_30":139,"_140":-5,"_41":42,"_40":141,"_142":25,"_38":143,"_13":144,"_33":20,"_35":145,"_24":25,"_146":-5,"_27":147},"2122346e-0567-43f8-a9aa-1b8178d1b8f0","style.css","f351c3f4-7d32-11f1-a381-1607ee4eb77e","parentId",162,"latest",["D",1785656680991],21,":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}","label",[138],"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",[149],"f0ec2c07-a74b-4085-8dc2-f7684f176633",["D",1785656733301],7,[28],"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":63,"_200":63},"connections",{"_198":63,"_199":63},"count","unfilledCount","emptyCount",{"_43":183,"_32":184,"_30":185,"_140":-5,"_41":42,"_40":186,"_142":59,"_38":247,"_13":188,"_33":189,"_35":-5,"_24":25,"_146":-5,"_211":248,"_27":249},{"_43":238,"_32":239,"_30":240,"_140":185,"_41":42,"_40":241,"_142":59,"_38":242,"_13":243,"_33":20,"_35":244,"_24":25,"_146":-5,"_211":245,"_27":246},{"_43":229,"_32":230,"_30":231,"_140":185,"_41":42,"_40":232,"_142":59,"_38":233,"_13":234,"_33":20,"_35":235,"_24":25,"_146":-5,"_211":236,"_27":237},{"_43":175,"_32":176,"_30":177,"_140":-5,"_41":42,"_40":178,"_142":25,"_38":226,"_13":180,"_33":20,"_35":181,"_24":25,"_146":-5,"_211":227,"_27":228},{"_43":167,"_32":168,"_30":169,"_140":-5,"_41":42,"_40":170,"_142":59,"_38":223,"_13":172,"_33":20,"_35":173,"_24":25,"_146":-5,"_211":224,"_27":225},{"_43":160,"_32":161,"_30":162,"_140":-5,"_41":42,"_40":163,"_142":59,"_38":220,"_13":152,"_33":34,"_35":165,"_24":25,"_146":-5,"_211":221,"_27":222},{"_43":156,"_32":28,"_30":31,"_140":-5,"_41":42,"_40":14,"_142":25,"_38":217,"_13":158,"_33":34,"_35":37,"_24":25,"_146":-5,"_211":218,"_27":219},{"_43":148,"_32":149,"_30":57,"_140":-5,"_41":42,"_40":150,"_142":59,"_38":214,"_13":152,"_33":153,"_35":154,"_24":25,"_146":-5,"_211":215,"_27":216},{"_43":137,"_32":138,"_30":139,"_140":-5,"_41":42,"_40":141,"_142":25,"_38":210,"_13":144,"_33":20,"_35":145,"_24":25,"_146":-5,"_211":212,"_27":213},["D",1785656680991],"children",[],[138],["D",1784340559739],[],[149],["D",1785656733301],[],[28],["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],6,"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],{"_100":99,"_108":104},{"_100":99,"_101":102,"_103":104,"_18":55,"_105":106,"_107":25},{"_13":89,"_32":90,"_43":42,"_91":44,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":45,"_98":99},"ctx",{"_82":-5,"_127":288,"_289":290,"_291":292,"_293":25,"_294":25,"_295":25,"_296":59,"_297":-5,"_298":-7,"_299":-7,"_300":63,"_301":25,"_302":25,"_303":-5,"_304":25,"_305":25,"_306":25,"_307":-5},"ENV",{"_259":260,"_261":262,"_263":90,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287},"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"]

Diff · v163