1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-elementary-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-elementary-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-elementary-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-phonics-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-phonics-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-phonics-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-multiplication-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-multiplication-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-multiplication-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-elementary-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="stylesheet" href="/assets/styles-Dj2V_prG.css" data-precedence="default"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Hind:wght@300;400;500;600;700&
1family=JetBrains+Mono:wght@500&display=swap" data-precedence="default"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-elementary-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-elementary-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-time-money-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-time-money-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-time-money-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-space-kids-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-space-kids-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-space-kids-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-blocks-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-blocks-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-blocks-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-fractions-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-fractions-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-fractions-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-storytelling-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-storytelling-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-storytelling-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-spanish-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-spanish-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-spanish-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-prealgebra-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-prealgebra-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-prealgebra-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-simple-machines-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-simple-machines-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-simple-machines-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-ai-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-ai-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-ai-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-earth-life-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-earth-life-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-earth-life-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-vocabulary-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-vocabulary-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-vocabulary-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-python-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-python-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-python-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-drawing-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-drawing-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-drawing-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-algebra1-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-algebra1-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-algebra1-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-forces-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-forces-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-forces-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-mental-math-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-mental-math-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-mental-math-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-grammar-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-grammar-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-grammar-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-robotics-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-robotics-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-robotics-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-biology-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-biology-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-biology-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-game-dev-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-game-dev-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-game-dev-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-elementary-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-elementary-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-elementary-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-world-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-world-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-world-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci
1-oceans-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-oceans-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-oceans-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-webdev-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-webdev-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-webdev-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-ancient-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-ancient-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-ancient-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-french-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-french-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-french-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-geometry-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-geometry-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-geometry-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-medieval-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-medieval-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-medieval-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-essay-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-essay-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-essay-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-geography-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-geography-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-geography-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-algebra2-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-algebra2-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-algebra2-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-chemistry-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-chemistry-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-chemistry-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-literature-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-literature-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-literature-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-astronomy-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-astronomy-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-astronomy-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-physics-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-physics-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-physics-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-graphic-design-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-graphic-design-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-graphic-design-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-genetics-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-genetics-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-genetics-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-economics-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-economics-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-economics-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-dance-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-dance-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-dance-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-creative-writing-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-creative-writing-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-creative-writing-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-us-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-us-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-us-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-modern-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-modern-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-modern-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-statistics-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-statistics-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-statistics-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-anatomy-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-anatomy-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-anatomy-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-music-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-music-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-music-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" hre
1f="https://api.dicebear.com/9.x/initials/svg?seed=lang-korean-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-korean-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-korean-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-trigonometry-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-trigonometry-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-trigonometry-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-cybersecurity-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-cybersecurity-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-cybersecurity-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-photography-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-photography-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-photography-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-italian-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-italian-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-italian-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-electricity-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-electricity-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-electricity-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-java-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-java-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-java-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-animation-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-animation-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-animation-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-calculus-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-calculus-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-calculus-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-environmental-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-environmental-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-environmental-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-civics-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-civics-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-civics-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-probability-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-probability-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-probability-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-precalculus-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-precalculus-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-precalculus-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-arabic-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-arabic-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-arabic-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-public-speaking-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-public-speaking-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-public-speaking-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-data-science-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-data-science-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-data-science-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-german-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-german-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-german-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-asia-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-asia-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-asia-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-dsa-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-dsa-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-dsa-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-asl-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-asl-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-asl-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-poetry-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-poetry-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-poetry-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-journalism-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-journalism-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-journalism-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-africa-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-africa-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-africa-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&a
1mp;fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-japanese-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-japanese-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-japanese-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-theater-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-theater-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-theater-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-russian-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-russian-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-russian-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-fashion-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-fashion-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-fashion-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-databases-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-databases-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-databases-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-mandarin-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-mandarin-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-mandarin-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-linear-algebra-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-linear-algebra-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-linear-algebra-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-cloud-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-cloud-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-cloud-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-blockchain-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-blockchain-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-blockchain-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-os-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-os-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-os-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-discrete-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-discrete-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-discrete-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-networks-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-networks-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-networks-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-organic-chem-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-organic-chem-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-organic-chem-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-thermodynamics-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-thermodynamics-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-thermodynamics-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-history-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-history-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-history-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-sculpture-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-sculpture-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-sculpture-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-diffeq-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-diffeq-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-diffeq-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-women-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-women-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-women-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-mobile-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-mobile-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-mobile-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-latin-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-latin-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-latin-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-numerical-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-numerical-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-numerical-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-creative-coding-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-creative-coding-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-creative-coding-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-color-theory-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-color-theory-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-color-theory-2&backgr
1oundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-shakespeare-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-shakespeare-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-shakespeare-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-materials-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-materials-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-materials-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-film-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-film-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-film-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-geology-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-geology-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-geology-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-number-theory-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-number-theory-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-number-theory-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-cold-war-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-cold-war-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-cold-war-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-ml-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-ml-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-ml-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-spanish-advanced-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-spanish-advanced-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-spanish-advanced-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-europe-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-europe-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-europe-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-compilers-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-compilers-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-compilers-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-immunology-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-immunology-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-immunology-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-real-analysis-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-real-analysis-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-real-analysis-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-linguistics-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-linguistics-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-linguistics-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-literary-theory-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-literary-theory-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-literary-theory-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-neuroscience-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-neuroscience-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-neuroscience-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-molecular-bio-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-molecular-bio-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-molecular-bio-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-microbiology-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-microbiology-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-microbiology-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-aesthetics-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-aesthetics-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-aesthetics-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-historiography-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-historiography-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-historiography-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-research-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-research-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=eng-research-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-sociolinguistics-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-sociolinguistics-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=lang-sociolinguistics-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-visual-culture-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-visual-culture-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=art-visual-culture-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-seminar-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-seminar-1&backgroundColor=1
1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=hist-seminar-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-quantum-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-quantum-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-quantum-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-astrophysics-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-astrophysics-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=sci-astrophysics-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-advanced-algorithms-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-advanced-algorithms-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=cs-advanced-algorithms-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-topology-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-topology-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><link rel="preload" as="image" href="https://api.dicebear.com/9.x/initials/svg?seed=math-topology-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2"/><title>Course Catalog â Monster Class</title><meta property="og:site_name" content="Monster Class"/><meta property="og:type" content="website"/><meta property="og:image" content="https://monsterclass.com/og-image.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Monster Class â a serious place to learn, at every level"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:image" content="https://monsterclass.com/og-image.png"/><meta name="google-site-verification" content="IScr4HxiRzXpz5HaPiHilhy6dQeokzfpZ1DWkFopBWg"/><meta name="description" content="Browse real courses across every subject and level, from K-5 through PhD. Search and filter to find your next class on Monster Class."/><meta property="og:title" content="Course Catalog â Monster Class"/><meta property="og:description" content="Search real courses from Kindergarten through PhD across every subject."/><meta property="og:url" content="https://monsterclass.com/classes"/><link rel="modulepreload" href="/assets/index-DBGA9mUG.js"/><link rel="modulepreload" href="/assets/jsx-runtime-DGeXAQPT.js"/><link rel="modulepreload" href="/assets/dist-WRs_oB22.js"/><link rel="modulepreload" href="/assets/classes-B4TpBXXG.js"/><link rel="modulepreload" href="/assets/app-shell-rUHCQm-n.js"/><link rel="modulepreload" href="/assets/star-DStERKeV.js"/><link rel="modulepreload" href="/assets/x-DUwz9K_G.js"/><link rel="icon" type="image/x-icon" href="/favicon.ico"/><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/>
1<link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""/><link rel="canonical" href="https://monsterclass.com/classes"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Monster Class","url":"https://monsterclass.com","logo":"https://monsterclass.com/apple-touch-icon.png","description":"Monster Class is a gamified e-learning platform for all academic levels â from K-5 through PhD."}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Monster Class","url":"https://monsterclass.com","potentialAction":{"@type":"SearchAction","target":"https://monsterclass.com/classes?q={search_term_string}","query-input":"required name=search_term_string"}}</script>
1<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>
1<script defer src="/__l5e/events.1718a1eacac7ff3a.js" data-artifact-kind="dwl_content_hash" data-artifact-id="299702b8c589c9e2015426ed6d02c856797ca5fca552e4a20cb0117104dda479" data-commit-sha="86b96eee2ae1a396845d2a5c5c7460dc3bd415da" data-context-token="v1.eyJwcm9qZWN0X2lkIjoibG92cF80OWphdjN0OHkwOXFmc3ZzOGc4c2Ezd2M0ZCIsImFydGlmYWN0X2tpbmQiOiJkd2xfY29udGVudF9oYXNoIiwiYXJ0aWZhY3RfaWQiOiIyOTk3MDJiOGM1ODljOWUyMDE1NDI2ZWQ2ZDAyYzg1Njc5N2NhNWZjYTU1MmU0YTIwY2IwMTE3MTA0ZGRhNDc5IiwiY29tbWl0X3NoYSI6Ijg2Yjk2ZWVlMmFlMWEzOTY4NDVkMmE1YzVjNzQ2MGRjM2JkNDE1ZGEiLCJleHAiOjE3OTQxOTA1NDh9.zgLTxLcw7DOe8q9WUv9ui2p7Cz90Vbsa2XI4mK0T7Cc"></script>
1<meta name="twitter:title" content="Course Catalog â Monster Class"><meta name="twitter:description" content="Search real courses from Kindergarten through PhD across every subject."></head><body><!--$--><div class="flex min-h-screen bg-background text-foreground"><div class="fixed inset-y-0 left-0 z-30 hidden lg:block"><aside class="flex h-full w-64 shrink-0 flex-col border-r border-border bg-card"><div class="flex items-center gap-3 p-6"><div class="grid size-10 place-items-center rounded-md bg-accent text-accent-foreground"><span class="font-display text-2xl leading-none">M</span></div><div class="leading-tight"><span class="block font-display text-lg text-foreground">Monster Class</span><span class="block font-mono text-[9px] uppercase tracking-[0.18em] text-muted-foreground">Learn at every level</span></div></div><nav class="flex-1 space-y-0.5 px-3"><a href="/" class="flex items-center gap-3 rounded-md px-3 py-2 text-sm transition-colors text-muted-foreground hover:bg-surface hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house size-4 shrink-0" aria-hidden="true"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg><span class="font-medium">Home</span></a><a class="flex items-center gap-3 rounded-md px-3 py-2 text-sm transition-colors bg-surface text-foreground active" href="/classes" data-status="active" aria-current="page"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-compass size-4 shrink-0" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z"></path></svg><span class="font-medium">Explore</span><span class="ml-auto h-4 w-0.5 rounded-full bg-primary"></span></a><a href="/feed" class="flex items-center gap-3 rounded-md px-3 py-2 text-sm transition-colors text-muted-foreground hover:bg-surface hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rss size-4 shrink-0" aria-hidden="true"><path d="M4 11a9 9 0 0 1 9 9"></path><path d="M4 4a16 16 0 0 1 16 16"></path><circle cx="5" cy="19" r="1"></circle></svg><span class="font-medium">Community</span></a><a href="/guilds" class="flex items-center gap-3 rounded-md px-3 py-2 text-sm transition-colors text-muted-foreground hover:bg-surface hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-swords size-4 shrink-0" aria-hidden="true"><polyline points="14.5 17.5 3 6 3 3 6 3 17.5 14.5"></polyline><line x1="13" x2="19" y1="19" y2="13"></line><line x1="16" x2="20" y1="16" y2="20"></line><line x1="19" x2="21" y1="21" y2="19"></line><polyline points="14.5 6.5 18 3 21 3 21 6 17.5 9.5"></polyline><line x1="5" x2="9" y1="14" y2="18"></line><line x1="7" x2="4" y1="17" y2="20"></line><line x1="3" x2="5" y1="19" y2="21"></line></svg><span class="font-medium">Study Groups</span></a><a href="/leaderboard" class="flex items-center gap-3 rounded-md px-3 py-2 text-sm transition-colors text-muted-foreground hover:bg-surface hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trophy size-4 shrink-0" aria-hidden="true"><path d="M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978"></path><path d="M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978"></path><path d="M18 9h1.5a1 1 0 0 0 0-5H18"></path><path d="M4 22h16"></path><path d="M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z"></path><path d="M6 9H4.5a1 1 0 0 1 0-5H6"></path></svg><span class="font-medium">Leaderboard</span></a><a href="/backpack" class="flex items-center gap-3 rounded-md px-3 py-2 text-sm transition-colors text-muted-foreground hover:bg-surface hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-backpack size-4 shrink-0" aria-hidden="true"><path d="M4 10a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z"></path><path d="M8 10h8"></path><path d="M8 18h8"></path><path d="M8 22v-6a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v6"></path><path d="M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2"></path></svg><span class="font-medium">My Learning</span></a></nav><div class="space-y-3 border-t border-border p-4"><div class="rounded-md border border-border bg-surface p-3"><div class="mb-2 flex items-center justify-between font-mono text-[10px] uppercase tracking-wider"><span class="text-muted-foreground">Level <!-- -->1</span><span class="text-primary">0<!-- -->/1000 XP</span></div><div class="h-1 w-full overflow-hidden rounded-full bg-background"><div class="h-full rounded-full bg-primary transition-all duration-500" style="width:0%"></div></div></div><div class="rounded-md border border-primary/30 bg-card p-3"><p class="text-xs font-semibold text-foreground">Free account, free forever</p><p class="mt-1 text-[11px] leading-relaxed text-muted-foreground">Save your progress and XP, unlock more learning, and share resources with other learners.</p><a href="/auth" class="mt-2 flex w-full items-center justify-center gap-2 rounded-md bg-primary py-2 font-sans text-xs font-bold text-primary-foreground transition-opacity hover:opacity-90 active:scale-[0.98]">Create free account</a></div></div></aside></div><div class="flex-1 lg:pl-64"><header class="sticky top-0 z-20 flex h-16 items-center justify-between gap-4 border-b border-border bg-background/80 px-4 backdrop-blur-md sm:px-8"><button class="rounded-lg p-2 hover:bg-white/5 lg:hidden" aria-label="Open menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu size-5" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button><form class="relative flex-1 sm:max-w-md"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg><input type="search" placeholder="Search courses by subject or titleâ¦" class="w-full rounded-md border border-border bg-surface py-2 pl-10 pr-4 text-sm focus:border-primary/50 focus:outline-none focus:ring-1 focus:ring-primary/30" value=""/></form><div class="flex items-center gap-3"><button type="button" aria-label="Notifications" class="relative hidden rounded-md border border-border bg-card p-2 sm:block"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bell size-4 text-muted-foreground" aria-hidden="true"><path d="M10.268 21a2 2 0 0 0 3.464 0"></path><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"></path></svg><span class="absolute right-1.5 top-1.5 size-1.5 rounded-full bg-primary"></span></button><a href="/auth" class="flex items-center gap-2 rounded-md bg-primary px-3 py-2 text-sm font-semibold text-primary-foreground hover:opacity-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-log-in size-4" aria-hidden="true"><path d="m10 17 5-5-5-5"></path><path d="M15 12H3"></path><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path></svg><span class="hidden sm:inline">Sign in</span></a></div></header><main class="animate-entrance"><div class="mx-auto max-w-7xl space-y-8 px-4 py-8 sm:px-8"><header class="space-y-2"><h1 class="font-display text-3xl font-extrabold tracking-tight text-foreground sm:text-4xl">Course Catalog</h1><p class="text-muted-foreground">Real courses across every subject and level â from Kindergarten through PhD.</p></header><div class="relative"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg><input type="search" placeholder="Search by subject, title, level, or instructorâ¦" class="w-full rounded-xl border border-border bg-surface py-2.5 pl-10 pr-4 text-sm focus:border-primary/50 focus:outline-none focus:ring-1 focus:ring-primary/30" value=""/></div><section class="space-y-4"><div><p class="mb-2 font-mono text-[10px] uppercase tracking-wider text-muted-foreground">Level</p><div class="flex flex-wrap gap-2"><button class="rounded-full border px-4 py-1.5 text-xs font-bold transition-all border-slime bg-slime text-background">All</button><button class="rounded-full border px-4 py-1.5 text-xs font-bold transition-all border-border bg-surface text-muted-foreground hover:border-muted-foreground hover:text-foreground">Elementary</button><button class="rounded-full border px-4 py-1.5 text-xs font-bold transition-all border-border bg-surface text-muted-foreground hover:border-muted-foreground hover:text-foreground">Middle School</button><button class="rounded-full border px-4 py-1.5 text-xs font-bold transition-all border-border bg-surface text-muted-foreground hover:border-muted-foreground hover:text-foreground">High School</button><button class="rounded-full border px-4 py-1.5 text-xs font-bold transition-all border-border bg-surface text-muted-foreground hover:border-muted-foreground hover:text-foreground">Undergraduate</button><button class="rounded-full border px-4 py-1.5 text-xs font-bold transition-all border-border bg-surface text-muted-foreground hover:border-muted-foreground hover:text-foreground">Master's</button><button class="rounded-full border px-4 py-1.5 text-xs font-bold transition-all border-border bg-surface text-muted-foreground hover:border-muted-foreground hover:text-foreground">PhD</button></div></div><div><p class="mb-2 font-mono text-[10px] uppercase tracking-wider text-muted-foreground">Subject</p><div class="flex flex-wrap gap-2"><button class="rounded-full border px-4 py-1.5 text-xs font-bold transition-all border-mana bg-mana text-background">All</button><button class="rounded-full border px-4 py-1.5 text-xs font-bold transition-all border-border bg-surface text-muted-foreground hover:border-muted-foreground hover:text-foreground">Mathematics</button><button class="rounded-full border px-4 py-1.5 text-xs font-bold transition-all border-border bg-surface text-muted-foreground hover:border-muted-foreground hover:text-foreground">Science</button><button class="rounded-full border px-4 py-1.5 text-xs font-bold transition-all border-border bg-surface text-muted-foreground hover:border-muted-foreground hover:text-foreground">Computer Science</button><button class="rounded-full border px-4 py-1.5 text-xs font-bold transition-all border-border bg-surface text-muted-foreground hover:border-muted-foreground hover:text-foreground">English</button><button class="rounded-full border px-4 py-1.5 text-xs font-bold transition-all border-border bg-surface text-muted-foreground hover:border-muted-foreground hover:text-foreground">History</button><button class="rounded-full border px-4 py-1.5 text-xs font-bold transition-all border-border bg-surface text-muted-foreground hover:border-muted-foreground hover:text-foreground">World Languages</button><button class="rounded-full border px-4 py-1.5 text-xs font-bold transition-all border-border bg-surface text-muted-foreground hover:border-muted-foreground hover:text-foreground">Arts</button></div></div></section><div class="flex flex-wrap items-center justify-between gap-3"><p class="font-mono text-xs uppercase tracking-wider text-muted-foreground">122<!-- --> course<!-- -->s</p><div class="flex items-center gap-3"><label class="flex items-center gap-2 text-xs text-muted-foreground">Sort<select class="rounded-lg border border-border bg-surface px-2 py-1.5 text-xs font-semibold text-foreground focus:border-primary/50 focus:outline-none"><option value="popular" selected="">Most popular</option><option value="rating">Highest rated</option><option value="xp">Most XP</option><option value="title">AâZ</option></select></label></div></div><section><div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
1<a href="/classes/math-elementary" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->180<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Mathematics<!-- --> · <!-- -->Elementary</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.9</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Early Math: Counting & Addition</h2><p class="line-clamp-2 text-xs text-muted-foreground">A friendly first course in numbers â counting, comparing, and adding small amounts with hands-on examples.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-elementary-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Early Math: Counting & Addition" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-elementary-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Early Math: Counting & Addition" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-elementary-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Early Math: Counting & Addition" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->18.2k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/eng-phonics" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->180<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">English<!-- --> · <!-- -->Elementary</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.9</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Reading & Phonics</h2><p class="line-clamp-2 text-xs text-muted-foreground">The building blocks of reading: letter sounds, blending, and sight words.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-phonics-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Reading & Phonics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-phonics-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Reading & Phonics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-phonics-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Reading & Phonics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->16.8k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/math-multiplication" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->220<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Mathematics<!-- --> · <!-- -->Elementary</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.9</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Multiplication & Division</h2><p class="line-clamp-2 text-xs text-muted-foreground">Times tables that make sense: equal groups, arrays, and sharing fairly â the foundation for all later math.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-multiplication-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Multiplication & Division" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-multiplication-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Multiplication & Division" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-multiplication-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Multiplication & Division" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->15.6k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/sci-elementary" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->180<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Science<!-- --> · <!-- -->Elementary</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.9</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Exploring Our World: Weather & Nature</h2><p class="line-clamp-2 text-xs text-muted-foreground">Young scientists observe the sky, seasons, plants, and animals â and learn to ask 'why?'.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-elementary-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Exploring Our World: Weather & Nature" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-elementary-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Exploring Our World: Weather & Nature" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-elementary-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Exploring Our World: Weather & Nature" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->15.3k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/math-time-money" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->
1210<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">2<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Mathematics<!-- --> · <!-- -->Elementary</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.9</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Telling Time & Money</h2><p class="line-clamp-2 text-xs text-muted-foreground">Read a clock and count coins with confidence: hours and minutes, dollars and cents, and making change.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-time-money-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Telling Time & Money" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-time-money-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Telling Time & Money" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-time-money-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Telling Time & Money" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->14.7k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/sci-space-kids" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->170<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Science<!-- --> · <!-- -->Elementary</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.9</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Space for Kids</h2><p class="line-clamp-2 text-xs text-muted-foreground">Blast off through the solar system â the Sun, Moon, planets, and stars, explained for young explorers.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-space-kids-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Space for Kids" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-space-kids-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Space for Kids" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-space-kids-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Space for Kids" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->14.2k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/cs-blocks" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->200<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Computer Science<!-- --> · <!-- -->Elementary</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.9</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Intro to Coding with Blocks</h2><p class="line-clamp-2 text-xs text-muted-foreground">Kids' first programming: sequences, loops, and events using drag-and-drop blocks.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-blocks-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Intro to Coding with Blocks" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-blocks-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Intro to Coding with Blocks" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-blocks-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Intro to Coding with Blocks" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->14.1k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/math-fractions" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->230<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Mathematics<!-- --> · <!-- -->Elementary</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Fractions & Decimals</h2><p class="line-clamp-2 text-xs text-muted-foreground">Parts of a whole made friendly: naming fractions, comparing them, and meeting decimals for the first time.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-fractions-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Fractions & Decimals" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-fractions-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Fractions & Decimals" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-fractions-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Fractions & Decimals" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->13.9k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/eng-storytelling" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->200<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">2<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">English<!-- --> · <!-- -->Elementary</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.9</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Stories & Storytelling</h2><p class="line-clamp-2 text-xs text-muted-foreground">Every story has a beginning, middle, and end. Meet characters, settings, and problems â then tell a story of your own.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-storytelling-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Stories & Storytelling" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-storytelling-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Stories & Storytelling" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-storytelling-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Stories & Storytelling" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->13.5k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/lang-spanish" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->200<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">World Languages<!-- --> · <!-- -->Elementary</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Spanish for Beginners</h2><p class="line-clamp-2 text-xs text-muted-foreground">Greet, introduce yourself, and count â your first steps in Spanish.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-spanish-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Spanish for Beginners" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-spanish-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Spanish for Beginners" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-spanish-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Spanish for Beginners" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->13.2k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/math-prealgebra" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->300<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Mathematics<!-- --> · <!-- -->Middle School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Pre-Algebra Foundations</h2><p class="line-clamp-2 text-xs text-muted-foreground">Bridge arithmetic and algebra: integers, fractions, ratios, and the meaning of a variable.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-prealgebra-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Pre-Algebra Foundations" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-prealgebra-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Pre-Algebra Foundations" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-prealgebra-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Pre-Algebra Foundations" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->12.9k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/sci-simple-machines" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->
1210<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">2<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Science<!-- --> · <!-- -->Elementary</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.9</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Simple Machines</h2><p class="line-clamp-2 text-xs text-muted-foreground">Levers, ramps, pulleys, and wheels â the six simple machines that make hard jobs easy, with build-it-yourself labs.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-simple-machines-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Simple Machines" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-simple-machines-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Simple Machines" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-simple-machines-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Simple Machines" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->12.8k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/cs-ai" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->360<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Computer Science<!-- --> · <!-- -->Middle School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">How AI Works</h2><p class="line-clamp-2 text-xs text-muted-foreground">A clear-eyed introduction to artificial intelligence: how machines learn from examples, where they shine, and where they fail.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-ai-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in How AI Works" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-ai-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in How AI Works" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-ai-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in How AI Works" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->11.4k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/sci-earth-life" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->300<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Science<!-- --> · <!-- -->Middle School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.6</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Earth & Life Science</h2><p class="line-clamp-2 text-xs text-muted-foreground">Middle-school science: cells, ecosystems, rocks, and the water cycle.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-earth-life-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Earth & Life Science" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-earth-life-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Earth & Life Science" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-earth-life-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Earth & Life Science" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->11.2k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/eng-vocabulary" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->150<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">English<!-- --> · <!-- -->Elementary</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.9</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Vocabulary Builders</h2><p class="line-clamp-2 text-xs text-muted-foreground">Grow a mighty word bank â synonyms, antonyms, prefixes, and roots that unlock new words.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-vocabulary-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Vocabulary Builders" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-vocabulary-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Vocabulary Builders" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-vocabulary-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Vocabulary Builders" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->11.2k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/cs-python" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->350<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Computer Science<!-- --> · <!-- -->
1Middle School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Python Programming for Beginners</h2><p class="line-clamp-2 text-xs text-muted-foreground">Write your first real programs: variables, loops, and functions in Python.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-python-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Python Programming for Beginners" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-python-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Python Programming for Beginners" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-python-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Python Programming for Beginners" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->10.8k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/art-drawing" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->180<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Arts<!-- --> · <!-- -->Elementary</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Introduction to Drawing</h2><p class="line-clamp-2 text-xs text-muted-foreground">See like an artist: line, shape, and shading from simple observation.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-drawing-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Introduction to Drawing" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-drawing-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Introduction to Drawing" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-drawing-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Introduction to Drawing" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->9.9k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/math-algebra1" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->450<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Mathematics<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Algebra I</h2><p class="line-clamp-2 text-xs text-muted-foreground">Linear equations, inequalities, and functions â the core algebra every high schooler needs.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-algebra1-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Algebra I" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-algebra1-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Algebra I" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-algebra1-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Algebra I" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->9.9k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/sci-forces" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->330<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Science<!-- --> · <!-- -->Middle School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Physical Science: Forces & Energy</h2><p class="line-clamp-2 text-xs text-muted-foreground">Push, pull, launch, and glide â how forces move things, how energy changes form, and why 45° throws farthest.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-forces-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Physical Science: Forces & Energy" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-forces-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Physical Science: Forces & Energy" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-forces-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Physical Science: Forces & Energy" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->9.6k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/math-mental-math" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->160<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Mathematics<!-- --> · <!-- -->Elementary</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Mental Math Tricks</h2><p class="line-clamp-2 text-xs text-muted-foreground">Fast, friendly tricks for adding, doubling, and multiplying in your head â no paper needed.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-mental-math-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Mental Math Tricks" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-mental-math-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Mental Math Tricks" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-mental-math-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Mental Math Tricks" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->9.6k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/eng-grammar" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->300<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">English<!-- --> · <!-- -->Middle School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.6</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Grammar & Composition</h2><p class="line-clamp-2 text-xs text-muted-foreground">Parts of speech, sentence structure, and writing a clear paragraph.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-grammar-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Grammar & Composition" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-grammar-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Grammar & Composition" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-grammar-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Grammar & Composition" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->9.4k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/cs-robotics" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->360<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">2<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Computer Science<!-- --> · <!-- -->Middle School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Robotics & Sensors</h2><p class="line-clamp-2 text-xs text-muted-foreground">How robots sense, think, and act: sensors, simple logic, and the sense-think-act loop behind every robot.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-robotics-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Robotics & Sensors" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-robotics-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Robotics & Sensors" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-robotics-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Robotics & Sensors" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->9.2k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/sci-biology" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->450<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Science<!-- --> · <!-- -->
1High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Biology</h2><p class="line-clamp-2 text-xs text-muted-foreground">The science of life: cells, DNA, evolution, and how organisms work.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-biology-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Biology" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-biology-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Biology" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-biology-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Biology" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->8.9k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/cs-game-dev" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->260<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Computer Science<!-- --> · <!-- -->Middle School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Intro to Game Development</h2><p class="line-clamp-2 text-xs text-muted-foreground">Build your first games â sprites, the game loop, collisions, and score, one step at a time.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-game-dev-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Intro to Game Development" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-game-dev-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Intro to Game Development" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-game-dev-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Intro to Game Development" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->8.9k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/hist-elementary" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->170<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">History<!-- --> · <!-- -->Elementary</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.9</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Long Ago and Today</h2><p class="line-clamp-2 text-xs text-muted-foreground">A young learner's first history: how life changes over time, and how we know about the past.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-elementary-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Long Ago and Today" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-elementary-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Long Ago and Today" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-elementary-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Long Ago and Today" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->8.8k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/hist-world" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->320<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">History<!-- --> · <!-- -->Middle School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.6</span></div><h2 class="text-lg font-bold leading-tight text-foreground">World History</h2><p class="line-clamp-2 text-xs text-muted-foreground">From early civilizations to the modern era â empires, trade, and turning points.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-world-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in World History" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-world-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in World History" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-world-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in World History" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->8.7k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/sci-oceans" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->340<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">2<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Science<!-- --> · <!-- -->
1Middle School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Oceanography: The Blue Planet</h2><p class="line-clamp-2 text-xs text-muted-foreground">Dive into the ocean that covers most of Earth: waves, tides, currents, and the strange life of the deep.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-oceans-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Oceanography: The Blue Planet" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-oceans-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Oceanography: The Blue Planet" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-oceans-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Oceanography: The Blue Planet" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->8.4k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/cs-webdev" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->520<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Computer Science<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Web Development</h2><p class="line-clamp-2 text-xs text-muted-foreground">Build web pages from scratch: structure content with HTML and style it with CSS.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-webdev-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Web Development" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-webdev-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Web Development" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-webdev-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Web Development" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->8.1k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/hist-ancient" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->320<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">History<!-- --> · <!-- -->Middle School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Ancient Civilizations</h2><p class="line-clamp-2 text-xs text-muted-foreground">Walk through Mesopotamia, Egypt, Greece, and Rome â the first cities, writing, law, and ideas that still shape us.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-ancient-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Ancient Civilizations" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-ancient-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Ancient Civilizations" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-ancient-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Ancient Civilizations" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->7.9k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/lang-french" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->320<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">World Languages<!-- --> · <!-- -->Middle School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.6</span></div><h2 class="text-lg font-bold leading-tight text-foreground">French I</h2><p class="line-clamp-2 text-xs text-muted-foreground">Pronunciation, greetings, and everyday vocabulary to start speaking French.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-french-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in French I" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-french-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in French I" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-french-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in French I" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->7.8k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/math-geometry" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->450<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Mathematics<!-- --> · <!-- -->
1High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.6</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Geometry</h2><p class="line-clamp-2 text-xs text-muted-foreground">Reason about shape and space: angles, triangles, the Pythagorean theorem, and proof.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-geometry-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Geometry" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-geometry-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Geometry" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-geometry-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Geometry" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->7.6k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/hist-medieval" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->330<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">2<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">History<!-- --> · <!-- -->Middle School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">The Medieval World</h2><p class="line-clamp-2 text-xs text-muted-foreground">A thousand years between Rome and the Renaissance: castles and knights, monks and merchants, plague and power.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-medieval-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in The Medieval World" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-medieval-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in The Medieval World" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-medieval-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in The Medieval World" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->7.6k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/eng-essay" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->300<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">English<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Essay Writing</h2><p class="line-clamp-2 text-xs text-muted-foreground">From blank page to strong argument â thesis, structure, evidence, and revision.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-essay-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Essay Writing" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-essay-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Essay Writing" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-essay-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Essay Writing" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->7.6k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/hist-geography" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->320<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">History<!-- --> · <!-- -->Middle School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.6</span></div><h2 class="text-lg font-bold leading-tight text-foreground">World Geography</h2><p class="line-clamp-2 text-xs text-muted-foreground">Read the map of the world: continents and oceans, map skills, and how place shapes life.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-geography-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in World Geography" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-geography-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in World Geography" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-geography-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in World Geography" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->7.3k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/math-algebra2" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->320<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Mathematics<!-- --> · <!-- -->
1High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Algebra II</h2><p class="line-clamp-2 text-xs text-muted-foreground">Quadratics, exponents, logarithms, and functions â the algebra that opens the door to calculus.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-algebra2-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Algebra II" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-algebra2-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Algebra II" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-algebra2-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Algebra II" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->7.3k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/sci-chemistry" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->450<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Science<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Chemistry</h2><p class="line-clamp-2 text-xs text-muted-foreground">
1Atoms, bonding, reactions, and the periodic table â matter and how it changes.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-chemistry-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Chemistry" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-chemistry-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Chemistry" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-chemistry-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Chemistry" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->7.2k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/eng-literature" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->450<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">English<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Literature & the Essay</h2><p class="line-clamp-2 text-xs text-muted-foreground">Read closely and write a persuasive literary essay with a clear thesis.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-literature-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Literature & the Essay" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-literature-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Literature & the Essay" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-literature-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Literature & the Essay" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->7.1k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/sci-astronomy" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->470<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Science<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.9</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Astronomy</h2><p class="line-clamp-2 text-xs text-muted-foreground">Explore the solar system and beyond: planets, the Sun, and the life cycle of stars.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-astronomy-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Astronomy" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-astronomy-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Astronomy" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-astronomy-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Astronomy" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->6.9k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/sci-physics" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->480<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Science<!-- --> · <!-- -->
1High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Physics</h2><p class="line-clamp-2 text-xs text-muted-foreground">Motion, forces, energy, and waves â the rules the universe runs on.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-physics-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Physics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-physics-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Physics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-physics-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Physics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->6.8k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/art-graphic-design" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->320<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">2<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Arts<!-- --> · <!-- -->Middle School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Graphic Design Basics</h2><p class="line-clamp-2 text-xs text-muted-foreground">
1Make posters people actually read: layout, type, color, and contrast â the visual grammar of good design.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-graphic-design-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Graphic Design Basics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-graphic-design-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Graphic Design Basics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-graphic-design-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Graphic Design Basics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->6.8k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/sci-genetics" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->330<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Science<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Genetics & Heredity</h2><p class="line-clamp-2 text-xs text-muted-foreground">Genes, alleles, and Punnett squares â how traits pass from parents to the next generation.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-genetics-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Genetics & Heredity" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-genetics-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Genetics & Heredity" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-genetics-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Genetics & Heredity" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->6.8k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/hist-economics" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->480<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">2<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">History<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Economics & Personal Finance</h2><p class="line-clamp-2 text-xs text-muted-foreground">Supply, demand, and your own wallet: how markets set prices, and how budgeting and compound interest build a future.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-economics-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Economics & Personal Finance" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-economics-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Economics & Personal Finance" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-economics-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Economics & Personal Finance" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->6.7k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/art-dance" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->240<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Arts<!-- --> · <!-- -->
1Middle School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Dance Fundamentals</h2><p class="line-clamp-2 text-xs text-muted-foreground">Move with rhythm and confidence â basic steps, timing, and expression across styles.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-dance-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Dance Fundamentals" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-dance-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Dance Fundamentals" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-dance-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Dance Fundamentals" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->6.7k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/eng-creative-writing" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->440<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">English<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Creative Writing</h2><p class="line-clamp-2 text-xs text-muted-foreground">Find your voice in fiction and poetry: build characters, scenes, and vivid imagery.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-creative-writing-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Creative Writing" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-creative-writing-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Creative Writing" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-creative-writing-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Creative Writing" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->6.4k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/hist-us" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->450<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">History<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">United States History</h2><p class="line-clamp-2 text-xs text-muted-foreground">Founding, Civil War, and the 20th century â the events that shaped a nation.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-us-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in United States History" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-us-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in United States History" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-us-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in United States History" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->6.3k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/hist-modern" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->340<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">History<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">The Modern World: 1900âNow</h2><p class="line-clamp-2 text-xs text-muted-foreground">The century that made today â world wars, the Cold War, decolonization, and globalization.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-modern-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in The Modern World: 1900âNow" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-modern-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in The Modern World: 1900âNow" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-modern-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in The Modern World: 1900âNow" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->6.3k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/math-statistics" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->460<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Mathematics<!-- --> · <!-- -->
1High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Statistics</h2><p class="line-clamp-2 text-xs text-muted-foreground">Make sense of data: mean, median, and mode, plus the basics of probability and chance.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-statistics-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Statistics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-statistics-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Statistics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-statistics-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Statistics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->6.1k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/sci-anatomy" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->470<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Science<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Human Anatomy & Physiology</h2><p class="line-clamp-2 text-xs text-muted-foreground">How the body works: the skeletal, muscular, circulatory, and nervous systems, and how they cooperate to keep you alive.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-anatomy-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Human Anatomy & Physiology" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-anatomy-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Human Anatomy & Physiology" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-anatomy-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Human Anatomy & Physiology" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->6.1k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/art-music" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->300<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Arts<!-- --> · <!-- -->Middle School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Music Theory Basics</h2><p class="line-clamp-2 text-xs text-muted-foreground">Read rhythm and pitch: notes, the staff, and simple scales.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-music-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Music Theory Basics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-music-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Music Theory Basics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-music-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Music Theory Basics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->6.1k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/lang-korean" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->300<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">World Languages<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Korean for Beginners</h2><p class="line-clamp-2 text-xs text-muted-foreground">Hangul, greetings, and everyday words â begin your Korean journey with confidence.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-korean-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Korean for Beginners" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-korean-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Korean for Beginners" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-korean-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Korean for Beginners" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->6.1k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/math-trigonometry" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->520<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Mathematics<!-- --> · <!-- -->
1High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Trigonometry</h2><p class="line-clamp-2 text-xs text-muted-foreground">Sine, cosine, and tangent from triangles to the unit circle â the math of angles, waves, and rotation.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-trigonometry-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Trigonometry" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-trigonometry-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Trigonometry" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-trigonometry-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Trigonometry" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->5.9k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/cs-cybersecurity" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->520<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Computer Science<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Cybersecurity Fundamentals</h2><p class="line-clamp-2 text-xs text-muted-foreground">Think like a defender: passwords, encryption, phishing, and how the internet keeps
1secrets safe.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-cybersecurity-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Cybersecurity Fundamentals" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-cybersecurity-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Cybersecurity Fundamentals" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-cybersecurity-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Cybersecurity Fundamentals" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->5.9k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/art-photography" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->420<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Arts<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Digital Photography</h2><p class="line-clamp-2 text-xs text-muted-foreground">Make better pictures: exposure, composition, and light â how a camera turns a scene into an image.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-photography-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Digital Photography" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-photography-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Digital Photography" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-photography-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Digital Photography" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->5.8k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/lang-italian" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->300<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">World Languages<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Italian for Beginners</h2><p class="line-clamp-2 text-xs text-muted-foreground">Greetings, numbers, and café phrases â start speaking Italian from your very first lesson.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-italian-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Italian for Beginners" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-italian-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Italian for Beginners" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-italian-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Italian for Beginners" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->5.8k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/sci-electricity" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->490<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Science<!-- --> · <!-- -->
1High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Electricity & Circuits</h2><p class="line-clamp-2 text-xs text-muted-foreground">Voltage, current, and resistance â build the mental model behind every circuit, from a flashlight to a laptop.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-electricity-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Electricity & Circuits" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-electricity-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Electricity & Circuits" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-electricity-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Electricity & Circuits" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->5.7k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/cs-java" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->500<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Computer Science<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.6</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Programming with Java</h2><p class="line-clamp-2 text-xs text-muted-foreground">An AP-style introduction to object-oriented programming with Java.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-java-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Programming with Java" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-java-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Programming with Java" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-java-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Programming with Java" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->5.6k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/art-animation" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->320<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Arts<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Animation Basics</h2><p class="line-clamp-2 text-xs text-muted-foreground">Bring drawings to life â frames, keyframes, timing, and the principles of motion.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-animation-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Animation Basics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-animation-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Animation Basics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-animation-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Animation Basics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->5.5k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/math-calculus" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->600<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Mathematics<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.9</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Calculus I</h2><p class="line-clamp-2 text-xs text-muted-foreground">Limits, derivatives, and integrals â the mathematics of change, with worked intuition.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-calculus-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Calculus I" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-calculus-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Calculus I" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-calculus-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Calculus I" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->5.4k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/sci-environmental" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->460<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Science<!-- --> · <!-- -->
1High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Environmental Science</h2><p class="line-clamp-2 text-xs text-muted-foreground">How ecosystems work and how humans affect them â energy flow, pollution, and climate change.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-environmental-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Environmental Science" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-environmental-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Environmental Science" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-environmental-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Environmental Science" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->5.4k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/hist-civics" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->450<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">History<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Civics & Government</h2><p class="line-clamp-2 text-xs text-muted-foreground">How power works: constitutions, the three branches, rights, and how a citizen shapes a nation.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-civics-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Civics & Government" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-civics-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Civics & Government" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-civics-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Civics & Government" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->5.4k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/math-probability" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->340<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Mathematics<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Probability & Combinatorics</h2><p class="line-clamp-2 text-xs text-muted-foreground">Counting, chance, and combinations â from coin flips to how many ways a team can line up.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-probability-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Probability & Combinatorics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-probability-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Probability & Combinatorics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-probability-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Probability & Combinatorics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->5.4k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/math-precalculus" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->500<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Mathematics<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.6</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Precalculus</h2><p class="line-clamp-2 text-xs text-muted-foreground">Bridge algebra and calculus: functions, domain and range, and an introduction to trigonometry.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-precalculus-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Precalculus" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-precalculus-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Precalculus" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-precalculus-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Precalculus" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->5.3k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/lang-arabic" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->300<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">World Languages<!-- --> · <!-- -->
1High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Arabic for Beginners</h2><p class="line-clamp-2 text-xs text-muted-foreground">The script, sounds, and first phrases of Arabic â greet, count, and introduce yourself.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-arabic-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Arabic for Beginners" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-arabic-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Arabic for Beginners" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-arabic-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Arabic for Beginners" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->5.3k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/eng-public-speaking" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->440<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">English<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Public Speaking & Debate</h2><p class="line-clamp-2 text-xs text-muted-foreground">Speak with confidence: structure an argument, handle nerves, and persuade a live audience.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-public-speaking-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Public Speaking & Debate" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-public-speaking-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Public Speaking & Debate" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-public-speaking-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Public Speaking & Debate" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->5.2k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/cs-data-science" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->620<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Computer Science<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Data Science with Python</h2><p class="line-clamp-2 text-xs text-muted-foreground">Turn raw data into insight â cleaning, exploring, and visualizing data with pandas.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-data-science-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Data Science with Python" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-data-science-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Data Science with Python" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-data-science-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Data Science with Python" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->5.2k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/lang-german" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->330<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">World Languages<!-- --> · <!-- -->Middle School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.6</span></div><h2 class="text-lg font-bold leading-tight text-foreground">German I</h2><p class="line-clamp-2 text-xs text-muted-foreground">Start speaking German: greetings, the alphabet's sounds, and everyday nouns with their articles.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-german-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in German I" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-german-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in German I" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-german-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in German I" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->5.1k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/hist-asia" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->330<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">History<!-- --> · <!-- -->
1High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">History of Asia</h2><p class="line-clamp-2 text-xs text-muted-foreground">Empires, philosophies, and inventions across China, India, Japan, and beyond.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-asia-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in History of Asia" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-asia-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in History of Asia" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-asia-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in History of Asia" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->5.1k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/cs-dsa" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->700<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Computer Science<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.9</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Data Structures & Algorithms</h2><p class="line-clamp-2 text-xs text-muted-foreground">Arrays, trees, hashing, and Big-O â write code that scales.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-dsa-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Data Structures & Algorithms" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-dsa-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Data Structures & Algorithms" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-dsa-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Data Structures & Algorithms" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->4.9k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/lang-asl" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->450<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">2<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">World Languages<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.9</span></div><h2 class="text-lg font-bold leading-tight text-foreground">American Sign Language I</h2><p class="line-clamp-2 text-xs text-muted-foreground">A visual language with its own grammar: fingerspelling, first signs, and the facial expression that carries meaning.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-asl-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in American Sign Language I" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-asl-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in American Sign Language I" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-asl-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in American Sign Language I" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->4.9k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/eng-poetry" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->300<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">English<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Reading Poetry</h2><p class="line-clamp-2 text-xs text-muted-foreground">Unlock the music and meaning of poems â imagery, meter, rhyme, and figurative language.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-poetry-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Reading Poetry" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-poetry-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Reading Poetry" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-poetry-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Reading Poetry" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->4.9k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/eng-journalism" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->460<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">English<!-- --> · <!-- -->
1High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Journalism & Media Literacy</h2><p class="line-clamp-2 text-xs text-muted-foreground">Report the news and read it wisely: sourcing, the inverted pyramid, and telling fact from opinion in a noisy feed.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-journalism-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Journalism & Media Literacy" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-journalism-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Journalism & Media Literacy" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-journalism-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Journalism & Media Literacy" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->4.8k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/hist-africa" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->330<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">History<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">History of Africa</h2><p class="line-clamp-2 text-xs text-muted-foreground">Kingdoms of gold, great cities, and trade â Africa's rich history from Egypt to independence.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-africa-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in History of Africa" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-africa-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in History of Africa" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-africa-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in History of Africa" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->4.7k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/lang-japanese" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->450<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">World Languages<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Japanese I</h2><p class="line-clamp-2 text-xs text-muted-foreground">Begin Japanese: hiragana, greetings, and simple sentences with the particles that hold them together.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-japanese-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Japanese I" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-japanese-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Japanese I" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-japanese-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Japanese I" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->4.6k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/art-theater" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->400<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Arts<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Theater & Drama</h2><p class="line-clamp-2 text-xs text-muted-foreground">Step onto the stage: the parts of a play, basic acting, and how a story is staged.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-theater-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Theater & Drama" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-theater-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Theater & Drama" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-theater-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Theater & Drama" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->4.6k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/lang-russian" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->300<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">World Languages<!-- --> · <!-- -->
1High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Russian for Beginners</h2><p class="line-clamp-2 text-xs text-muted-foreground">Cyrillic, greetings, and first words â read the alphabet and start speaking Russian.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-russian-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Russian for Beginners" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-russian-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Russian for Beginners" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-russian-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Russian for Beginners" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->4.6k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/art-fashion" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->300<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Arts<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Fashion Design</h2><p class="line-clamp-2 text-xs text-muted-foreground">From mood board to garment â silhouette, textiles, color, and the design process.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-fashion-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Fashion Design" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-fashion-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Fashion Design" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-fashion-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Fashion Design" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->4.4k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/cs-databases" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->680<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Computer Science<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Databases & SQL</h2><p class="line-clamp-2 text-xs text-muted-foreground">Store and query data: relational tables, keys, and writing SELECT queries in SQL.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-databases-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Databases & SQL" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-databases-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Databases & SQL" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-databases-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Databases & SQL" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->4.3k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/lang-mandarin" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->450<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">World Languages<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Mandarin Chinese I</h2><p class="line-clamp-2 text-xs text-muted-foreground">Tones, pinyin, and your first characters and phrases in Mandarin.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-mandarin-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Mandarin Chinese I" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-mandarin-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Mandarin Chinese I" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-mandarin-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Mandarin Chinese I" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->4.2k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/math-linear-algebra" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->650<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Mathematics<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Linear Algebra</h2><p class="line-clamp-2 text-xs text-muted-foreground">Vectors, matrices, and linear transformations â the backbone of data science and graphics.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-linear-algebra-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Linear Algebra" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-linear-algebra-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Linear Algebra" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-linear-algebra-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Linear Algebra" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->4.1k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/cs-cloud" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->600<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Computer Science<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Cloud Computing</h2><p class="line-clamp-2 text-xs text-muted-foreground">Servers you rent, not own â IaaS, containers, scaling, and availability in the modern cloud.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-cloud-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Cloud Computing" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-cloud-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Cloud Computing" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-cloud-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Cloud Computing" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->4.1k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/cs-blockchain" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->620<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Computer Science<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.6</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Blockchain & Crypto</h2><p class="line-clamp-2 text-xs text-muted-foreground">Ledgers no one owns â hashes, blocks, consensus, keys, and smart contracts explained clearly.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-blockchain-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Blockchain & Crypto" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-blockchain-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Blockchain & Crypto" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-blockchain-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Blockchain & Crypto" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->3.9k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/cs-os" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->720<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">2<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Computer Science<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Operating Systems</h2><p class="line-clamp-2 text-xs text-muted-foreground">What really happens between your code and the hardware: processes, scheduling, memory, and why the illusion holds.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-os-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Operating Systems" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-os-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Operating Systems" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-os-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Operating Systems" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->3.8k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/math-discrete" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->680<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Mathematics<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Discrete Mathematics</h2><p class="line-clamp-2 text-xs text-muted-foreground">The math of computer science: logic, proofs, sets, counting, and graphs â reasoning about discrete structures.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-discrete-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Discrete Mathematics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-discrete-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Discrete Mathematics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-discrete-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Discrete Mathematics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->3.7k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/cs-networks" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->700<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Computer Science<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Computer Networks</h2><p class="line-clamp-2 text-xs text-muted-foreground">How the internet actually works: packets, addresses, routing, and the layered protocols that carry every click.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-networks-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Computer Networks" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-networks-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Computer Networks" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-networks-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Computer Networks" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->3.6k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/sci-organic-chem" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->700<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Science<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.5</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Organic Chemistry</h2><p class="line-clamp-2 text-xs text-muted-foreground">The chemistry of carbon: nomenclature, functional groups, and reaction mechanisms.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-organic-chem-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Organic Chemistry" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-organic-chem-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Organic Chemistry" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-organic-chem-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Organic Chemistry" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->3.4k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/sci-thermodynamics" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->580<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Science<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Thermodynamics</h2><p class="line-clamp-2 text-xs text-muted-foreground">Heat, work, and entropy â the laws governing energy, engines, and why time has a direction.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-thermodynamics-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Thermodynamics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-thermodynamics-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Thermodynamics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-thermodynamics-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Thermodynamics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->3.4k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/art-history" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->420<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Arts<!-- --> · <!-- -->High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.6</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Art History</h2><p class="line-clamp-2 text-xs text-muted-foreground">From the Renaissance to modern movements â how to look at and talk about art.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-history-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Art History" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-history-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Art History" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-history-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Art History" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->3.3k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/art-sculpture" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->300<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Arts<!-- --> · <!-- -->
1High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Sculpture & 3D Form</h2><p class="line-clamp-2 text-xs text-muted-foreground">Shape space itself â carving, modeling, and casting three-dimensional form.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-sculpture-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Sculpture & 3D Form" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-sculpture-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Sculpture & 3D Form" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-sculpture-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Sculpture & 3D Form" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->3.3k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/math-diffeq" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->720<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">2<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Mathematics<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Differential Equations</h2><p class="line-clamp-2 text-xs text-muted-foreground">Equations whose unknowns are functions: model growth, decay, and oscillation, and see why solutions behave as they do.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-diffeq-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Differential Equations" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-diffeq-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Differential Equations" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-diffeq-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Differential Equations" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->3.2k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/hist-women" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->560<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">History<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Women's History</h2><p class="line-clamp-2 text-xs text-muted-foreground">Suffrage, work, and struggle â recovering women's roles and voices across history.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-women-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Women's History" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-women-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Women's History" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-women-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Women's History" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->3.2k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/cs-mobile" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->700<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Computer Science<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Mobile App Development</h2><p class="line-clamp-2 text-xs text-muted-foreground">Build interactive apps: screens, state, user input, and the event loop that ties them together.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-mobile-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Mobile App Development" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-mobile-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Mobile App Development" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-mobile-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Mobile App Development" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->3.1k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/lang-latin" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->440<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">World Languages<!-- --> · <!-- -->
1High School</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Latin I</h2><p class="line-clamp-2 text-xs text-muted-foreground">The language beneath the languages: first declensions, core vocabulary, and the Roman words hiding inside English.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-latin-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Latin I" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-latin-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Latin I" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-latin-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Latin I" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->3.1k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/math-numerical" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->560<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Mathematics<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Numerical Methods</h2><p class="line-clamp-2 text-xs text-muted-foreground">How computers solve equations they can't solve exactly â roots, integrals, and error.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-numerical-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Numerical Methods" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-numerical-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Numerical Methods" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-numerical-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Numerical Methods" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->3.1k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/art-creative-coding" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->560<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Arts<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Creative Coding</h2><p class="line-clamp-2 text-xs text-muted-foreground">Program pictures that move and respond â generative art and interaction with p5.js.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-creative-coding-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Creative Coding" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-creative-coding-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Creative Coding" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-creative-coding-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&
1chars=2" alt="Learner enrolled in Creative Coding" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->3.0k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/art-color-theory" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->600<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Arts<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Color Theory & Design</h2><p class="line-clamp-2 text-xs text-muted-foreground">The science and craft of color: the wheel, harmony, contrast, and how composition guides the eye.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-color-theory-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Color Theory & Design" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-color-theory-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Color Theory & Design" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-color-theory-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Color Theory & Design" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->2.8k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/eng-shakespeare" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->600<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">English<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.5</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Shakespeare</h2><p class="line-clamp-2 text-xs text-muted-foreground">Tragedy, comedy, and the sonnet â reading the bard with confidence.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-shakespeare-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Shakespeare" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-shakespeare-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Shakespeare" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-shakespeare-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Shakespeare" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->2.6k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/sci-materials" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->600<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Science<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Materials Science</h2><p class="line-clamp-2 text-xs text-muted-foreground">Why steel bends, ceramics shatter, and silicon computes â structure, properties, and design of materials.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-materials-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Materials Science" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-materials-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Materials Science" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-materials-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Materials Science" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->2.6k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/art-film" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->640<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Arts<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Filmmaking & Video Storytelling</h2><p class="line-clamp-2 text-xs text-muted-foreground">Tell stories with a camera: shots and coverage, exposure and light, and the edit that turns footage into film.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-film-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Filmmaking & Video Storytelling" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-film-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Filmmaking & Video Storytelling" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-film-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Filmmaking & Video Storytelling" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->2.5k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/sci-geology" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->640<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Science<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Geology: The Dynamic Earth</h2><p class="line-clamp-2 text-xs text-muted-foreground">Plate tectonics, the rock cycle, earthquakes, and deep time â how the planet builds and reshapes itself.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-geology-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Geology: The Dynamic Earth" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-geology-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Geology: The Dynamic Earth" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-geology-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Geology: The Dynamic Earth" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->2.4k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/math-number-theory" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->680<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Mathematics<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Number Theory</h2><p class="line-clamp-2 text-xs text-muted-foreground">Primes, divisibility, and modular arithmetic â ancient questions about whole numbers that now secure the internet.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-number-theory-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Number Theory" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-number-theory-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Number Theory" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-number-theory-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Number Theory" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->2.3k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/hist-cold-war" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->620<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">History<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">The Cold War</h2><p class="line-clamp-2 text-xs text-muted-foreground">Four decades on the edge: superpower rivalry, proxy wars, the space race, and the wall that finally fell.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-cold-war-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in The Cold War" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-cold-war-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in The Cold War" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-cold-war-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in The Cold War" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->2.2k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/cs-ml" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->900<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Computer Science<!-- --> · <!-- -->Master's</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">
1Machine Learning</h2><p class="line-clamp-2 text-xs text-muted-foreground">Graduate-level ML: supervised vs unsupervised learning, training, and generalization.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-ml-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Machine Learning" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-ml-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Machine Learning" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-ml-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Machine Learning" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->2.1k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/lang-spanish-advanced" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->620<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">World Languages<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Advanced Spanish: Grammar & Expression</h2><p class="line-clamp-2 text-xs text-muted-foreground">Move beyond the basics: the subjunctive mood, ser vs. estar, and the register that makes speech sound native.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-spanish-advanced-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Advanced Spanish: Grammar & Expression" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-spanish-advanced-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Advanced Spanish: Grammar & Expression" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-spanish-advanced-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Advanced Spanish: Grammar & Expression" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->2.1k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/hist-europe" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->600<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">History<!-- --> · <!-- -->Undergraduate</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.6</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Modern European History</h2><p class="line-clamp-2 text-xs text-muted-foreground">Revolutions, world wars, and the making of modern Europe.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-europe-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Modern European History" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-europe-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Modern European History" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-europe-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Modern European History" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->1.9k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/cs-compilers" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->900<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Computer Science<!-- --> · <!-- -->Master's</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Compilers</h2><p class="line-clamp-2 text-xs text-muted-foreground">How source code becomes machine code â lexing, parsing, semantics, and code generation.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-compilers-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Compilers" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-compilers-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Compilers" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-compilers-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Compilers" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->1.5k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/sci-immunology" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->880<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Science<!-- --> · <!-- -->Master's</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Immunology</h2><p class="line-clamp-2 text-xs text-muted-foreground">How the body defends itself â innate and adaptive immunity, antibodies, vaccines, and memory.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-immunology-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Immunology" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-immunology-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Immunology" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-immunology-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Immunology" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->1.2k</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/math-real-analysis" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->900<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Mathematics<!-- --> · <!-- -->Master's</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Real Analysis</h2><p class="line-clamp-2 text-xs text-muted-foreground">The rigorous foundation of calculus: sequences, limits, and epsilon-delta proof.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-real-analysis-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Real Analysis" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-real-analysis-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Real Analysis" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-real-analysis-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Real Analysis" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->977</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/lang-linguistics" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->840<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">World Languages<!-- --> · <!-- -->Master's</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.9</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Introduction to Linguistics</h2><p class="line-clamp-2 text-xs text-muted-foreground">Graduate study of how language works: the sounds, structures, and meaning beneath every tongue.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-linguistics-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Introduction to Linguistics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-linguistics-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Introduction to Linguistics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-linguistics-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Introduction to Linguistics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->977</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/eng-literary-theory" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->820<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">English<!-- --> · <!-- -->Master's</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.6</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Literary Theory</h2><p class="line-clamp-2 text-xs text-muted-foreground">Graduate approaches to reading: how critical lenses like formalism and reader-response reshape a text.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-literary-theory-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Literary Theory" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-literary-theory-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Literary Theory" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-literary-theory-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Literary Theory" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->937</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/sci-neuroscience" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->900<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Science<!-- --> · <!-- -->Master's</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.9</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Neuroscience</h2><p class="line-clamp-2 text-xs text-muted-foreground">Graduate tour of the brain: how neurons fire, how synapses learn, and how circuits of cells become behavior.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-neuroscience-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Neuroscience" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-neuroscience-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Neuroscience" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-neuroscience-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Neuroscience" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->907</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/sci-molecular-bio" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->880<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Science<!-- --> · <!-- -->Master's</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Molecular Biology</h2><p class="line-clamp-2 text-xs text-muted-foreground">Graduate study of the molecules of life: DNA replication, transcription, and how genes become proteins.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-molecular-bio-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Molecular Biology" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-molecular-bio-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Molecular Biology" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-molecular-bio-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Molecular Biology" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->867</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/sci-microbiology" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->900<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">2<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Science<!-- --> · <!-- -->Master's</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Microbiology</h2><p class="line-clamp-2 text-xs text-muted-foreground">The unseen majority: graduate study of bacteria, viruses, and microbes â how they grow, cause disease, and keep ecosystems (and us) alive.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-microbiology-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Microbiology" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-microbiology-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Microbiology" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-microbiology-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Microbiology" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->817</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/art-aesthetics" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->840<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Arts<!-- --> · <!-- -->Master's</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Aesthetics & Art Criticism</h2><p class="line-clamp-2 text-xs text-muted-foreground">Graduate inquiry into what makes something art, how we judge it, and the frameworks critics use to argue.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-aesthetics-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Aesthetics & Art Criticism" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-aesthetics-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Aesthetics & Art Criticism" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-aesthetics-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Aesthetics & Art Criticism" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->717</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/hist-historiography" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->860<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">History<!-- --> · <!-- -->Master's</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.8</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Historiography & Method</h2><p class="line-clamp-2 text-xs text-muted-foreground">Graduate methods: how historians read sources, weigh evidence, and argue about the past itself.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-historiography-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Historiography & Method" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-historiography-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Historiography & Method" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-historiography-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Historiography & Method" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->637</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/eng-research" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->1000<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">English<!-- --> · <!-- -->PhD</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.7</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Research Methods in the Humanities</h2><p class="line-clamp-2 text-xs text-muted-foreground">Doctoral craft: methodologies, literature reviews, and reasoning about evidence.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-research-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Research Methods in the Humanities" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-research-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Research Methods in the Humanities" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=eng-research-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Research Methods in the Humanities" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->517</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/lang-sociolinguistics" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->940<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">World Languages<!-- --> · <!-- -->PhD</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.9</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Sociolinguistics: Language in Society</h2><p class="line-clamp-2 text-xs text-muted-foreground">Doctoral study of how language varies with region, class, and identity â and how that variation carries power.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-sociolinguistics-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Sociolinguistics: Language in Society" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-sociolinguistics-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Sociolinguistics: Language in Society" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=lang-sociolinguistics-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Sociolinguistics: Language in Society" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->407</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/art-visual-culture" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->960<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Arts<!-- --> · <!-- -->PhD</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.9</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Visual Culture & Critical Theory</h2><p class="line-clamp-2 text-xs text-muted-foreground">Doctoral seminar on the image in society: how looking is structured by power, gender, and the media that surround us.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-visual-culture-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Visual Culture & Critical Theory" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-visual-culture-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Visual Culture & Critical Theory" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=art-visual-culture-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Visual Culture & Critical Theory" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->377</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/hist-seminar" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->960<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">History<!-- --> · <!-- -->PhD</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.9</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Seminar: Memory, Power & the Archive</h2><p class="line-clamp-2 text-xs text-muted-foreground">Doctoral seminar on how archives are built, whose past survives in them, and how public memory is contested.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-seminar-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Seminar: Memory, Power & the Archive" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-seminar-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Seminar: Memory, Power & the Archive" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=hist-seminar-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Seminar: Memory, Power & the Archive" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->317</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/sci-quantum" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->1200<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Science<!-- --> · <!-- -->PhD</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.9</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Quantum Mechanics</h2><p class="line-clamp-2 text-xs text-muted-foreground">Doctoral physics: wavefunctions, superposition, and the Schrödinger equation.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-quantum-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Quantum Mechanics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-quantum-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Quantum Mechanics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-quantum-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Quantum Mechanics" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->307</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/sci-astrophysics" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-frost/50 [&_.cat]:text-frost [&_.cta]:text-frost"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--frost), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->1200<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Science<!-- --> · <!-- -->PhD</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.9</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Astrophysics & Cosmology</h2><p class="line-clamp-2 text-xs text-muted-foreground">Doctoral study of the universe at large: stellar physics, redshift and expansion, and the evidence for the Big Bang.</p><div class="flex items-center justify-between pt-2">
1<div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-astrophysics-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Astrophysics & Cosmology" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-astrophysics-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Astrophysics & Cosmology" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=sci-astrophysics-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Astrophysics & Cosmology" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->287</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a><a href="/classes/cs-advanced-algorithms" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-mana/50 [&_.cat]:text-mana [&_.cta]:text-mana"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--mana), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->1200<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">4<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Computer Science<!-- --> · <!-- -->PhD</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.9</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Advanced Algorithms</h2><p class="line-clamp-2 text-xs text-muted-foreground">Doctoral algorithm design: NP-completeness, approximation, and the limits of efficient computation.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-advanced-algorithms-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Advanced Algorithms" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-advanced-algorithms-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Advanced Algorithms" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=cs-advanced-algorithms-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Advanced Algorithms" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->257</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a>
1<a href="/classes/math-topology" class="group block overflow-hidden rounded-2xl border border-border bg-surface transition-all hover:-translate-y-0.5 hover:border-slime/50 [&_.cat]:text-slime [&_.cta]:text-slime"><div class="relative aspect-video overflow-hidden bg-gradient-to-br from-background to-surface-hover"><div class="absolute inset-0 opacity-40 transition-transform duration-500 group-hover:scale-110" style="background-image:radial-gradient(circle at 30% 40%, var(--slime), transparent 60%), radial-gradient(circle at 70% 60%, var(--frost), transparent 50%)"></div><div class="absolute bottom-3 right-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-foreground backdrop-blur">+<!-- -->1200<!-- --> XP</div><div class="absolute left-3 top-3 rounded-md bg-background/80 px-2 py-1 font-mono text-[10px] font-bold text-slime backdrop-blur">3<!-- --> lesson<!-- -->s</div></div><div class="space-y-3 p-5"><div class="flex items-start justify-between gap-2"><span class="cat font-mono text-[10px] font-bold uppercase tracking-wider">Mathematics<!-- --> · <!-- -->PhD</span><span class="flex items-center gap-1 font-mono text-[10px] text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3 fill-slime text-slime" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg> <!-- -->4.9</span></div><h2 class="text-lg font-bold leading-tight text-foreground">Algebraic Topology</h2><p class="line-clamp-2 text-xs text-muted-foreground">Doctoral study of shape up to deformation: homotopy, the fundamental group, and homology.</p><div class="flex items-center justify-between pt-2"><div class="flex -space-x-2"><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-topology-0&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Algebraic Topology" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-topology-1&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Algebraic Topology" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><img src="https://api.dicebear.com/9.x/initials/svg?seed=math-topology-2&backgroundColor=1e3a8a,1e40af,0f172a,334155,475569,0369a1&textColor=ffffff&fontFamily=Georgia&fontWeight=600&chars=2" alt="Learner enrolled in Algebraic Topology" class="size-6 rounded-full bg-surface ring-2 ring-surface"/><span class="grid h-6 min-w-6 place-items-center rounded-full bg-background px-1.5 text-[9px] font-bold text-muted-foreground ring-2 ring-surface">+<!-- -->237</span></div><span class="cta text-xs font-bold transition-transform group-hover:translate-x-1">View â</span></div></div></a></div></section></div></main><footer class="mt-16 border-t border-border bg-card"><nav aria-label="Guides" class="mx-auto flex max-w-6xl flex-wrap gap-x-6 gap-y-2 px-4 pt-6 text-xs text-muted-foreground sm:px-8"><a href="/resources/gamification-in-education" class="underline-offset-4 transition-colors hover:text-foreground hover:underline">Gamification in education: teacher playbook</a><a href="/resources/gamification-in-higher-education" class="underline-offset-4 transition-colors hover:text-foreground hover:underline">Gamification in higher education</a><a href="/resources/gamification-in-the-workplace" class="underline-offset-4 transition-colors hover:text-foreground hover:underline">Gamification in the workplace</a><a href="/resources/homeschooling" class="underline-offset-4 transition-colors hover:text-foreground hover:underline">Gamified homeschooling resources</a><a href="/resources/how-to-create-a-study-schedule" class="underline-offset-4 transition-colors hover:text-foreground hover:underline">How to create a study schedule</a><a href="/resources/how-to-stay-motivated-to-study" class="underline-offset-4 transition-colors hover:text-foreground hover:underline">How to stay motivated to study</a><a href="/resources/spaced-repetition-explained" class="underline-offset-4 transition-colors hover:text-foreground hover:underline">Spaced repetition explained</a></nav><div class="mx-auto flex max-w-6xl flex-col items-center justify-between gap-4 px-4 py-6 sm:flex-row sm:px-8"><p class="font-mono text-xs text-muted-foreground">© <!-- -->2026<!-- --> MonsterClass.com ·<!-- -->
1 <span class="text-foreground/80">A </span><a href="https://wetocean.com" target="_blank" rel="noopener noreferrer me" class="font-semibold text-foreground underline-offset-4 transition-colors hover:text-primary hover:underline">Wet Ocean</a><span class="text-foreground/80"> Brand</span></p><nav aria-label="Social media" class="flex items-center gap-1"><a href="https://twitter.com/wetocean_com" target="_blank" rel="noopener noreferrer me" aria-label="X (Twitter)" class="grid size-9 place-items-center rounded-md border border-transparent text-muted-foreground transition-colors hover:border-border hover:bg-surface hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-twitter size-4" aria-hidden="true"><path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"></path></svg></a><a href="https://github.com/wetocean" target="_blank" rel="noopener noreferrer me" aria-label="GitHub" class="grid size-9 place-items-center rounded-md border border-transparent text-muted-foreground transition-colors hover:border-border hover:bg-surface hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github size-4" aria-hidden="true"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg></a><a href="https://www.linkedin.com/company/wetocean" target="_blank" rel="noopener noreferrer me" aria-label="LinkedIn" class="grid size-9 place-items-center rounded-md border border-transparent text-muted-foreground transition-colors hover:border-border hover:bg-surface hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin size-4" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></a></nav></div></footer></div></div>
1<script>(function(a,f){let l;try{l=JSON.parse(sessionStorage.getItem(a)||"{}")}catch{return}const n=l?.[f||history.state?.__TSR_key];let c=!1;for(const t in n){const e=n[t],o=e?.scrollX,s=e?.scrollY;if(Number.isFinite(o)&&Number.isFinite(s)){if(t==="window")scrollTo(o,s),c=!0;else if(t)try{const r=document.querySelector(t);r&&(r.scrollLeft=o,r.scrollTop=s)}catch{}}}if(c)return;const i=location.hash.slice(1);if(i){const t=history.state?.__hashScrollIntoViewOptions??!0;if(t){const e=document.getElementById(i);e&&e.scrollIntoView(t)}return}scrollTo(0,0)})("tsr-scroll-restoration-v1_3");document.currentScript.remove()</script>
1<!--/$--><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section>
1<script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-DBGA9mUG.js","/assets/jsx-runtime-DGeXAQPT.js","/assets/dist-WRs_oB22.js"],scripts:$R[5]=[$R[6]={attrs:$R[7]={type:"module",async:!0,src:"/assets/index-DBGA9mUG.js"}}]},"/classes":$R[8]={preloads:$R[9]=["/assets/classes-B4TpBXXG.js","/assets/app-shell-rUHCQm-n.js","/assets/star-DStERKeV.js","/assets/x-DUwz9K_G.js"]}}},matches:$R[10]=[$R[11]={i:"__root__�",u:1791598548632,s:"success",ssr:!0},$R[12]={i:"�classes�classes",u:1791598548632,s:"success",l:$R[13]={"math-elementary":4,"math-prealgebra":4,"math-algebra1":4,"math-geometry":4,"math-calculus":4,"math-linear-algebra":4,"math-real-analysis":3,"math-topology":3,"math-statistics":3,"math-precalculus":3,"sci-elementary":3,"sci-earth-life":4,"sci-biology":4,"sci-chemistry":4,"sci-physics":4,"sci-organic-chem":4,"sci-quantum":4,"sci-environmental":4,"sci-astronomy":4,"sci-molecular-bio":4,"cs-blocks":4,"cs-python":3,"cs-java":4,"cs-dsa":4,"cs-ml":4,"cs-webdev":4,"cs-databases":4,"cs-advanced-algorithms":4,"eng-phonics":4,"eng-grammar":4,"eng-literature":4,"eng-shakespeare":4,"eng-research":4,"eng-creative-writing":4,"eng-literary-theory":4,"hist-elementary":4,"hist-world":4,"hist-us":4,"hist-europe":4,"hist-geography":4,"hist-historiography":4,"hist-seminar":4,"lang-spanish":4,"lang-french":4,"lang-mandarin":4,"lang-german":4,"lang-spanish-advanced":3,"lang-linguistics":3,"lang-sociolinguistics":3,"art-drawing":3,"art-music":3,"art-history":3,"art-theater":3,"art-color-theory":3,"art-aesthetics":3,"art-visual-culture":3,"math-multiplication":3,"math-discrete":3,"sci-anatomy":3,"sci-geology":3,"cs-cybersecurity":3,"cs-mobile":3,"eng-public-speaking":3,"hist-civics":3,"hist-ancient":3,"lang-japanese":3,"art-photography":3,"math-fractions":3,"math-trigonometry":3,"math-number-theory":3,"sci-forces":3,"sci-electricity":3,"sci-neuroscience":3,"sci-astrophysics":3,"cs-ai":3,"cs-networks":3,"eng-journalism":3,"hist-cold-war":3,"lang-latin":3,"art-graphic-design":2,"art-film":3,"math-time-money":2,"sci-simple-machines":2,"eng-storytelling":2,"sci-oceans":2,"cs-robotics":2,"hist-medieval":2,"hist-economics":2,"lang-asl":2,"math-diffeq":2,"cs-os":2,"sci-microbiology":2,"math-mental-math":3,"math-algebra2":3,"math-probability":3,"math-numerical":3,"sci-space-kids":3,"sci-genetics":3,"sci-thermodynamics":3,"sci-immunology":3,"sci-materials":3,"cs-game-dev":3,"cs-data-science":3,"cs-cloud":3,"cs-compilers":3,"cs-blockchain":3,"eng-vocabulary":3,"eng-essay":3,"eng-poetry":3,"hist-asia":3,"hist-africa":3,"hist-modern":3,"hist-women":3,"lang-italian":3,"lang-arabic":3,"lang-korean":3,"lang-russian":3,"art-sculpture":3,"art-dance":3,"art-animation":3,"art-creative-coding":3,"art-fashion":3},ssr:!0}],lastMatchId:"�classes�classes"})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script>
1<script type="module" async="" src="/assets/index-DBGA9mUG.js"></script>
1</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.