You are an expert journalist, web designer, and education writer. Create ONE complete self-contained HTML webpage about AI and its impact on work, aimed at students who are about to enter university. The article title must be: **“The First Job Problem: How AI Is affecting unemployed people ** The webpage must feel like a modern BBC News / Financial Times youth feature: serious, polished, visual, editorial, and human. It should not feel like a generic school project. Make it beautiful, professional, and emotionally engaging. Use a clean editorial design with: * A strong full-screen hero section. * A quick editorial headline. * A thoughtful subheadline. * Byline: **"By [drim tim], The Writer"**. * Reading time and publication date. * A two-column layout on desktop and one column on mobile. * Elegant typography (Inter + Merriweather or similar). * Glassmorphism cards, subtle shadows, generous white space and excellent visual hierarchy. * Scroll animations using IntersectionObserver (no external libraries besides Chart.js). * Sticky progress bar while reading. * Smooth scrolling. * Professional BBC/Financial Times inspired aesthetics. * A restrained palette (white, charcoal, dark blue, subtle accent color). * The attached image used as the hero image with an elegant overlay. * Everything contained inside a single HTML file (CSS + JavaScript included). The article should genuinely feel like something that could be published online. --- ## Main angle AI is not simply "taking jobs." It is changing the first step into work. It may shrink some entry-level opportunities while simultaneously creating entirely new kinds of work. Focus on: * people with less oportunities to use ai and the gap between the ones can use * how students should prepare for this future Avoid sensationalism. Avoid clichés like: * "AI will destroy everything." * "In today's rapidly evolving landscape..." Write like a real journalist. --- ## Required evidence Include and reference these facts naturally: 1. World Economic Forum Future of Jobs Report 2025 projects: * 170 million new jobs * 92 million displaced * Net +78 million jobs by 2030 2. WEF reports analytical thinking as the most demanded skill, with 7 in 10 employers considering it essential. 3. Stanford Digital Economy Lab ("Canaries in the Coal Mine?") found early-career workers aged 22–25 in AI-exposed occupations experienced a 16% relative employment decline. Visible sources at the bottom: * World Economic Forum — Future of Jobs Report 2025 * Stanford Digital Economy Lab — Canaries in the Coal Mine? --- ## Layout Create: * Hero * Headline * Subheadline * Byline * Hero image * Pull quote * Two-column article * Statistics cards * One Chart.js visualization * One elegant comparison table * "What this means for students" * "Our team's reflection" * Human reflections integrated into the story * Sources * Elegant footer --- ## Chart Using Chart.js create a professional animated bar chart comparing: * New jobs (170M) * Displaced jobs (92M) * Net growth (+78M) The chart values must exactly match the article. --- ## Comparison table Create a clean editorial table comparing: * Jobs most exposed to AI * Jobs supported by AI * Skills students should build --- ## What this means for students Instead of generic advice, provide actionable recommendations: * Learn analytical thinking. * Become comfortable collaborating with AI. * Build communication skills. * Learn to solve ambiguous problems. * Create projects instead of only collecting certificates. * Develop ethical judgment. * Build a portfolio before graduating. --- ## Our team's reflection Rewrite beautifully in natural English: "As a team, we are afraid that AI could make some jobs disappear, or that society could become more unstable if many workers are replaced. We also worry that if only a few companies control the most powerful AI systems, they could become even larger and more dominant. At the same time, as Mr. Timothy Chung explained, AI can dramatically reduce operational costs. However, our team believes we must still question the morality and long-term effectiveness of these changes. Lower costs should never become the only definition of progress." This section should sound thoughtful, balanced and authentic. --- ## Human reflections (IMPORTANT) Instead of creating a numbered list, naturally integrate the following reflections throughout the article as short editorial paragraphs, side notes, pull quotes or highlighted reflection boxes. They should feel like genuine moments from students writing the article, not a checklist. One reflection should describe a moment from today's class when Mr. Timothy Chung told us about the French painter **Paul Delaroche**, who reportedly declared that *"painting is dead"* after photography was invented. Explain how this story made our team stop and think. Reflect on how history shows that revolutionary technologies rarely eliminate creativity—they transform it. Connect this idea to AI by asking whether we are witnessing another moment where people mistake transformation for extinction. Keep the reflection thoughtful and personal. Include a placeholder quote from **jimmy carr* that said ai was the 4th humanity was humillated because we are now not the smartest" Write a short paragraph expressing the fear many students have about graduating into a world where the traditional first job may no longer exist. Explain that what worries us most is not unemployment itself, but losing the opportunity to learn through those first experiences. Include a hopeful reflection explaining that our team does not see AI as the enemy. Instead, we hope it becomes a tool that helps people become more creative, productive and capable rather than replacing human potential. Include a short note describing how this article itself was created collaboratively by our team, mentioning the roles of **Editor, Researcher, Writer and Web Developer**, emphasizing that despite discussing AI, the ideas, discussions and conclusions came from human collaboration. Naturally weave into the conclusion the opinion: **"The scariest part is not losing a job. It is never getting the first one."** Finally, close the article with a sincere message directed to classmates. Encourage them not to compete against AI, but to become the kind of people who know how to work with it while preserving curiosity, ethics, creativity and critical thinking. End on a hopeful, human note. --- ## Tone Smart. Human. Curious. Slightly urgent. Reflective. Editorial. Never robotic. Never repetitive. The writing should feel like it was produced by university students after attending a guest lecture and spending several hours discussing what they learned. --- ## Final requirements * Include the attached image. * Responsive design. * Beautiful typography. * Editorial-quality spacing. * Professional animations. * Modern CSS. * All CSS and JavaScript embedded. * Use only Chart.js externally. * Do not use Markdown. * Return only ONE complete HTML file. * Do not include any explanation outside the HTML. * Do not mention being an AI. The final result should genuinely resemble a professional interactive feature article published by BBC Future or the Financial Times, rather than a typical academic assignment. try being minimalst giving less informartion, mainly the one i give it to you inline the references of at the bottom of the text to a certain point of the web page Copy it, paste it into ChatGPT, then change one thing and re-run. That's the exercise.