-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
1 lines (1 loc) · 248 KB
/
index.html
File metadata and controls
1 lines (1 loc) · 248 KB
1
<!DOCTYPE html><html class="dark" lang="en"><head><meta charset="utf-8"><link href="/favicon.ico" rel="icon"><link href="/favicon.svg" rel="icon" type="image/svg+xml"><meta content="width=device-width,initial-scale=1" name="viewport"><meta content="#000000" name="theme-color"><link href="/rss.xml" rel="alternate" type="application/rss+xml" title="Fezcodex RSS Feed"><meta content="codex by fezcode..." name="description"><meta content="website" property="og:type"><meta content="https://fezcode.com/" property="og:url"><meta content="Fezcodex - Personal Blog and Projects" property="og:title"><meta content="Discover logs, posts, projects, and stories from Fezcode." property="og:description"><meta content="/images/asset/ogtitle.png" property="og:image"><meta content="summary_large_image" name="twitter:card"><meta content="https://fezcode.com/" name="twitter:url"><meta content="Fezcodex - Personal Blog and Projects" name="twitter:title"><meta content="Discover logs, posts, projects, and stories from Fezcode." name="twitter:description"><meta content="/images/asset/ogtitle.png" name="twitter:image"><link href="/logo192.png" rel="apple-touch-icon"><link href="/manifest.json" rel="manifest"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin=""><link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Arvo&family=Inter&family=Playfair+Display:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Outfit:wght@300;400;500;600&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap" rel="stylesheet"><title>Featured Apps | Fezcodex</title><title>fezcodex</title><script defer src="/static/js/main.87f8d95f.js"></script><link href="/static/css/main.c666da2c.css" rel="stylesheet"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect"><link href="https://github.com" rel="preconnect"><meta content="A curated selection of core tools and essential applications." name="description"><meta content="pinned, apps, tools, featured, core" name="keywords"><meta content="Featured Apps | Fezcodex" property="og:title"><meta content="A curated selection of core tools and essential applications." property="og:description"><meta content="https://fezcode.com/images/asset/ogtitle.png" property="og:image"><meta content="https://fezcode.com/pinned-apps" property="og:url"><meta content="website" property="og:type"><meta content="Fezcodex" property="og:site_name"><meta content="https://fezcode.com/images/asset/ogtitle.png" property="og:image:secure_url"><meta content="summary_large_image" name="twitter:card"><meta content="Featured Apps | Fezcodex" name="twitter:title"><meta content="A curated selection of core tools and essential applications." name="twitter:description"><meta content="https://fezcode.com/images/asset/ogtitle.png" name="twitter:image"><meta content="https://fezcode.com/pinned-apps" name="twitter:url"><link href="https://fezcode.com/pinned-apps" rel="canonical"><link href="https://release-assets.githubusercontent.com" rel="preconnect"></head><body class="bg-slate-950" style="cursor:default;user-select:auto"><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"><div class="bg-emerald-600 text-white relative z-[100] border-b-2 border-black selection:bg-white selection:text-black" style="height:auto;opacity:1"><div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between gap-4"><div class="flex items-center gap-3 flex-1"><span class="shrink-0"><svg viewBox="0 0 256 256" height="20" width="20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M108,84a16,16,0,1,1,16,16A16,16,0,0,1,108,84Zm128,44A108,108,0,1,1,128,20,108.12,108.12,0,0,1,236,128Zm-24,0a84,84,0,1,0-84,84A84.09,84.09,0,0,0,212,128Zm-72,36.68V132a20,20,0,0,0-20-20,12,12,0,0,0-4,23.32V168a20,20,0,0,0,20,20,12,12,0,0,0,4-23.32Z"></path></svg></span><p class="font-mono text-xs md:text-sm font-black uppercase tracking-widest leading-tight">CLIMB THE TALL BUILDING 0 IS ONLINE: BUILD YOUR DECK AND CLIMB. ACCESS AT /CLIMB-THE-TALL-BUILDING-0.</p><a class="shrink-0 inline-flex items-center gap-1 bg-black/20 hover:bg-black/40 px-3 py-1 rounded-sm border border-white/20 transition-all font-bold text-[10px] uppercase" href="https://fezcode.com/climb-the-tall-building-0/">Play Climb the Tall Building 0<svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></a></div><button class="p-1 hover:bg-black/20 rounded-sm transition-colors shrink-0" aria-label="Dismiss"><svg viewBox="0 0 256 256" height="20" width="20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z"></path></svg></button></div><div class="h-0.5 w-full bg-black/10"></div></div><div class="bg-[#050505] min-h-screen font-sans flex"><div class="fixed inset-0 bg-black/80 backdrop-blur-sm z-40 md:hidden transition-opacity opacity-0 pointer-events-none"></div><aside class="fixed top-0 left-0 h-screen w-72 bg-[#060608] z-50 flex flex-col border-r border-white/10 shadow-2xl" style="transform:translateX(-100%)"><div class="p-8 border-b border-white/10 flex flex-col gap-2 bg-black/50 relative"><div class="absolute top-0 left-0 w-full h-[2px] bg-gradient-to-r from-emerald-500/60 via-amber-500/30 to-transparent"></div><a class="flex items-center gap-3 group" href="/" data-discover="true"><span class="text-xl font-black uppercase tracking-tighter text-white">Fez<span class="text-emerald-500">codex</span></span></a><span class="font-arvo text-[10px] text-gray-500 uppercase tracking-widest font-medium">Digital Archive Kernel // v0.20.1 // Neural_Nexus</span></div><div class="relative flex-grow overflow-hidden"><div class="h-full overflow-y-auto scrollbar-hide no-scrollbar"><button class="flex items-center justify-between w-full px-6 py-4 border-b border-white/10 transition-all duration-300 text-gray-600 hover:text-gray-400 border-l-2 border-transparent"><span class="font-arvo text-[11px] uppercase tracking-[0.2em]">// Main</span><span class="transform transition-transform duration-300 rotate-180">↓</span></button><nav class="flex flex-col"><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M222.14,105.85l-80-80a20,20,0,0,0-28.28,0l-80,80A19.86,19.86,0,0,0,28,120v96a12,12,0,0,0,12,12h64a12,12,0,0,0,12-12V164h24v52a12,12,0,0,0,12,12h64a12,12,0,0,0,12-12V120A19.86,19.86,0,0,0,222.14,105.85ZM204,204H164V152a12,12,0,0,0-12-12H104a12,12,0,0,0-12,12v52H52V121.65l76-76,76,76Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Home</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/terminal" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M72.5,150.63,100.79,128,72.5,105.37a12,12,0,1,1,15-18.74l40,32a12,12,0,0,1,0,18.74l-40,32a12,12,0,0,1-15-18.74ZM144,172h32a12,12,0,0,0,0-24H144a12,12,0,0,0,0,24ZM236,56V200a20,20,0,0,1-20,20H40a20,20,0,0,1-20-20V56A20,20,0,0,1,40,36H216A20,20,0,0,1,236,56Zm-24,4H44V196H212Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Terminal</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/about" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M234.38,210a123.36,123.36,0,0,0-60.78-53.23,76,76,0,1,0-91.2,0A123.36,123.36,0,0,0,21.62,210a12,12,0,1,0,20.77,12c18.12-31.32,50.12-50,85.61-50s67.49,18.69,85.61,50a12,12,0,0,0,20.77-12ZM76,96a52,52,0,1,1,52,52A52.06,52.06,0,0,1,76,96Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">About</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/achievements" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M232,60H212V48a12,12,0,0,0-12-12H56A12,12,0,0,0,44,48V60H24A20,20,0,0,0,4,80V96a44.05,44.05,0,0,0,44,44h.77A84.18,84.18,0,0,0,116,195.15V212H96a12,12,0,0,0,0,24h64a12,12,0,0,0,0-24H140V195.11c30.94-4.51,56.53-26.2,67-55.11h1a44.05,44.05,0,0,0,44-44V80A20,20,0,0,0,232,60ZM28,96V84H44v28c0,1.21,0,2.41.09,3.61A20,20,0,0,1,28,96Zm160,15.1c0,33.33-26.71,60.65-59.54,60.9A60,60,0,0,1,68,112V60H188ZM228,96a20,20,0,0,1-16.12,19.62c.08-1.5.12-3,.12-4.52V84h16Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Achievements</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a></nav><button class="flex items-center justify-between w-full px-6 py-4 border-b border-white/10 transition-all duration-300 text-gray-600 hover:text-gray-400 border-l-2 border-transparent"><span class="font-arvo text-[11px] uppercase tracking-[0.2em]">// Feed</span><span class="transform transition-transform duration-300 rotate-180">↓</span></button><nav class="flex flex-col"><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/blog" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M232,44H160a43.86,43.86,0,0,0-32,13.85A43.86,43.86,0,0,0,96,44H24A12,12,0,0,0,12,56V200a12,12,0,0,0,12,12H96a20,20,0,0,1,20,20,12,12,0,0,0,24,0,20,20,0,0,1,20-20h72a12,12,0,0,0,12-12V56A12,12,0,0,0,232,44ZM96,188H36V68H96a20,20,0,0,1,20,20V192.81A43.79,43.79,0,0,0,96,188Zm124,0H160a43.71,43.71,0,0,0-20,4.83V88a20,20,0,0,1,20-20h60Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Blogposts</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/projects" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M230.47,67.5a12,12,0,0,0-19.26-4.32L172.43,99l-12.68-2.72L157,83.57l35.79-38.78a12,12,0,0,0-4.32-19.26A76.07,76.07,0,0,0,88.41,121.64L30.92,174.18a4.68,4.68,0,0,0-.39.38,36,36,0,0,0,50.91,50.91l.38-.39,52.54-57.49A76.05,76.05,0,0,0,230.47,67.5ZM160,148a51.5,51.5,0,0,1-23.35-5.52,12,12,0,0,0-14.26,2.62L64.31,208.66a12,12,0,0,1-17-17l63.55-58.07a12,12,0,0,0,2.62-14.26A51.5,51.5,0,0,1,108,96a52.06,52.06,0,0,1,52-52h.89L135.17,71.87a12,12,0,0,0-2.91,10.65l5.66,26.35a12,12,0,0,0,9.21,9.21l26.35,5.66a12,12,0,0,0,10.65-2.91L212,95.12c0,.3,0,.59,0,.89A52.06,52.06,0,0,1,160,148Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Projects</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/logs" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M216,36H40A20,20,0,0,0,20,56V200a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V56A20,20,0,0,0,216,36Zm-4,160H44V60H212ZM68,92A12,12,0,0,1,80,80h96a12,12,0,0,1,0,24H80A12,12,0,0,1,68,92Zm0,36a12,12,0,0,1,12-12h96a12,12,0,0,1,0,24H80A12,12,0,0,1,68,128Zm0,36a12,12,0,0,1,12-12h96a12,12,0,0,1,0,24H80A12,12,0,0,1,68,164Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Discovery Logs</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/vocab" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,20H72A36,36,0,0,0,36,56V224a12,12,0,0,0,12,12H192a12,12,0,0,0,0-24H60v-4a12,12,0,0,1,12-12H208a12,12,0,0,0,12-12V32A12,12,0,0,0,208,20ZM120,44h36v59l-10.51-8.41a12,12,0,0,0-15,0L120,103Zm76,128H72a35.59,35.59,0,0,0-12,2.06V56A12,12,0,0,1,72,44H96v84a12,12,0,0,0,19.5,9.37l22.49-18,22.51,18A12,12,0,0,0,180,128V44h16Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Glossary</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/the-vague" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,164v8h12a12,12,0,0,1,0,24H200v12a12,12,0,0,1-24,0V152a12,12,0,0,1,12-12h32a12,12,0,0,1,0,24ZM92,172a32,32,0,0,1-32,32H56v4a12,12,0,0,1-24,0V152a12,12,0,0,1,12-12H60A32,32,0,0,1,92,172Zm-24,0a8,8,0,0,0-8-8H56v16h4A8,8,0,0,0,68,172Zm100,8a40,40,0,0,1-40,40H112a12,12,0,0,1-12-12V152a12,12,0,0,1,12-12h16A40,40,0,0,1,168,180Zm-24,0a16,16,0,0,0-16-16h-4v32h4A16,16,0,0,0,144,180ZM36,108V40A20,20,0,0,1,56,20h96a12,12,0,0,1,8.49,3.52l56,56A12,12,0,0,1,220,88v20a12,12,0,0,1-24,0v-4H148a12,12,0,0,1-12-12V44H60v64a12,12,0,0,1-24,0ZM160,57V80h23Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">The Vague</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a></nav><button class="flex items-center justify-between w-full px-6 py-4 border-b border-white/10 transition-all duration-300 text-gray-600 hover:text-gray-400 border-l-2 border-transparent"><span class="font-arvo text-[11px] uppercase tracking-[0.2em]">// Applications</span><span class="transform transition-transform duration-300 rotate-180">↓</span></button><nav class="flex flex-col"><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="https://fezcode.com/castarook/"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M252,80a32,32,0,1,0-60,15.45l-20.86,25.66L150.82,74.4a32,32,0,1,0-45.64,0L84.87,121.11,64,95.45a32,32,0,1,0-35,15.78l14,84.06A19.94,19.94,0,0,0,62.78,212H193.22A19.94,19.94,0,0,0,213,195.29l14-84.06A32.05,32.05,0,0,0,252,80Zm-32-8a8,8,0,1,1-8,8A8,8,0,0,1,220,72ZM128,44a8,8,0,1,1-8,8A8,8,0,0,1,128,44ZM36,72a8,8,0,1,1-8,8A8,8,0,0,1,36,72ZM189.83,188H66.17L55.29,122.78l23.4,28.79A12,12,0,0,0,88,156a12.87,12.87,0,0,0,1.63-.11,12,12,0,0,0,9.37-7.1L127.18,84l.82,0,.82,0L157,148.79a12,12,0,0,0,9.37,7.1A12.87,12.87,0,0,0,168,156a12,12,0,0,0,9.31-4.43l23.4-28.79Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Castarook</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="https://fezcode.com/Swat-Tactics/"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,36H48A20,20,0,0,0,28,56v56c0,54.29,26.32,87.22,48.4,105.29,23.71,19.39,47.44,26,48.44,26.29a12.1,12.1,0,0,0,6.32,0c1-.28,24.73-6.9,48.44-26.29,22.08-18.07,48.4-51,48.4-105.29V56A20,20,0,0,0,208,36Zm-4,76c0,35.71-13.09,64.69-38.91,86.15A126.28,126.28,0,0,1,128,219.38a126.14,126.14,0,0,1-37.09-21.23C65.09,176.69,52,147.71,52,112V60H204ZM79.51,144.49a12,12,0,1,1,17-17L112,143l47.51-47.52a12,12,0,0,1,17,17l-56,56a12,12,0,0,1-17,0Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Swat Tactics</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="https://fezcode.com/climb-the-tall-building-0/"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M216,28H152a12,12,0,0,0-9.33,4.45L79.5,110.51l-4.66-4.65a20,20,0,0,0-28.29,0L29.86,122.55a20,20,0,0,0,0,28.29h0L45,166,23.86,187.17a20,20,0,0,0,0,28.28l16.69,16.69a20,20,0,0,0,28.28,0L90,211l15.17,15.16a20,20,0,0,0,28.29,0l16.69-16.69a20,20,0,0,0,0-28.3l-4.65-4.65,78.06-63.17A12,12,0,0,0,228,104V40A12,12,0,0,0,216,28ZM54.69,212.34l-11-11L62,183l11,11Zm64.61-6L49.65,136.7l11.05-11,69.65,69.65ZM204,98.27l-75.58,61.17L121,152l47.51-47.5a12,12,0,0,0-17-17L104,135l-7.45-7.44L157.73,52H204Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">CTTB-0</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="https://fezcode.com/net_run/"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M225.6,62.64l-88-48.17a19.91,19.91,0,0,0-19.2,0l-88,48.17A20,20,0,0,0,20,80.19v95.62a20,20,0,0,0,10.4,17.55l88,48.17a19.89,19.89,0,0,0,19.2,0l88-48.17A20,20,0,0,0,236,175.81V80.19A20,20,0,0,0,225.6,62.64ZM128,36.57,200,76,128,115.4,56,76ZM44,96.79l72,39.4v76.67L44,173.44Zm96,116.07V136.19l72-39.4v76.65Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Net Run</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a></nav><button class="flex items-center justify-between w-full px-6 py-4 border-b border-white/10 transition-all duration-300 bg-emerald-500/5 text-emerald-400 border-l-2 border-emerald-500"><span class="font-arvo text-[11px] uppercase tracking-[0.2em]">// Utilities</span><span class="transform transition-transform duration-300 rotate-180">↓</span></button><nav class="flex flex-col"><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 bg-emerald-500/10 text-white" href="/pinned-apps" data-discover="true" aria-current="page"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M238.15,78.54,177.46,17.86a20,20,0,0,0-28.3,0L97.2,70c-12.43-3.33-36.68-5.72-61.74,14.5a20,20,0,0,0-1.6,29.73l45.46,45.47-39.8,39.8a12,12,0,0,0,17,17l39.8-39.81,45.47,45.46A20,20,0,0,0,155.91,228c.46,0,.93,0,1.4-.05A20,20,0,0,0,171.87,220c4.69-6.23,11-16.13,14.44-28s3.45-22.88.16-33.4l51.7-51.87A20,20,0,0,0,238.15,78.54Zm-74.26,68.79a12,12,0,0,0-2.23,13.84c3.43,6.86,6.9,21-6.28,40.65L54.08,100.53c21.09-14.59,39.53-6.64,41-6a11.67,11.67,0,0,0,13.81-2.29l54.43-54.61,55,55Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Favorites</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/apps" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M100,36H56A20,20,0,0,0,36,56v44a20,20,0,0,0,20,20h44a20,20,0,0,0,20-20V56A20,20,0,0,0,100,36ZM96,96H60V60H96ZM200,36H156a20,20,0,0,0-20,20v44a20,20,0,0,0,20,20h44a20,20,0,0,0,20-20V56A20,20,0,0,0,200,36Zm-4,60H160V60h36Zm-96,40H56a20,20,0,0,0-20,20v44a20,20,0,0,0,20,20h44a20,20,0,0,0,20-20V156A20,20,0,0,0,100,136Zm-4,60H60V160H96Zm104-60H156a20,20,0,0,0-20,20v44a20,20,0,0,0,20,20h44a20,20,0,0,0,20-20V156A20,20,0,0,0,200,136Zm-4,60H160V160h36Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">App Center</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/commands" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Manuals</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a></nav><button class="flex items-center justify-between w-full px-6 py-4 border-b border-white/10 transition-all duration-300 text-gray-600 hover:text-gray-400 border-l-2 border-transparent"><span class="font-arvo text-[11px] uppercase tracking-[0.2em]">// System</span><span class="transform transition-transform duration-300">↓</span></button><button class="flex items-center justify-between w-full px-6 py-4 border-b border-white/10 transition-all duration-300 text-gray-600 hover:text-gray-400 border-l-2 border-transparent"><span class="font-arvo text-[11px] uppercase tracking-[0.2em]">// External Nodes</span><span class="transform transition-transform duration-300">↓</span></button></div></div><div class="p-4 border-t border-white/10 bg-black/50"><div class="grid grid-cols-4 gap-2 mb-4"><button class="group flex flex-col items-center justify-center p-2 border border-white/[0.08] bg-white/[0.03] hover:bg-emerald-400 hover:border-emerald-400 transition-all aspect-square" title="COMMANDS"><div class="text-white group-hover:text-black transition-all"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M232.49,215.51,185,168a92.12,92.12,0,1,0-17,17l47.53,47.54a12,12,0,0,0,17-17ZM44,112a68,68,0,1,1,68,68A68.07,68.07,0,0,1,44,112Z"></path></svg></div></button><button class="group flex flex-col items-center justify-center p-2 border border-white/[0.08] bg-white/[0.03] hover:bg-emerald-400 hover:border-emerald-400 transition-all aspect-square" title="SETTINGS"><div class="text-white group-hover:text-black transition-all"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M128,76a52,52,0,1,0,52,52A52.06,52.06,0,0,0,128,76Zm0,80a28,28,0,1,1,28-28A28,28,0,0,1,128,156Zm113.86-49.57A12,12,0,0,0,236,98.34L208.21,82.49l-.11-31.31a12,12,0,0,0-4.25-9.12,116,116,0,0,0-38-21.41,12,12,0,0,0-9.68.89L128,37.27,99.83,21.53a12,12,0,0,0-9.7-.9,116.06,116.06,0,0,0-38,21.47,12,12,0,0,0-4.24,9.1l-.14,31.34L20,98.35a12,12,0,0,0-5.85,8.11,110.7,110.7,0,0,0,0,43.11A12,12,0,0,0,20,157.66l27.82,15.85.11,31.31a12,12,0,0,0,4.25,9.12,116,116,0,0,0,38,21.41,12,12,0,0,0,9.68-.89L128,218.73l28.14,15.74a12,12,0,0,0,9.7.9,116.06,116.06,0,0,0,38-21.47,12,12,0,0,0,4.24-9.1l.14-31.34,27.81-15.81a12,12,0,0,0,5.85-8.11A110.7,110.7,0,0,0,241.86,106.43Zm-22.63,33.18-26.88,15.28a11.94,11.94,0,0,0-4.55,4.59c-.54,1-1.11,1.93-1.7,2.88a12,12,0,0,0-1.83,6.31L184.13,199a91.83,91.83,0,0,1-21.07,11.87l-27.15-15.19a12,12,0,0,0-5.86-1.53h-.29c-1.14,0-2.3,0-3.44,0a12.08,12.08,0,0,0-6.14,1.51L93,210.82A92.27,92.27,0,0,1,71.88,199l-.11-30.24a12,12,0,0,0-1.83-6.32c-.58-.94-1.16-1.91-1.7-2.88A11.92,11.92,0,0,0,63.7,155L36.8,139.63a86.53,86.53,0,0,1,0-23.24l26.88-15.28a12,12,0,0,0,4.55-4.58c.54-1,1.11-1.94,1.7-2.89a12,12,0,0,0,1.83-6.31L71.87,57A91.83,91.83,0,0,1,92.94,45.17l27.15,15.19a11.92,11.92,0,0,0,6.15,1.52c1.14,0,2.3,0,3.44,0a12.08,12.08,0,0,0,6.14-1.51L163,45.18A92.27,92.27,0,0,1,184.12,57l.11,30.24a12,12,0,0,0,1.83,6.32c.58.94,1.16,1.91,1.7,2.88A11.92,11.92,0,0,0,192.3,101l26.9,15.33A86.53,86.53,0,0,1,219.23,139.61Z"></path></svg></div></button><button class="group flex flex-col items-center justify-center p-2 border border-white/[0.08] bg-white/[0.03] hover:bg-emerald-400 hover:border-emerald-400 transition-all aspect-square" title="RANDOM"><div class="text-white group-hover:text-black transition-all"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M240.49,175.51a12,12,0,0,1,0,17l-24,24a12,12,0,0,1-17-17L203,196h-2.09a76.17,76.17,0,0,1-61.85-31.83L97.38,105.78A52.1,52.1,0,0,0,55.06,84H32a12,12,0,0,1,0-24H55.06a76.17,76.17,0,0,1,61.85,31.83l41.71,58.39A52.1,52.1,0,0,0,200.94,172H203l-3.52-3.51a12,12,0,0,1,17-17Zm-95.62-72.62a12,12,0,0,0,16.93-1.13A52,52,0,0,1,200.94,84H203l-3.52,3.51a12,12,0,0,0,17,17l24-24a12,12,0,0,0,0-17l-24-24a12,12,0,0,0-17,17L203,60h-2.09a76,76,0,0,0-57.2,26A12,12,0,0,0,144.87,102.89Zm-33.74,50.22a12,12,0,0,0-16.93,1.13A52,52,0,0,1,55.06,172H32a12,12,0,0,0,0,24H55.06a76,76,0,0,0,57.2-26A12,12,0,0,0,111.13,153.11Z"></path></svg></div></button><button class="group flex flex-col items-center justify-center p-2 border border-white/[0.08] bg-white/[0.03] hover:bg-emerald-400 hover:border-emerald-400 transition-all aspect-square" title="CONTACT"><div class="text-white group-hover:text-black transition-all"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M224,44H32A12,12,0,0,0,20,56V192a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V56A12,12,0,0,0,224,44ZM193.15,68,128,127.72,62.85,68ZM44,188V83.28l75.89,69.57a12,12,0,0,0,16.22,0L212,83.28V188Z"></path></svg></div></button></div><div class="text-center"><p class="font-arvo text-[10px] text-gray-600 uppercase tracking-widest font-medium">© 2026 Fezcode // Theme: Brutalist</p></div></div></aside><div class="flex-1 flex flex-col transition-all duration-300 md:ml-0"><header class="bg-[#050505]/80 backdrop-blur-md sticky top-0 z-[60] transition-all border-b border-transparent py-4 relative"><button class="absolute top-1/2 -translate-y-1/2 left-6 text-gray-400 hover:text-emerald-500 transition-colors hidden md:block focus:outline-none" aria-label="Toggle Sidebar"><svg viewBox="0 0 256 256" height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128ZM40,76H216a12,12,0,0,0,0-24H40a12,12,0,0,0,0,24ZM216,180H40a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24Z"></path></svg></button><div class="mx-auto max-w-7xl px-6 flex justify-between items-center text-white"><div class="md:hidden flex items-center gap-4"><button class="text-gray-400 hover:text-white transition-colors focus:outline-none"><svg viewBox="0 0 256 256" height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128ZM40,76H216a12,12,0,0,0,0-24H40a12,12,0,0,0,0,24ZM216,180H40a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24Z"></path></svg></button><a class="flex items-center gap-2" href="/" data-discover="true"><svg viewBox="0 0 100 100" height="40" width="40" xmlns="http://www.w3.org/2000/svg" class="text-white" style="transform:rotate(-30deg)"><g transform="translate(0, -2)"><path d="M 20 40 C 20 30, 80 30, 80 40 L 85 70 C 85 75, 15 75, 15 70 Z" fill="white" stroke="white" stroke-width="2"></path><path d="M 50 25 Q 60 15, 70 25" fill="none" stroke="white" stroke-width="2"></path></g></svg><span class="text-xl font-black tracking-tighter uppercase font-mono">Fez<span class="text-emerald-500">codex</span></span></a></div><div class="hidden md:flex items-center gap-2 ml-12"><a class="flex items-center gap-2 group" href="/" data-discover="true"><svg viewBox="0 0 100 100" height="40" width="40" xmlns="http://www.w3.org/2000/svg" class="text-white" style="transform:rotate(-30deg)"><g transform="translate(0, -2)"><path d="M 20 40 C 20 30, 80 30, 80 40 L 85 70 C 85 75, 15 75, 15 70 Z" fill="white" stroke="white" stroke-width="2"></path><path d="M 50 25 Q 60 15, 70 25" fill="none" stroke="white" stroke-width="2"></path></g></svg><span class="text-2xl font-black tracking-tighter uppercase font-mono transition-colors group-hover:text-emerald-500">Fez<span class="text-emerald-500 group-hover:text-white">codex</span></span></a></div><div class="flex items-center gap-2 md:gap-4"><a class="group flex items-center gap-2 px-3 py-2 text-gray-400 hover:text-white hover:bg-white/5 rounded-sm transition-all" href="/about" data-discover="true"><svg viewBox="0 0 256 256" height="20" width="20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M234.38,210a123.36,123.36,0,0,0-60.78-53.23,76,76,0,1,0-91.2,0A123.36,123.36,0,0,0,21.62,210a12,12,0,1,0,20.77,12c18.12-31.32,50.12-50,85.61-50s67.49,18.69,85.61,50a12,12,0,0,0,20.77-12ZM76,96a52,52,0,1,1,52,52A52.06,52.06,0,0,1,76,96Z"></path></svg><span class="hidden md:inline text-[10px] font-mono font-bold uppercase tracking-widest">About</span></a><button class="group flex items-center gap-2 px-3 py-2 text-gray-400 hover:text-white hover:bg-white/5 rounded-sm transition-all" aria-label="Toggle Search"><svg viewBox="0 0 256 256" height="20" width="20" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="group-hover:text-emerald-500 transition-colors"><path d="M232.49,215.51,185,168a92.12,92.12,0,1,0-17,17l47.53,47.54a12,12,0,0,0,17-17ZM44,112a68,68,0,1,1,68,68A68.07,68.07,0,0,1,44,112Z"></path></svg><span class="hidden md:inline text-[10px] font-mono font-bold uppercase tracking-widest group-hover:text-emerald-500 transition-colors">Search</span></button></div></div></header><main class="flex-grow"><div style="opacity:1"><div class="min-h-screen bg-[#050505] text-white selection:bg-emerald-500/30"><div class="mx-auto max-w-7xl px-6 py-24 md:px-12"><header class="mb-20 text-center md:text-left"><a class="mb-12 inline-flex items-center gap-2 text-xs font-mono text-gray-500 hover:text-white transition-colors uppercase tracking-widest" href="/apps" data-discover="true"><svg viewBox="0 0 256 256" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M228,128a12,12,0,0,1-12,12H69l51.52,51.51a12,12,0,0,1-17,17l-72-72a12,12,0,0,1,0-17l72-72a12,12,0,0,1,17,17L69,116H216A12,12,0,0,1,228,128Z"></path></svg><span>All Applications</span></a><div class="flex flex-col gap-4"><h1 class="text-6xl md:text-8xl font-black tracking-tighter text-white mb-4 leading-none uppercase">Featured</h1><p class="text-gray-400 font-mono text-sm max-w-2xl uppercase tracking-[0.2em] leading-relaxed mx-auto md:mx-0">A curated collection of essential tools and high-performance modules.</p></div></header><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 auto-rows-fr"><div style="opacity:1;transform:none"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/aether" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-aether-music-playercloudfogicon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-aether-music-playercloudfogicon)" height="100" width="100"></rect><rect fill="hsl(41, 70%, 60%)" height="1.1488874343922362" width="34.16246548295021" opacity="0.43265011068433523" x="0" y="20"></rect><rect fill="hsl(41, 70%, 60%)" height="1.6007404224947095" width="60.275056404061615" opacity="0.613144512521103" x="60" y="0"></rect><rect fill="hsl(41, 70%, 60%)" height="0.9630786027992144" width="71.09158541541547" opacity="0.7645630614832044" x="80" y="50"></rect><circle cx="80" cy="50" fill="hsl(131, 80%, 60%)" opacity="0.8" r="1.9261572055984288"></circle><rect fill="#ffffff" height="1.0818418813869357" width="78.02504447754472" opacity="0.7721153093501926" x="90" y="50"></rect><rect fill="hsl(41, 70%, 60%)" height="31.09924767166376" width="0.7789439955959097" opacity="0.9905418970622122" x="50" y="80"></rect><rect fill="#ffffff" height="0.9171474543400109" width="41.32637744303793" opacity="0.5078289317432791" x="80" y="50"></rect><rect fill="hsl(41, 70%, 60%)" height="41.523421541787684" width="1.5286424898076802" opacity="0.7667183006647975" x="0" y="30"></rect><circle cx="0" cy="30" fill="hsl(131, 80%, 60%)" opacity="0.8" r="3.0572849796153605"></circle><rect fill="hsl(41, 70%, 60%)" height="31.115019214339554" width="1.8823089229408652" opacity="0.7763287733308971" x="60" y="90"></rect><rect fill="hsl(41, 70%, 60%)" height="28.625370021909475" width="1.4491527561331168" opacity="0.8384166191332043" x="40" y="70"></rect><circle cx="40" cy="70" fill="hsl(131, 80%, 60%)" opacity="0.8" r="2.8983055122662336"></circle><rect fill="hsl(41, 70%, 60%)" height="35.129562080837786" width="1.8351901380810887" opacity="0.7924801208544523" x="60" y="70"></rect><rect fill="hsl(41, 70%, 60%)" height="48.74111745040864" width="1.2792059006169438" opacity="0.6394035747274757" x="20" y="30"></rect><rect fill="hsl(41, 70%, 60%)" height="31.10426432453096" width="0.839103891630657" opacity="0.8094376057386399" x="80" y="0"></rect><circle cx="80" cy="0" fill="hsl(131, 80%, 60%)" opacity="0.8" r="1.678207783261314"></circle><rect fill="hsl(41, 70%, 60%)" height="45.06823621224612" width="1.9852185759227723" opacity="0.9439658314920962" x="10" y="70"></rect><rect fill="hsl(41, 70%, 60%)" height="0.5612573843682185" width="28.727967087179422" opacity="0.6181553755886853" x="30" y="90"></rect><rect fill="hsl(41, 70%, 60%)" height="1.561141082434915" width="44.082665257155895" opacity="0.8753338354639709" x="60" y="70"></rect><circle cx="60" cy="70" fill="hsl(131, 80%, 60%)" opacity="0.8" r="3.12228216486983"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M224,100a68,68,0,0,1-68,68H76A44,44,0,1,1,90.2,82.34v.11A68.06,68.06,0,0,1,224,100Z" opacity="0.2"></path><path d="M120,208H72a8,8,0,0,1,0-16h48a8,8,0,0,1,0,16Zm64-16H160a8,8,0,0,0,0,16h24a8,8,0,0,0,0-16Zm-24,32H104a8,8,0,0,0,0,16h56a8,8,0,0,0,0-16Zm72-124a76.08,76.08,0,0,1-76,76H76A52,52,0,0,1,76,72a53.26,53.26,0,0,1,8.92.76A76.08,76.08,0,0,1,232,100Zm-16,0A60.06,60.06,0,0,0,96,96.46a8,8,0,0,1-16-.92q.21-3.66.77-7.23A38.11,38.11,0,0,0,76,88a36,36,0,0,0,0,72h80A60.07,60.07,0,0,0,216,100Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 1</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 001</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Aether Music Player</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">Abstract music player. Listen to the sounds above the clouds.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/notepad" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-notepadnotepencilicon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-notepadnotepencilicon)" height="100" width="100"></rect><rect fill="hsl(133, 70%, 60%)" height="1.336812459048815" width="52.96213212888688" opacity="0.5145044974982739" x="90" y="70"></rect><rect fill="hsl(133, 70%, 60%)" height="72.28043037466705" width="1.491455358802341" opacity="0.8788918791804463" x="0" y="50"></rect><circle cx="0" cy="50" fill="hsl(223, 80%, 60%)" opacity="0.8" r="2.982910717604682"></circle><rect fill="hsl(133, 70%, 60%)" height="0.6518586882157251" width="22.491090348921716" opacity="0.5054354686755688" x="90" y="60"></rect><circle cx="90" cy="60" fill="hsl(223, 80%, 60%)" opacity="0.8" r="1.3037173764314502"></circle><rect fill="hsl(133, 70%, 60%)" height="0.9910148459021002" width="68.37284180801362" opacity="0.8062840336933732" x="20" y="60"></rect><circle cx="20" cy="60" fill="hsl(223, 80%, 60%)" opacity="0.8" r="1.9820296918042004"></circle><rect fill="#ffffff" height="22.878412562422454" width="1.071887822356075" opacity="0.7322040210478008" x="60" y="40"></rect><circle cx="60" cy="40" fill="hsl(223, 80%, 60%)" opacity="0.8" r="2.14377564471215"></circle><rect fill="hsl(133, 70%, 60%)" height="1.6039994119200855" width="67.89284260943532" opacity="0.7198010402265936" x="50" y="0"></rect><circle cx="50" cy="0" fill="hsl(223, 80%, 60%)" opacity="0.8" r="3.207998823840171"></circle><rect fill="hsl(133, 70%, 60%)" height="1.449596504215151" width="60.530876656994224" opacity="0.866013734973967" x="40" y="30"></rect><circle cx="40" cy="30" fill="hsl(223, 80%, 60%)" opacity="0.8" r="2.899193008430302"></circle><rect fill="hsl(133, 70%, 60%)" height="0.5650001671165228" width="63.936320967040956" opacity="0.9576345505192876" x="80" y="30"></rect><circle cx="80" cy="30" fill="hsl(223, 80%, 60%)" opacity="0.8" r="1.1300003342330456"></circle><rect fill="#ffffff" height="38.853260688483715" width="0.8140558026498184" opacity="0.7593246973585337" x="20" y="70"></rect><circle cx="20" cy="70" fill="hsl(223, 80%, 60%)" opacity="0.8" r="1.6281116052996367"></circle><rect fill="#ffffff" height="33.847541580908" width="1.4597699689911678" opacity="0.8487800088245422" x="90" y="70"></rect><rect fill="hsl(133, 70%, 60%)" height="1.9508698168210685" width="56.660621953196824" opacity="0.9109675488434732" x="40" y="60"></rect><circle cx="40" cy="60" fill="hsl(223, 80%, 60%)" opacity="0.8" r="3.901739633642137"></circle><rect fill="hsl(133, 70%, 60%)" height="1.7797510409727693" width="39.79478877969086" opacity="0.7415058115497232" x="10" y="10"></rect><rect fill="hsl(133, 70%, 60%)" height="67.18056709971279" width="0.7678814710816368" opacity="0.9430470658000558" x="30" y="20"></rect><circle cx="30" cy="20" fill="hsl(223, 80%, 60%)" opacity="0.8" r="1.5357629421632737"></circle><rect fill="hsl(133, 70%, 60%)" height="50.47751524951309" width="1.9520806187065318" opacity="0.5411722694057971" x="0" y="40"></rect><rect fill="#ffffff" height="1.7207625847076997" width="43.808271838352084" opacity="0.6219045855104923" x="70" y="10"></rect></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,88l-72,72H96V128l72-72Z" opacity="0.2"></path><path d="M229.66,58.34l-32-32a8,8,0,0,0-11.32,0l-96,96A8,8,0,0,0,88,128v32a8,8,0,0,0,8,8h32a8,8,0,0,0,5.66-2.34l96-96A8,8,0,0,0,229.66,58.34ZM124.69,152H104V131.31l64-64L188.69,88ZM200,76.69,179.31,56,192,43.31,212.69,64ZM224,128v80a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32h80a8,8,0,0,1,0,16H48V208H208V128a8,8,0,0,1,16,0Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 2</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 001</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Notepad</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">A simple, distraction-free text editor.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/alchemy-lab" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-alchemy-labflaskicon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-alchemy-labflaskicon)" height="100" width="100"></rect><rect fill="hsl(293, 70%, 60%)" height="52.92251870967448" width="1.4646654356038198" opacity="0.9580452329013497" x="70" y="0"></rect><rect fill="hsl(293, 70%, 60%)" height="35.923715960234404" width="1.3733872103039175" opacity="0.8269979196134956" x="90" y="50"></rect><rect fill="hsl(293, 70%, 60%)" height="26.983123011887074" width="1.857787077780813" opacity="0.4818305231165141" x="90" y="60"></rect><circle cx="90" cy="60" fill="hsl(23, 80%, 60%)" opacity="0.8" r="3.715574155561626"></circle><rect fill="hsl(293, 70%, 60%)" height="0.6993102653650567" width="48.69620812125504" opacity="0.4607333464547992" x="40" y="80"></rect><rect fill="hsl(293, 70%, 60%)" height="36.436295812018216" width="0.7678835106780753" opacity="0.7345266814809293" x="90" y="40"></rect><rect fill="#ffffff" height="68.49576307460666" width="1.3035368818091229" opacity="0.7700867098290474" x="40" y="30"></rect><circle cx="40" cy="30" fill="hsl(23, 80%, 60%)" opacity="0.8" r="2.6070737636182457"></circle><rect fill="hsl(293, 70%, 60%)" height="58.428572420962155" width="1.8178699871059507" opacity="0.9787784160580486" x="90" y="70"></rect><circle cx="90" cy="70" fill="hsl(23, 80%, 60%)" opacity="0.8" r="3.6357399742119014"></circle><rect fill="hsl(293, 70%, 60%)" height="73.13512201886624" width="1.1145426640287042" opacity="0.722246027411893" x="80" y="0"></rect><circle cx="80" cy="0" fill="hsl(23, 80%, 60%)" opacity="0.8" r="2.2290853280574083"></circle><rect fill="#ffffff" height="40.682288841344416" width="1.043713396298699" opacity="0.8011032532434911" x="80" y="10"></rect><circle cx="80" cy="10" fill="hsl(23, 80%, 60%)" opacity="0.8" r="2.087426792597398"></circle><rect fill="hsl(293, 70%, 60%)" height="71.40084056649357" width="1.177099751541391" opacity="0.8314435628708452" x="60" y="20"></rect><circle cx="60" cy="20" fill="hsl(23, 80%, 60%)" opacity="0.8" r="2.354199503082782"></circle><rect fill="hsl(293, 70%, 60%)" height="52.99124456010759" width="1.4521164748584852" opacity="0.6072728690691293" x="40" y="60"></rect><rect fill="hsl(293, 70%, 60%)" height="27.798473676666617" width="1.3919798225397244" opacity="0.7696883379481734" x="30" y="60"></rect><rect fill="hsl(293, 70%, 60%)" height="1.8566516746068373" width="26.543102473951876" opacity="0.6512452009133995" x="50" y="80"></rect><circle cx="50" cy="80" fill="hsl(23, 80%, 60%)" opacity="0.8" r="3.7133033492136747"></circle><rect fill="#ffffff" height="21.933043212629855" width="1.997521206154488" opacity="0.9948856072966009" x="70" y="90"></rect><rect fill="#ffffff" height="51.968791875988245" width="1.3706698643509299" opacity="0.7112826698925346" x="80" y="0"></rect></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,216H48a8,8,0,0,1-6.86-12.12l30.48-50.8h0c13.23-2.48,32-1.41,56.37,10.92,32.25,16.33,54.75,12.91,67.5,7.65h0l19.34,32.23A8,8,0,0,1,208,216Z" opacity="0.2"></path><path d="M221.69,199.77,160,96.92V40h8a8,8,0,0,0,0-16H88a8,8,0,0,0,0,16h8V96.92L34.31,199.77A16,16,0,0,0,48,224H208a16,16,0,0,0,13.72-24.23ZM110.86,103.25A7.93,7.93,0,0,0,112,99.14V40h32V99.14a7.93,7.93,0,0,0,1.14,4.11L183.36,167c-12,2.37-29.07,1.37-51.75-10.11-15.91-8.05-31.05-12.32-45.22-12.81ZM48,208l28.54-47.58c14.25-1.73,30.31,1.85,47.82,10.72,19,9.61,35,12.88,48,12.88a69.89,69.89,0,0,0,19.55-2.7L208,208Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 3</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 002</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Alchemy Lab</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">Combine elements and discover the secrets of the digital universe.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/tcg-card-generator" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-tcg-card-generatorcardsthreeicon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-tcg-card-generatorcardsthreeicon)" height="100" width="100"></rect><rect fill="hsl(329, 70%, 60%)" height="0.5951820090413094" width="25.056949411518872" opacity="0.48862639544531705" x="60" y="70"></rect><rect fill="hsl(329, 70%, 60%)" height="1.8916305872844532" width="58.071875711902976" opacity="0.7601675404701382" x="60" y="80"></rect><circle cx="60" cy="80" fill="hsl(59, 80%, 60%)" opacity="0.8" r="3.7832611745689064"></circle><rect fill="hsl(329, 70%, 60%)" height="38.16233846824616" width="1.2189855228643864" opacity="0.5930455727502704" x="0" y="10"></rect><circle cx="0" cy="10" fill="hsl(59, 80%, 60%)" opacity="0.8" r="2.437971045728773"></circle><rect fill="hsl(329, 70%, 60%)" height="20.588798536919057" width="1.291387816076167" opacity="0.7873532428871841" x="90" y="30"></rect><circle cx="90" cy="30" fill="hsl(59, 80%, 60%)" opacity="0.8" r="2.582775632152334"></circle><rect fill="hsl(329, 70%, 60%)" height="1.3104553748853505" width="33.78419983200729" opacity="0.9045542141422629" x="40" y="70"></rect><circle cx="40" cy="70" fill="hsl(59, 80%, 60%)" opacity="0.8" r="2.620910749770701"></circle><rect fill="hsl(329, 70%, 60%)" height="0.8897224193206057" width="47.30444202199578" opacity="0.7602455160580576" x="0" y="30"></rect><circle cx="0" cy="30" fill="hsl(59, 80%, 60%)" opacity="0.8" r="1.7794448386412114"></circle><rect fill="hsl(329, 70%, 60%)" height="54.239170495420694" width="0.5044014372397214" opacity="0.9618506677914411" x="80" y="10"></rect><circle cx="80" cy="10" fill="hsl(59, 80%, 60%)" opacity="0.8" r="1.0088028744794428"></circle><rect fill="hsl(329, 70%, 60%)" height="1.1347389037255198" width="74.21484756283462" opacity="0.661409047106281" x="20" y="70"></rect><circle cx="20" cy="70" fill="hsl(59, 80%, 60%)" opacity="0.8" r="2.2694778074510396"></circle><rect fill="hsl(329, 70%, 60%)" height="1.1735718053532764" width="26.303434846922755" opacity="0.6307629909366369" x="20" y="20"></rect><rect fill="#ffffff" height="0.5138675797497854" width="75.42778345290571" opacity="0.7875567920971662" x="30" y="90"></rect><rect fill="hsl(329, 70%, 60%)" height="1.6792780481046066" width="55.35331987310201" opacity="0.8519072297029198" x="40" y="40"></rect><rect fill="#ffffff" height="1.938159349723719" width="50.86596671491861" opacity="0.8939947317820043" x="30" y="80"></rect><rect fill="hsl(329, 70%, 60%)" height="0.9393777371151373" width="40.74863177258521" opacity="0.6616123863495886" x="70" y="30"></rect><circle cx="70" cy="30" fill="hsl(59, 80%, 60%)" opacity="0.8" r="1.8787554742302746"></circle><rect fill="hsl(329, 70%, 60%)" height="48.552874769084156" width="1.5432369956979528" opacity="0.5528668331447989" x="80" y="30"></rect><rect fill="hsl(329, 70%, 60%)" height="1.217588976956904" width="29.281732928939164" opacity="0.6388367330189795" x="10" y="70"></rect></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M216,104v96a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V104a8,8,0,0,1,8-8H208A8,8,0,0,1,216,104Z" opacity="0.2"></path><path d="M208,88H48a16,16,0,0,0-16,16v96a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V104A16,16,0,0,0,208,88Zm0,112H48V104H208v96ZM48,64a8,8,0,0,1,8-8H200a8,8,0,0,1,0,16H56A8,8,0,0,1,48,64ZM64,32a8,8,0,0,1,8-8H184a8,8,0,0,1,0,16H72A8,8,0,0,1,64,32Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 4</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 002</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">TCG Card Generator</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">Create your own custom TCG cards with this generator.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/football-emblem-creator" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-football-emblem-creatortrophyicon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-football-emblem-creatortrophyicon)" height="100" width="100"></rect><circle cx="66.41886185389012" cy="24.4750770740211" fill="hsl(334, 70%, 60%)" opacity="0.5411408426938578" r="10.925881648436189" style="mix-blend-mode:screen"></circle><circle cx="61.417703912593424" cy="3.013307019136846" fill="hsl(154, 60%, 50%)" opacity="0.42595424463506787" r="12.8405955247581" style="mix-blend-mode:screen"></circle><circle cx="49.608223931863904" cy="69.95077300816774" fill="hsl(334, 70%, 60%)" opacity="0.41597947755362835" r="20.609014090150595" style="mix-blend-mode:screen"></circle><circle cx="45.83877662662417" cy="0.26858330238610506" fill="hsl(154, 60%, 50%)" opacity="0.3533352508675307" r="18.378356397151947" style="mix-blend-mode:screen"></circle><circle cx="38.1384601816535" cy="78.02949748001993" fill="hsl(334, 70%, 60%)" opacity="0.48924354775808754" r="13.773303097113967" style="mix-blend-mode:screen"></circle><circle cx="36.791161564178765" cy="84.22408704645932" fill="hsl(154, 60%, 50%)" opacity="0.5243159625912085" r="11.72575157135725" style="mix-blend-mode:screen"></circle><circle cx="81.86377994716167" cy="58.472512708976865" fill="hsl(334, 70%, 60%)" opacity="0.3281885830219835" r="25.95981086604297" style="mix-blend-mode:screen"></circle><circle cx="75.69654928520322" cy="31.909422343596816" fill="hsl(154, 60%, 50%)" opacity="0.3567337905289605" r="15.180824548006058" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,48v63.1c0,39.7-31.75,72.6-71.45,72.9A72,72,0,0,1,56,112V48Z" opacity="0.2"></path><path d="M232,64H208V48a8,8,0,0,0-8-8H56a8,8,0,0,0-8,8V64H24A16,16,0,0,0,8,80V96a40,40,0,0,0,40,40h3.65A80.13,80.13,0,0,0,120,191.61V216H96a8,8,0,0,0,0,16h64a8,8,0,0,0,0-16H136V191.58c31.94-3.23,58.44-25.64,68.08-55.58H208a40,40,0,0,0,40-40V80A16,16,0,0,0,232,64ZM48,120A24,24,0,0,1,24,96V80H48v32q0,4,.39,8Zm144-8.9c0,35.52-29,64.64-64,64.9a64,64,0,0,1-64-64V56H192ZM232,96a24,24,0,0,1-24,24h-.5a81.81,81.81,0,0,0,.5-8.9V80h24Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 5</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 003</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Football Emblem Creator</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">Create your own custom football team emblem.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/fezynth" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-fezynthmusicnoteicon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-fezynthmusicnoteicon)" height="100" width="100"></rect><circle cx="89.46745437569916" cy="67.10662294644862" fill="hsl(183, 70%, 60%)" opacity="0.3267259876476601" r="29.944909466430545" style="mix-blend-mode:screen"></circle><circle cx="9.07925395295024" cy="91.94069956429303" fill="hsl(3, 60%, 50%)" opacity="0.495640977518633" r="32.18107035383582" style="mix-blend-mode:screen"></circle><circle cx="64.67903307639062" cy="29.187680734321475" fill="hsl(183, 70%, 60%)" opacity="0.323501856951043" r="37.28613553568721" style="mix-blend-mode:screen"></circle><circle cx="8.199107856489718" cy="44.59080819506198" fill="hsl(3, 60%, 50%)" opacity="0.47467174180783334" r="41.58139628358185" style="mix-blend-mode:screen"></circle><circle cx="46.83938042726368" cy="39.695360558107495" fill="hsl(183, 70%, 60%)" opacity="0.5084437389392406" r="21.479220520704985" style="mix-blend-mode:screen"></circle><circle cx="71.25610697548836" cy="16.04943305719644" fill="hsl(3, 60%, 50%)" opacity="0.4711808844236657" r="19.87238829024136" style="mix-blend-mode:screen"></circle><circle cx="63.2992782862857" cy="30.880199233070016" fill="hsl(183, 70%, 60%)" opacity="0.5838310926686971" r="35.67043296061456" style="mix-blend-mode:screen"></circle><circle cx="45.74668840505183" cy="73.78329024650156" fill="hsl(3, 60%, 50%)" opacity="0.552416372881271" r="38.41738217510283" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M128,184a40,40,0,1,1-40-40A40,40,0,0,1,128,184Z" opacity="0.2"></path><path d="M210.3,56.34l-80-24A8,8,0,0,0,120,40V148.26A48,48,0,1,0,136,184V98.75l69.7,20.91A8,8,0,0,0,216,112V64A8,8,0,0,0,210.3,56.34ZM88,216a32,32,0,1,1,32-32A32,32,0,0,1,88,216ZM200,101.25l-64-19.2V50.75L200,70Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 6</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 004</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">FeZynth</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">Make music with Web Audio API and Canvas API</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/logic-architect" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-logic-architectcpuicon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-logic-architectcpuicon)" height="100" width="100"></rect><circle cx="59.48739764280617" cy="27.524833055213094" fill="hsl(43, 70%, 60%)" opacity="0.4520353865576908" r="11.34757754392922" style="mix-blend-mode:screen"></circle><circle cx="6.009497703053057" cy="64.47629742324352" fill="hsl(223, 60%, 50%)" opacity="0.5302304986864328" r="12.487720949575305" style="mix-blend-mode:screen"></circle><circle cx="87.50085791107267" cy="99.17029372882098" fill="hsl(43, 70%, 60%)" opacity="0.5964518303051591" r="13.741998141631484" style="mix-blend-mode:screen"></circle><circle cx="21.824025292880833" cy="19.24049558583647" fill="hsl(223, 60%, 50%)" opacity="0.3080343405017629" r="26.03105118498206" style="mix-blend-mode:screen"></circle><circle cx="4.510970995761454" cy="74.24472784623504" fill="hsl(43, 70%, 60%)" opacity="0.3864482530625537" r="31.476648654788733" style="mix-blend-mode:screen"></circle><circle cx="84.11696436814964" cy="91.00262529682368" fill="hsl(223, 60%, 50%)" opacity="0.4759898683056235" r="26.398888202384114" style="mix-blend-mode:screen"></circle><circle cx="2.6644879952073097" cy="68.21759364102036" fill="hsl(43, 70%, 60%)" opacity="0.34443055142182855" r="13.331403061747551" style="mix-blend-mode:screen"></circle><circle cx="87.02728431671858" cy="40.584481065161526" fill="hsl(223, 60%, 50%)" opacity="0.589092161343433" r="23.502246281132102" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,48H56a8,8,0,0,0-8,8V200a8,8,0,0,0,8,8H200a8,8,0,0,0,8-8V56A8,8,0,0,0,200,48ZM152,152H104V104h48Z" opacity="0.2"></path><path d="M152,96H104a8,8,0,0,0-8,8v48a8,8,0,0,0,8,8h48a8,8,0,0,0,8-8V104A8,8,0,0,0,152,96Zm-8,48H112V112h32Zm88,0H216V112h16a8,8,0,0,0,0-16H216V56a16,16,0,0,0-16-16H160V24a8,8,0,0,0-16,0V40H112V24a8,8,0,0,0-16,0V40H56A16,16,0,0,0,40,56V96H24a8,8,0,0,0,0,16H40v32H24a8,8,0,0,0,0,16H40v40a16,16,0,0,0,16,16H96v16a8,8,0,0,0,16,0V216h32v16a8,8,0,0,0,16,0V216h40a16,16,0,0,0,16-16V160h16a8,8,0,0,0,0-16Zm-32,56H56V56H200v95.87s0,.09,0,.13,0,.09,0,.13V200Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 7</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 005</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Logic Architect</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">Construct digital circuits using logic gates and neural pathways.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/seance" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-code-seanceskullicon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-code-seanceskullicon)" height="100" width="100"></rect><rect fill="#ffffff" height="70.11530508752912" width="0.93346192012541" opacity="0.7297770612407476" x="30" y="30"></rect><circle cx="30" cy="30" fill="hsl(238, 80%, 60%)" opacity="0.8" r="1.86692384025082"></circle><rect fill="hsl(148, 70%, 60%)" height="33.02444851025939" width="1.0362739029806107" opacity="0.9183285884559155" x="50" y="40"></rect><circle cx="50" cy="40" fill="hsl(238, 80%, 60%)" opacity="0.8" r="2.0725478059612215"></circle><rect fill="hsl(148, 70%, 60%)" height="47.66255791299045" width="1.115439061773941" opacity="0.5133545383810997" x="10" y="70"></rect><circle cx="10" cy="70" fill="hsl(238, 80%, 60%)" opacity="0.8" r="2.230878123547882"></circle><rect fill="#ffffff" height="42.59024112019688" width="0.923697424819693" opacity="0.4568979899864644" x="10" y="30"></rect><rect fill="#ffffff" height="1.996917093056254" width="29.71147010102868" opacity="0.966763561218977" x="70" y="70"></rect><circle cx="70" cy="70" fill="hsl(238, 80%, 60%)" opacity="0.8" r="3.993834186112508"></circle><rect fill="#ffffff" height="1.033150848117657" width="42.979441871866584" opacity="0.9815961760934442" x="30" y="30"></rect><circle cx="30" cy="30" fill="hsl(238, 80%, 60%)" opacity="0.8" r="2.066301696235314"></circle><rect fill="hsl(148, 70%, 60%)" height="0.8821958726039156" width="47.676309891976416" opacity="0.6293720250017941" x="60" y="30"></rect><rect fill="hsl(148, 70%, 60%)" height="1.1931062651565298" width="55.89083092752844" opacity="0.6140215522609651" x="10" y="0"></rect><rect fill="hsl(148, 70%, 60%)" height="1.9996679215691984" width="49.12528260610998" opacity="0.431498064333573" x="90" y="70"></rect><circle cx="90" cy="70" fill="hsl(238, 80%, 60%)" opacity="0.8" r="3.9993358431383967"></circle><rect fill="hsl(148, 70%, 60%)" height="49.65078768786043" width="0.7894607055932283" opacity="0.6907119918614626" x="10" y="70"></rect><circle cx="10" cy="70" fill="hsl(238, 80%, 60%)" opacity="0.8" r="1.5789214111864567"></circle><rect fill="#ffffff" height="1.0278310403227806" width="66.74715848639607" opacity="0.7652848168276251" x="50" y="50"></rect><circle cx="50" cy="50" fill="hsl(238, 80%, 60%)" opacity="0.8" r="2.055662080645561"></circle><rect fill="hsl(148, 70%, 60%)" height="0.8146761406678706" width="51.81444095913321" opacity="0.9621172468177974" x="20" y="60"></rect><rect fill="hsl(148, 70%, 60%)" height="1.4365874538198113" width="67.09282567258924" opacity="0.9850051353685558" x="40" y="40"></rect><circle cx="40" cy="40" fill="hsl(238, 80%, 60%)" opacity="0.8" r="2.8731749076396227"></circle><rect fill="hsl(148, 70%, 60%)" height="1.585315435891971" width="59.96528333518654" opacity="0.48705325596965854" x="90" y="40"></rect><rect fill="hsl(148, 70%, 60%)" height="1.8979227513773367" width="70.61240095179528" opacity="0.42047114530578256" x="70" y="0"></rect></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M128,24c-53,0-96,41.19-96,92,0,34.05,19.31,63.78,48,79.69V216a8,8,0,0,0,8,8h80a8,8,0,0,0,8-8V195.69c28.69-15.91,48-45.64,48-79.69C224,65.19,181,24,128,24ZM92,152a20,20,0,1,1,20-20A20,20,0,0,1,92,152Zm72,0a20,20,0,1,1,20-20A20,20,0,0,1,164,152Z" opacity="0.2"></path><path d="M92,104a28,28,0,1,0,28,28A28,28,0,0,0,92,104Zm0,40a12,12,0,1,1,12-12A12,12,0,0,1,92,144Zm72-40a28,28,0,1,0,28,28A28,28,0,0,0,164,104Zm0,40a12,12,0,1,1,12-12A12,12,0,0,1,164,144ZM128,16C70.65,16,24,60.86,24,116c0,34.1,18.27,66,48,84.28V216a16,16,0,0,0,16,16h80a16,16,0,0,0,16-16V200.28C213.73,182,232,150.1,232,116,232,60.86,185.35,16,128,16Zm44.12,172.69a8,8,0,0,0-4.12,7V216H152V192a8,8,0,0,0-16,0v24H120V192a8,8,0,0,0-16,0v24H88V195.69a8,8,0,0,0-4.12-7C56.81,173.69,40,145.84,40,116c0-46.32,39.48-84,88-84s88,37.68,88,84C216,145.83,199.19,173.69,172.12,188.69Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 8</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 006</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Code Seance</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">Communicate with the ghosts of deprecated code in this haunted terminal.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/mastermind" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-mastermindpuzzlepieceicon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-mastermindpuzzlepieceicon)" height="100" width="100"></rect><g transform="translate(0, 80) rotate(0, 10, 10)"><circle cx="10" cy="10" fill="hsl(113, 60%, 50%)" opacity="0.9" r="8" stroke="hsl(113, 60%, 50%)" stroke-width="0"></circle></g><g transform="translate(20, 0) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="hsl(293, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(293, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(20, 20) rotate(0, 10, 10)"><rect fill="hsl(113, 60%, 50%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(113, 60%, 50%)" stroke-width="0"></rect></g><g transform="translate(20, 80) rotate(180, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(293, 70%, 60%)"></path></g><g transform="translate(40, 0) rotate(0, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(113, 60%, 50%)" stroke-width="1.5"></circle></g><g transform="translate(40, 20) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(113, 60%, 50%)" stroke-width="1.5"></circle></g><g transform="translate(40, 40) rotate(90, 10, 10)"><polygon fill="hsl(293, 70%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(293, 70%, 60%)" stroke-width="0"></polygon></g><g transform="translate(40, 60) rotate(90, 10, 10)"><rect fill="#ffffff" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="#ffffff" stroke-width="0"></rect></g><g transform="translate(60, 0) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="hsl(113, 60%, 50%)" opacity="0.9" r="8" stroke="hsl(113, 60%, 50%)" stroke-width="0"></circle></g><g transform="translate(60, 20) rotate(0, 10, 10)"><rect fill="hsl(293, 70%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(293, 70%, 60%)" stroke-width="0"></rect></g><g transform="translate(60, 60) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="#ffffff"></path></g><g transform="translate(60, 80) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(293, 70%, 60%)"></path></g><g transform="translate(80, 40) rotate(90, 10, 10)"><rect fill="hsl(113, 60%, 50%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(113, 60%, 50%)" stroke-width="0"></rect></g><g transform="translate(80, 80) rotate(180, 10, 10)"><rect fill="hsl(113, 60%, 50%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(113, 60%, 50%)" stroke-width="0"></rect></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M204,168a28,28,0,0,0,12-2.69V208a8,8,0,0,1-8,8H64a8,8,0,0,1-8-8V165.31a28,28,0,1,1,0-50.62V72a8,8,0,0,1,8-8h46.69a28,28,0,1,1,50.61,0H208a8,8,0,0,1,8,8v42.69A28,28,0,1,0,204,168Z" opacity="0.2"></path><path d="M220.27,158.54a8,8,0,0,0-7.7-.46,20,20,0,1,1,0-36.16A8,8,0,0,0,224,114.69V72a16,16,0,0,0-16-16H171.78a35.36,35.36,0,0,0,.22-4,36.15,36.15,0,0,0-11.36-26.25,36,36,0,0,0-60.55,23.63,36.56,36.56,0,0,0,.14,6.62H64A16,16,0,0,0,48,72v32.22a35.36,35.36,0,0,0-4-.22,36.12,36.12,0,0,0-26.24,11.36,35.7,35.7,0,0,0-9.69,27,36.08,36.08,0,0,0,33.31,33.6,36.56,36.56,0,0,0,6.62-.14V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V165.31A8,8,0,0,0,220.27,158.54ZM208,208H64V165.31a8,8,0,0,0-11.43-7.23,20,20,0,1,1,0-36.16A8,8,0,0,0,64,114.69V72h46.69a8,8,0,0,0,7.23-11.43,20,20,0,1,1,36.16,0A8,8,0,0,0,161.31,72H208v32.23a35.68,35.68,0,0,0-6.62-.14A36,36,0,0,0,204,176a35.36,35.36,0,0,0,4-.22Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 9</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 007</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Mastermind</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">Play the classic code-breaking game of Mastermind (Bulls and Cows).</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/nonogram" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-nonogramgridfouricon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-nonogramgridfouricon)" height="100" width="100"></rect><g transform="translate(0, 0) rotate(90, 10, 10)"><rect fill="hsl(155, 60%, 50%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(155, 60%, 50%)" stroke-width="0"></rect></g><g transform="translate(0, 20) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="hsl(155, 60%, 50%)" opacity="0.9" r="8" stroke="hsl(155, 60%, 50%)" stroke-width="0"></circle></g><g transform="translate(20, 0) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(155, 60%, 50%)"></path></g><g transform="translate(20, 20) rotate(0, 10, 10)"><polygon fill="hsl(335, 70%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(335, 70%, 60%)" stroke-width="0"></polygon></g><g transform="translate(20, 40) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(335, 70%, 60%)"></path></g><g transform="translate(20, 80) rotate(180, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(335, 70%, 60%)"></path></g><g transform="translate(40, 0) rotate(180, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(335, 70%, 60%)"></path></g><g transform="translate(40, 40) rotate(180, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(335, 70%, 60%)"></path></g><g transform="translate(40, 60) rotate(0, 10, 10)"><circle cx="10" cy="10" fill="#ffffff" opacity="0.9" r="8" stroke="#ffffff" stroke-width="0"></circle></g><g transform="translate(60, 0) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(155, 60%, 50%)" stroke-width="1.5"></circle></g><g transform="translate(60, 60) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(155, 60%, 50%)"></path></g><g transform="translate(80, 0) rotate(270, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(155, 60%, 50%)" stroke-width="1.5"></rect></g><g transform="translate(80, 20) rotate(180, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(155, 60%, 50%)"></path></g><g transform="translate(80, 40) rotate(90, 10, 10)"><polygon fill="hsl(335, 70%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(335, 70%, 60%)" stroke-width="0"></polygon></g><g transform="translate(80, 80) rotate(180, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(65, 80%, 60%)"></path></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,56V200a8,8,0,0,1-8,8H56a8,8,0,0,1-8-8V56a8,8,0,0,1,8-8H200A8,8,0,0,1,208,56Z" opacity="0.2"></path><path d="M200,40H56A16,16,0,0,0,40,56V200a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,80H136V56h64ZM120,56v64H56V56ZM56,136h64v64H56Zm144,64H136V136h64v64Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 10</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 008</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Nonogram</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">Solve picture logic puzzles by filling cells according to numerical clues.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/tournament-bracket" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-tournament-bracketlistnumbersicon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-tournament-bracketlistnumbersicon)" height="100" width="100"></rect><g transform="translate(0, 0) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="#ffffff" opacity="0.9" r="8" stroke="#ffffff" stroke-width="0"></circle></g><g transform="translate(0, 60) rotate(270, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(163, 60%, 50%)" stroke-width="1.5"></polygon></g><g transform="translate(0, 80) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="hsl(343, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(343, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(20, 20) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(163, 60%, 50%)"></path></g><g transform="translate(20, 40) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(343, 70%, 60%)" stroke-width="1.5"></circle></g><g transform="translate(20, 60) rotate(0, 10, 10)"><polygon fill="hsl(163, 60%, 50%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(163, 60%, 50%)" stroke-width="0"></polygon></g><g transform="translate(40, 0) rotate(270, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(343, 70%, 60%)" stroke-width="1.5"></rect></g><g transform="translate(40, 20) rotate(270, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(163, 60%, 50%)" stroke-width="1.5"></rect></g><g transform="translate(40, 40) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(163, 60%, 50%)" stroke-width="1.5"></circle></g><g transform="translate(60, 0) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(163, 60%, 50%)" stroke-width="1.5"></circle></g><g transform="translate(60, 20) rotate(0, 10, 10)"><polygon fill="hsl(343, 70%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(343, 70%, 60%)" stroke-width="0"></polygon></g><g transform="translate(60, 40) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(343, 70%, 60%)"></path></g><g transform="translate(60, 80) rotate(0, 10, 10)"><polygon fill="hsl(163, 60%, 50%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(163, 60%, 50%)" stroke-width="0"></polygon></g><g transform="translate(80, 0) rotate(180, 10, 10)"><rect fill="hsl(343, 70%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(343, 70%, 60%)" stroke-width="0"></rect></g><g transform="translate(80, 20) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(343, 70%, 60%)"></path></g><g transform="translate(80, 40) rotate(270, 10, 10)"><polygon fill="hsl(163, 60%, 50%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(163, 60%, 50%)" stroke-width="0"></polygon></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M216,64V192H104V64Z" opacity="0.2"></path><path d="M224,128a8,8,0,0,1-8,8H104a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM104,72H216a8,8,0,0,0,0-16H104a8,8,0,0,0,0,16ZM216,184H104a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16ZM43.58,55.16,48,52.94V104a8,8,0,0,0,16,0V40a8,8,0,0,0-11.58-7.16l-16,8a8,8,0,0,0,7.16,14.32ZM79.77,156.72a23.73,23.73,0,0,0-9.6-15.95,24.86,24.86,0,0,0-34.11,4.7,23.63,23.63,0,0,0-3.57,6.46,8,8,0,1,0,15,5.47,7.84,7.84,0,0,1,1.18-2.13,8.76,8.76,0,0,1,12-1.59A7.91,7.91,0,0,1,63.93,159a7.64,7.64,0,0,1-1.57,5.78,1,1,0,0,0-.08.11L33.59,203.21A8,8,0,0,0,40,216H72a8,8,0,0,0,0-16H56l19.08-25.53A23.47,23.47,0,0,0,79.77,156.72Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 11</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 009</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Tournament Bracket</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">Create and manage tournament brackets.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/whiteboard" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-whiteboardpencilsimpleicon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-whiteboardpencilsimpleicon)" height="100" width="100"></rect><circle cx="19.519784837029874" cy="51.618344127200544" fill="hsl(196, 70%, 60%)" opacity="0.3010633087484166" r="25.6645836122334" style="mix-blend-mode:screen"></circle><circle cx="79.07569124363363" cy="29.497365816496313" fill="hsl(16, 60%, 50%)" opacity="0.3077796667814255" r="38.523179506883025" style="mix-blend-mode:screen"></circle><circle cx="93.9626581966877" cy="77.69694572780281" fill="hsl(196, 70%, 60%)" opacity="0.35221615405753254" r="26.289114011451602" style="mix-blend-mode:screen"></circle><circle cx="46.9861532561481" cy="63.01806487608701" fill="hsl(16, 60%, 50%)" opacity="0.5566410960629582" r="36.1641501635313" style="mix-blend-mode:screen"></circle><circle cx="37.95636571012437" cy="95.774353784509" fill="hsl(196, 70%, 60%)" opacity="0.46226769026834513" r="14.457192905247211" style="mix-blend-mode:screen"></circle><circle cx="66.32851192262024" cy="22.558457986451685" fill="hsl(16, 60%, 50%)" opacity="0.47785842125304046" r="16.749746976420283" style="mix-blend-mode:screen"></circle><circle cx="66.0698191029951" cy="34.556109621189535" fill="hsl(196, 70%, 60%)" opacity="0.36670219819061456" r="47.970031443983316" style="mix-blend-mode:screen"></circle><circle cx="51.84228934813291" cy="53.013083525002" fill="hsl(16, 60%, 50%)" opacity="0.5754814977524803" r="41.700375489890575" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M221.66,90.34,192,120,136,64l29.66-29.66a8,8,0,0,1,11.31,0L221.66,79A8,8,0,0,1,221.66,90.34Z" opacity="0.2"></path><path d="M227.31,73.37,182.63,28.68a16,16,0,0,0-22.63,0L36.69,152A15.86,15.86,0,0,0,32,163.31V208a16,16,0,0,0,16,16H92.69A15.86,15.86,0,0,0,104,219.31L227.31,96a16,16,0,0,0,0-22.63ZM92.69,208H48V163.31l88-88L180.69,120ZM192,108.68,147.31,64l24-24L216,84.68Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 12</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 010</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Whiteboard</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">A simple digital whiteboard for sketching and doodling.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/color-palette-generator" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-color-palette-generatorpaletteicon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-color-palette-generatorpaletteicon)" height="100" width="100"></rect><circle cx="34.05621047131717" cy="91.29378329962492" fill="hsl(278, 70%, 60%)" opacity="0.3908468591747805" r="25.99216118454933" style="mix-blend-mode:screen"></circle><circle cx="59.04798966366798" cy="96.1468142690137" fill="hsl(98, 60%, 50%)" opacity="0.4358328917529434" r="14.891142947599292" style="mix-blend-mode:screen"></circle><circle cx="46.55219167470932" cy="43.97961520589888" fill="hsl(278, 70%, 60%)" opacity="0.36298215743154283" r="42.845395375043154" style="mix-blend-mode:screen"></circle><circle cx="80.91041259467602" cy="22.50470411963761" fill="hsl(98, 60%, 50%)" opacity="0.32557673763949424" r="19.266177425161004" style="mix-blend-mode:screen"></circle><circle cx="98.80620341282338" cy="53.532525058835745" fill="hsl(278, 70%, 60%)" opacity="0.4720158407930285" r="38.23651375249028" style="mix-blend-mode:screen"></circle><circle cx="31.402582162991166" cy="9.238042589277029" fill="hsl(98, 60%, 50%)" opacity="0.5810412347316742" r="28.629668671637774" style="mix-blend-mode:screen"></circle><circle cx="47.48863067943603" cy="39.03681638184935" fill="hsl(278, 70%, 60%)" opacity="0.5142093964386731" r="12.834755964577198" style="mix-blend-mode:screen"></circle><circle cx="3.604019689373672" cy="9.048313670791686" fill="hsl(98, 60%, 50%)" opacity="0.5435286715859546" r="18.217047890648246" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M224,127.17a96.48,96.48,0,0,1-2.39,22.18A24,24,0,0,1,198.21,168H152a24,24,0,0,0-24,24,24,24,0,0,1-32,22.61C58.73,201.44,32,169.81,32,128a96,96,0,0,1,95-96C179.84,31.47,223.55,74.35,224,127.17Z" opacity="0.2"></path><path d="M200.77,53.89A103.27,103.27,0,0,0,128,24h-1.07A104,104,0,0,0,24,128c0,43,26.58,79.06,69.36,94.17A32,32,0,0,0,136,192a16,16,0,0,1,16-16h46.21a31.81,31.81,0,0,0,31.2-24.88,104.43,104.43,0,0,0,2.59-24A103.28,103.28,0,0,0,200.77,53.89Zm13,93.71A15.89,15.89,0,0,1,198.21,160H152a32,32,0,0,0-32,32,16,16,0,0,1-21.31,15.07C62.49,194.3,40,164,40,128a88,88,0,0,1,87.09-88h.9a88.35,88.35,0,0,1,88,87.25A88.86,88.86,0,0,1,213.81,147.6ZM140,76a12,12,0,1,1-12-12A12,12,0,0,1,140,76ZM96,100A12,12,0,1,1,84,88,12,12,0,0,1,96,100Zm0,56a12,12,0,1,1-12-12A12,12,0,0,1,96,156Zm88-56a12,12,0,1,1-12-12A12,12,0,0,1,184,100Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 13</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 011</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Color Palette Generator</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">Generate random color palettes.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/morse-code-translator" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-morse-code-translatortranslateicon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-morse-code-translatortranslateicon)" height="100" width="100"></rect><rect fill="hsl(212, 70%, 60%)" height="23.419657573103905" width="1.4842080754460767" opacity="0.870222219824791" x="10" y="60"></rect><rect fill="#ffffff" height="1.599898109328933" width="38.404545867815614" opacity="0.8735241772606969" x="30" y="70"></rect><rect fill="hsl(212, 70%, 60%)" height="27.426497945562005" width="1.336085551069118" opacity="0.45378855774179105" x="0" y="50"></rect><rect fill="hsl(212, 70%, 60%)" height="58.42816716991365" width="0.7970651558134705" opacity="0.8627255597617477" x="20" y="80"></rect><circle cx="20" cy="80" fill="hsl(302, 80%, 60%)" opacity="0.8" r="1.594130311626941"></circle><rect fill="#ffffff" height="1.6135877950582653" width="56.33119439706206" opacity="0.8731452356092632" x="30" y="0"></rect><rect fill="hsl(212, 70%, 60%)" height="0.9385146878194064" width="23.333019469864666" opacity="0.602338505256921" x="30" y="40"></rect><rect fill="#ffffff" height="77.55223116837442" width="1.6019031594041735" opacity="0.8964528654236347" x="10" y="50"></rect><rect fill="hsl(212, 70%, 60%)" height="20.190973114222288" width="1.8573597638169304" opacity="0.7108784260693938" x="60" y="20"></rect><circle cx="60" cy="20" fill="hsl(302, 80%, 60%)" opacity="0.8" r="3.7147195276338607"></circle><rect fill="hsl(212, 70%, 60%)" height="65.83599830977619" width="0.7992949404288083" opacity="0.7725237124133855" x="40" y="40"></rect><circle cx="40" cy="40" fill="hsl(302, 80%, 60%)" opacity="0.8" r="1.5985898808576167"></circle><rect fill="hsl(212, 70%, 60%)" height="0.6031012203311548" width="54.11831352394074" opacity="0.990347724687308" x="30" y="60"></rect><rect fill="hsl(212, 70%, 60%)" height="1.2235961308469996" width="51.881899829022586" opacity="0.7535677091218531" x="20" y="40"></rect><circle cx="20" cy="40" fill="hsl(302, 80%, 60%)" opacity="0.8" r="2.447192261693999"></circle><rect fill="hsl(212, 70%, 60%)" height="0.646582392975688" width="34.703772282227874" opacity="0.41629620846360926" x="20" y="30"></rect><circle cx="20" cy="30" fill="hsl(302, 80%, 60%)" opacity="0.8" r="1.293164785951376"></circle><rect fill="#ffffff" height="29.587545548565686" width="1.865202899207361" opacity="0.8639461914543063" x="80" y="30"></rect><circle cx="80" cy="30" fill="hsl(302, 80%, 60%)" opacity="0.8" r="3.730405798414722"></circle><rect fill="hsl(212, 70%, 60%)" height="44.69389058183879" width="0.6621672280598432" opacity="0.6483235287480056" x="50" y="90"></rect><circle cx="50" cy="90" fill="hsl(302, 80%, 60%)" opacity="0.8" r="1.3243344561196864"></circle><rect fill="#ffffff" height="0.8251537057803944" width="37.33110656961799" opacity="0.5505177265498787" x="80" y="0"></rect><circle cx="80" cy="0" fill="hsl(302, 80%, 60%)" opacity="0.8" r="1.6503074115607888"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M224,184H144l40-80ZM96,127.56h0A95.78,95.78,0,0,0,128,56H64A95.78,95.78,0,0,0,96,127.56Z" opacity="0.2"></path><path d="M247.15,212.42l-56-112a8,8,0,0,0-14.31,0l-21.71,43.43A88,88,0,0,1,108,126.93,103.65,103.65,0,0,0,135.69,64H160a8,8,0,0,0,0-16H104V32a8,8,0,0,0-16,0V48H32a8,8,0,0,0,0,16h87.63A87.7,87.7,0,0,1,96,116.35a87.74,87.74,0,0,1-19-31,8,8,0,1,0-15.08,5.34A103.63,103.63,0,0,0,84,127a87.55,87.55,0,0,1-52,17,8,8,0,0,0,0,16,103.46,103.46,0,0,0,64-22.08,104.18,104.18,0,0,0,51.44,21.31l-26.6,53.19a8,8,0,0,0,14.31,7.16L148.94,192h70.11l13.79,27.58A8,8,0,0,0,240,224a8,8,0,0,0,7.15-11.58ZM156.94,176,184,121.89,211.05,176Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 14</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 012</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Morse Code Translator</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">Translate text to Morse code and vice-versa, with audio playback.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/image-toolkit" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-image-toolkitimageicon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-image-toolkitimageicon)" height="100" width="100"></rect><g transform="translate(0, 20) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="hsl(304, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(304, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(0, 40) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="hsl(304, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(304, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(20, 0) rotate(0, 10, 10)"><polygon fill="#ffffff" opacity="0.9" points="2,18 10,2 18,18" stroke="#ffffff" stroke-width="0"></polygon></g><g transform="translate(20, 20) rotate(180, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="#ffffff"></path></g><g transform="translate(20, 40) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(304, 70%, 60%)" stroke-width="1.5"></circle></g><g transform="translate(20, 60) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(124, 60%, 50%)"></path></g><g transform="translate(20, 80) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="hsl(304, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(304, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(40, 0) rotate(90, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(124, 60%, 50%)" stroke-width="1.5"></rect></g><g transform="translate(40, 40) rotate(270, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(304, 70%, 60%)" stroke-width="1.5"></polygon></g><g transform="translate(40, 60) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(124, 60%, 50%)" stroke-width="1.5"></circle></g><g transform="translate(40, 80) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(304, 70%, 60%)" stroke-width="1.5"></circle></g><g transform="translate(60, 20) rotate(270, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(124, 60%, 50%)" stroke-width="1.5"></polygon></g><g transform="translate(60, 60) rotate(90, 10, 10)"><rect fill="hsl(304, 70%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(304, 70%, 60%)" stroke-width="0"></rect></g><g transform="translate(80, 0) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(304, 70%, 60%)"></path></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M224,56V178.06l-39.72-39.72a8,8,0,0,0-11.31,0L147.31,164,97.66,114.34a8,8,0,0,0-11.32,0L32,168.69V56a8,8,0,0,1,8-8H216A8,8,0,0,1,224,56Z" opacity="0.2"></path><path d="M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,16V158.75l-26.07-26.06a16,16,0,0,0-22.63,0l-20,20-44-44a16,16,0,0,0-22.62,0L40,149.37V56ZM40,172l52-52,80,80H40Zm176,28H194.63l-36-36,20-20L216,181.38V200ZM144,100a12,12,0,1,1,12,12A12,12,0,0,1,144,100Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 15</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 013</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Image Toolkit</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">A toolkit for basic image manipulations.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/image-compressor" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-image-compressorarrowsinlinehorizontalicon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-image-compressorarrowsinlinehorizontalicon)" height="100" width="100"></rect><circle cx="42.48660523444414" cy="93.7153663020581" fill="hsl(144, 70%, 60%)" opacity="0.5227713823551312" r="10.114121846854687" style="mix-blend-mode:screen"></circle><circle cx="37.024706322699785" cy="44.94879790581763" fill="hsl(324, 60%, 50%)" opacity="0.5425717053003609" r="13.095356151461601" style="mix-blend-mode:screen"></circle><circle cx="50.44006113894284" cy="30.13220471329987" fill="hsl(144, 70%, 60%)" opacity="0.329665882140398" r="11.693207612261176" style="mix-blend-mode:screen"></circle><circle cx="27.60530689265579" cy="30.04908838775009" fill="hsl(324, 60%, 50%)" opacity="0.5171900380169973" r="35.50384597852826" style="mix-blend-mode:screen"></circle><circle cx="6.5818606643006206" cy="52.74329229723662" fill="hsl(144, 70%, 60%)" opacity="0.42751995027065276" r="47.82047531567514" style="mix-blend-mode:screen"></circle><circle cx="15.936585608869791" cy="45.1557312393561" fill="hsl(324, 60%, 50%)" opacity="0.4528468876378611" r="46.018389109522104" style="mix-blend-mode:screen"></circle><circle cx="47.9047424858436" cy="25.31808635685593" fill="hsl(144, 70%, 60%)" opacity="0.5652294443221763" r="30.395426796749234" style="mix-blend-mode:screen"></circle><circle cx="73.98534342646599" cy="39.04223972931504" fill="hsl(324, 60%, 50%)" opacity="0.5204231991665438" r="15.474036047235131" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M240,56V200a16,16,0,0,1-16,16H32a16,16,0,0,1-16-16V56A16,16,0,0,1,32,40H224A16,16,0,0,1,240,56Z" opacity="0.2"></path><path d="M136,40V216a8,8,0,0,1-16,0V40a8,8,0,0,1,16,0ZM69.66,90.34a8,8,0,0,0-11.32,11.32L76.69,120H16a8,8,0,0,0,0,16H76.69L58.34,154.34a8,8,0,0,0,11.32,11.32l32-32a8,8,0,0,0,0-11.32ZM240,120H179.31l18.35-18.34a8,8,0,0,0-11.32-11.32l-32,32a8,8,0,0,0,0,11.32l32,32a8,8,0,0,0,11.32-11.32L179.31,136H240a8,8,0,0,0,0-16Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 16</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 014</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Image Compressor</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">Compress images to reduce file size while maintaining quality.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/stopwatch" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-stopwatchtimericon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-stopwatchtimericon)" height="100" width="100"></rect><g transform="translate(0, 0) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="hsl(112, 60%, 50%)" opacity="0.9" r="8" stroke="hsl(112, 60%, 50%)" stroke-width="0"></circle></g><g transform="translate(0, 20) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(22, 80%, 60%)"></path></g><g transform="translate(0, 60) rotate(0, 10, 10)"><polygon fill="hsl(112, 60%, 50%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(112, 60%, 50%)" stroke-width="0"></polygon></g><g transform="translate(0, 80) rotate(270, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(292, 70%, 60%)" stroke-width="1.5"></rect></g><g transform="translate(20, 0) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(292, 70%, 60%)"></path></g><g transform="translate(20, 80) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="hsl(112, 60%, 50%)" opacity="0.9" r="8" stroke="hsl(112, 60%, 50%)" stroke-width="0"></circle></g><g transform="translate(40, 0) rotate(90, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(112, 60%, 50%)" stroke-width="1.5"></rect></g><g transform="translate(40, 60) rotate(90, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(112, 60%, 50%)" stroke-width="1.5"></polygon></g><g transform="translate(40, 80) rotate(180, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(112, 60%, 50%)" stroke-width="1.5"></polygon></g><g transform="translate(60, 0) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(112, 60%, 50%)"></path></g><g transform="translate(60, 20) rotate(0, 10, 10)"><polygon fill="#ffffff" opacity="0.9" points="2,18 10,2 18,18" stroke="#ffffff" stroke-width="0"></polygon></g><g transform="translate(60, 40) rotate(0, 10, 10)"><polygon fill="hsl(292, 70%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(292, 70%, 60%)" stroke-width="0"></polygon></g><g transform="translate(80, 20) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(112, 60%, 50%)"></path></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M216,136a88,88,0,1,1-88-88A88,88,0,0,1,216,136Z" opacity="0.2"></path><path d="M128,40a96,96,0,1,0,96,96A96.11,96.11,0,0,0,128,40Zm0,176a80,80,0,1,1,80-80A80.09,80.09,0,0,1,128,216ZM173.66,90.34a8,8,0,0,1,0,11.32l-40,40a8,8,0,0,1-11.32-11.32l40-40A8,8,0,0,1,173.66,90.34ZM96,16a8,8,0,0,1,8-8h48a8,8,0,0,1,0,16H104A8,8,0,0,1,96,16Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 17</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 015</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Stopwatch</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">A simple stopwatch with lap functionality.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/pomodoro-timer" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-pomodoro-timertimericon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-pomodoro-timertimericon)" height="100" width="100"></rect><g transform="translate(0, 0) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(77, 80%, 60%)"></path></g><g transform="translate(0, 20) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(347, 70%, 60%)"></path></g><g transform="translate(0, 40) rotate(270, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(347, 70%, 60%)" stroke-width="1.5"></rect></g><g transform="translate(20, 0) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="hsl(167, 60%, 50%)" opacity="0.9" r="8" stroke="hsl(167, 60%, 50%)" stroke-width="0"></circle></g><g transform="translate(20, 20) rotate(0, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(77, 80%, 60%)" stroke-width="1.5"></polygon></g><g transform="translate(20, 40) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(347, 70%, 60%)"></path></g><g transform="translate(20, 80) rotate(180, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(167, 60%, 50%)" stroke-width="1.5"></rect></g><g transform="translate(40, 20) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="hsl(347, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(347, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(60, 0) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(347, 70%, 60%)"></path></g><g transform="translate(60, 40) rotate(270, 10, 10)"><rect fill="#ffffff" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="#ffffff" stroke-width="0"></rect></g><g transform="translate(80, 20) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="hsl(347, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(347, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(80, 40) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(77, 80%, 60%)"></path></g><g transform="translate(80, 60) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(347, 70%, 60%)"></path></g><g transform="translate(80, 80) rotate(270, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(347, 70%, 60%)" stroke-width="1.5"></polygon></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M216,136a88,88,0,1,1-88-88A88,88,0,0,1,216,136Z" opacity="0.2"></path><path d="M128,40a96,96,0,1,0,96,96A96.11,96.11,0,0,0,128,40Zm0,176a80,80,0,1,1,80-80A80.09,80.09,0,0,1,128,216ZM173.66,90.34a8,8,0,0,1,0,11.32l-40,40a8,8,0,0,1-11.32-11.32l40-40A8,8,0,0,1,173.66,90.34ZM96,16a8,8,0,0,1,8-8h48a8,8,0,0,1,0,16H104A8,8,0,0,1,96,16Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 18</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 016</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Pomodoro Timer</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">A simple and customizable Pomodoro timer to boost your productivity.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/spirograph" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-spirograph-generatoratomicon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-spirograph-generatoratomicon)" height="100" width="100"></rect><g transform="translate(0, 0) rotate(0, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(299, 80%, 60%)" stroke-width="1.5"></polygon></g><g transform="translate(0, 60) rotate(90, 10, 10)"><rect fill="hsl(209, 70%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(209, 70%, 60%)" stroke-width="0"></rect></g><g transform="translate(0, 80) rotate(180, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(209, 70%, 60%)"></path></g><g transform="translate(20, 0) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="#ffffff" opacity="0.9" r="8" stroke="#ffffff" stroke-width="0"></circle></g><g transform="translate(20, 40) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="hsl(209, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(209, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(20, 80) rotate(0, 10, 10)"><polygon fill="hsl(209, 70%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(209, 70%, 60%)" stroke-width="0"></polygon></g><g transform="translate(40, 0) rotate(180, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(29, 60%, 50%)" stroke-width="1.5"></rect></g><g transform="translate(60, 20) rotate(180, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(29, 60%, 50%)" stroke-width="1.5"></polygon></g><g transform="translate(60, 60) rotate(0, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(209, 70%, 60%)" stroke-width="1.5"></polygon></g><g transform="translate(80, 40) rotate(0, 10, 10)"><rect fill="hsl(209, 70%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(209, 70%, 60%)" stroke-width="0"></rect></g><g transform="translate(80, 80) rotate(270, 10, 10)"><rect fill="hsl(209, 70%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(209, 70%, 60%)" stroke-width="0"></rect></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M210.26,210.26c-17.23,17.23-68-5.63-113.46-51.06S28.51,63,45.74,45.74s68,5.63,113.46,51.06S227.49,193,210.26,210.26Z" opacity="0.2"></path><path d="M196.12,128c24.65-34.61,37.22-70.38,19.74-87.86S162.61,35.23,128,59.88C93.39,35.23,57.62,22.66,40.14,40.14S35.23,93.39,59.88,128c-24.65,34.61-37.22,70.38-19.74,87.86h0c5.63,5.63,13.15,8.14,21.91,8.14,18.48,0,42.48-11.17,66-27.88C151.47,212.83,175.47,224,194,224c8.76,0,16.29-2.52,21.91-8.14h0C233.34,198.38,220.77,162.61,196.12,128Zm8.43-76.55c7.64,7.64,2.48,32.4-18.52,63.28a300.33,300.33,0,0,0-21.19-23.57A300.33,300.33,0,0,0,141.27,70C172.15,49,196.91,43.8,204.55,51.45ZM176.29,128a289.14,289.14,0,0,1-22.76,25.53A289.14,289.14,0,0,1,128,176.29a289.14,289.14,0,0,1-25.53-22.76A289.14,289.14,0,0,1,79.71,128,298.62,298.62,0,0,1,128,79.71a289.14,289.14,0,0,1,25.53,22.76A289.14,289.14,0,0,1,176.29,128ZM51.45,51.45c2.2-2.21,5.83-3.35,10.62-3.35C73.89,48.1,92.76,55,114.72,70A304,304,0,0,0,91.16,91.16,300.33,300.33,0,0,0,70,114.73C49,83.85,43.81,59.09,51.45,51.45Zm0,153.1C43.81,196.91,49,172.15,70,141.27a300.33,300.33,0,0,0,21.19,23.57A304.18,304.18,0,0,0,114.73,186C83.85,207,59.09,212.2,51.45,204.55Zm153.1,0c-7.64,7.65-32.4,2.48-63.28-18.52a304.18,304.18,0,0,0,23.57-21.19A300.33,300.33,0,0,0,186,141.27C207,172.15,212.19,196.91,204.55,204.55ZM140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 19</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 017</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Spirograph Generator</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">Create mesmerizing geometric patterns with math.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/fractal-flora" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-fractal-floraplanticon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-fractal-floraplanticon)" height="100" width="100"></rect><rect fill="hsl(216, 70%, 60%)" height="79.89781736396253" width="0.7469944560434669" opacity="0.9352858535945415" x="80" y="70"></rect><circle cx="80" cy="70" fill="hsl(306, 80%, 60%)" opacity="0.8" r="1.4939889120869339"></circle><rect fill="#ffffff" height="68.33324519451708" width="1.3570780534064397" opacity="0.8363274313043803" x="30" y="0"></rect><rect fill="hsl(216, 70%, 60%)" height="60.80067588482052" width="0.7585135082481429" opacity="0.6831946840975434" x="30" y="10"></rect><circle cx="30" cy="10" fill="hsl(306, 80%, 60%)" opacity="0.8" r="1.5170270164962858"></circle><rect fill="hsl(216, 70%, 60%)" height="73.36414662655443" width="0.6867969305021688" opacity="0.5683957986533642" x="60" y="0"></rect><circle cx="60" cy="0" fill="hsl(306, 80%, 60%)" opacity="0.8" r="1.3735938610043377"></circle><rect fill="hsl(216, 70%, 60%)" height="1.099268221645616" width="65.9144907258451" opacity="0.73574687843211" x="0" y="30"></rect><circle cx="0" cy="30" fill="hsl(306, 80%, 60%)" opacity="0.8" r="2.198536443291232"></circle><rect fill="hsl(216, 70%, 60%)" height="1.3673133633565158" width="35.38294779602438" opacity="0.5236650759819895" x="60" y="0"></rect><circle cx="60" cy="0" fill="hsl(306, 80%, 60%)" opacity="0.8" r="2.7346267267130315"></circle><rect fill="hsl(216, 70%, 60%)" height="1.0689175584120676" width="24.936613766476512" opacity="0.6660240211524069" x="40" y="20"></rect><circle cx="40" cy="20" fill="hsl(306, 80%, 60%)" opacity="0.8" r="2.137835116824135"></circle><rect fill="#ffffff" height="1.223088332801126" width="29.085606075823307" opacity="0.9726928618270904" x="30" y="40"></rect><circle cx="30" cy="40" fill="hsl(306, 80%, 60%)" opacity="0.8" r="2.446176665602252"></circle><rect fill="#ffffff" height="27.887755446135998" width="1.504749120096676" opacity="0.6400962198618799" x="60" y="30"></rect><circle cx="60" cy="30" fill="hsl(306, 80%, 60%)" opacity="0.8" r="3.009498240193352"></circle><rect fill="hsl(216, 70%, 60%)" height="31.73499253578484" width="1.1924884609179571" opacity="0.45479745110496883" x="60" y="30"></rect><circle cx="60" cy="30" fill="hsl(306, 80%, 60%)" opacity="0.8" r="2.3849769218359143"></circle><rect fill="hsl(216, 70%, 60%)" height="38.80663781892508" width="1.0403424504911527" opacity="0.6176719585433602" x="60" y="90"></rect><rect fill="hsl(216, 70%, 60%)" height="0.9795890056993812" width="67.19356388319284" opacity="0.4725353762507439" x="20" y="70"></rect><rect fill="hsl(216, 70%, 60%)" height="0.8092917838366702" width="43.14975865185261" opacity="0.4100813375320286" x="20" y="60"></rect><circle cx="20" cy="60" fill="hsl(306, 80%, 60%)" opacity="0.8" r="1.6185835676733404"></circle><rect fill="hsl(216, 70%, 60%)" height="76.06950387358665" width="0.6547667573904619" opacity="0.9042593281716108" x="70" y="40"></rect><rect fill="hsl(216, 70%, 60%)" height="1.6968983005499467" width="77.16953218914568" opacity="0.8809439937118441" x="0" y="60"></rect></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M138.54,149.46C106.62,96.25,149.18,43.05,239.63,48.37,245,138.82,191.75,181.39,138.54,149.46ZM16.26,88.26c-3.8,64.61,34.21,95,72.21,72.21C111.27,122.47,80.87,84.46,16.26,88.26Z" opacity="0.2"></path><path d="M247.63,47.89a8,8,0,0,0-7.52-7.52c-51.76-3-93.32,12.74-111.18,42.22-11.8,19.48-11.78,43.16-.16,65.74a71.37,71.37,0,0,0-14.17,26.95L98.33,159c7.82-16.33,7.52-33.36-1-47.49C84.09,89.73,53.62,78,15.79,80.27a8,8,0,0,0-7.52,7.52c-2.23,37.83,9.46,68.3,31.25,81.5A45.82,45.82,0,0,0,63.44,176,54.58,54.58,0,0,0,87,170.33l25,25V224a8,8,0,0,0,16,0V194.51a55.61,55.61,0,0,1,12.27-35,73.91,73.91,0,0,0,33.31,8.4,60.9,60.9,0,0,0,31.83-8.86C234.89,141.21,250.67,99.65,247.63,47.89ZM86.06,146.74l-24.41-24.4a8,8,0,0,0-11.31,11.31l24.41,24.41c-9.61,3.18-18.93,2.39-26.94-2.46C32.47,146.31,23.79,124.32,24,96c28.31-.25,50.31,8.47,59.6,23.81C88.45,127.82,89.24,137.14,86.06,146.74Zm111.06-1.36c-13.4,8.11-29.15,8.73-45.15,2l53.69-53.7a8,8,0,0,0-11.31-11.32L140.65,136c-6.76-16-6.15-31.76,2-45.15,13.94-23,47-35.8,89.33-34.83C232.94,98.34,220.14,131.44,197.12,145.38Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 20</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 018</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Fractal Flora</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">Grow digital trees using recursive mathematics.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/abstract-waves" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-abstract-waveswavesineicon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-abstract-waveswavesineicon)" height="100" width="100"></rect><g transform="translate(0, 40) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(306, 70%, 60%)"></path></g><g transform="translate(0, 60) rotate(270, 10, 10)"><polygon fill="hsl(306, 70%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(306, 70%, 60%)" stroke-width="0"></polygon></g><g transform="translate(20, 0) rotate(270, 10, 10)"><rect fill="hsl(306, 70%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(306, 70%, 60%)" stroke-width="0"></rect></g><g transform="translate(20, 20) rotate(180, 10, 10)"><rect fill="hsl(126, 60%, 50%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(126, 60%, 50%)" stroke-width="0"></rect></g><g transform="translate(20, 40) rotate(270, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(306, 70%, 60%)" stroke-width="1.5"></rect></g><g transform="translate(40, 0) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(306, 70%, 60%)"></path></g><g transform="translate(40, 20) rotate(0, 10, 10)"><circle cx="10" cy="10" fill="hsl(126, 60%, 50%)" opacity="0.9" r="8" stroke="hsl(126, 60%, 50%)" stroke-width="0"></circle></g><g transform="translate(40, 40) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="hsl(126, 60%, 50%)" opacity="0.9" r="8" stroke="hsl(126, 60%, 50%)" stroke-width="0"></circle></g><g transform="translate(60, 0) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(306, 70%, 60%)"></path></g><g transform="translate(60, 20) rotate(180, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(126, 60%, 50%)"></path></g><g transform="translate(60, 40) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(306, 70%, 60%)"></path></g><g transform="translate(60, 60) rotate(90, 10, 10)"><rect fill="hsl(126, 60%, 50%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(126, 60%, 50%)" stroke-width="0"></rect></g><g transform="translate(60, 80) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="hsl(306, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(306, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(80, 60) rotate(180, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(126, 60%, 50%)"></path></g><g transform="translate(80, 80) rotate(0, 10, 10)"><circle cx="10" cy="10" fill="#ffffff" opacity="0.9" r="8" stroke="#ffffff" stroke-width="0"></circle></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M232,128c-52,110.85-78,55.43-104,0ZM24,128H128C102,72.57,76,17.15,24,128Z" opacity="0.2"></path><path d="M239.24,131.4c-22,46.8-41.4,68.6-61.2,68.6-25.1,0-40.73-33.32-57.28-68.6C107.7,103.56,92.9,72,78,72c-16.4,0-36.31,37.21-46.72,59.4a8,8,0,0,1-14.48-6.8C38.71,77.8,58.16,56,78,56c25.1,0,40.73,33.32,57.28,68.6C148.3,152.44,163.1,184,178,184c16.4,0,36.31-37.21,46.72-59.4a8,8,0,0,1,14.48,6.8Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 21</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 019</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Abstract Waves</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">Generate mesmerizing black and white abstract wave patterns.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/topographic-maps" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-topographic-map-generatormaptrifoldicon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-topographic-map-generatormaptrifoldicon)" height="100" width="100"></rect><circle cx="85.80196658149362" cy="40.23568851407617" fill="hsl(19, 70%, 60%)" opacity="0.33352943386416883" r="39.244735622778535" style="mix-blend-mode:screen"></circle><circle cx="46.64444858208299" cy="62.13774748612195" fill="hsl(199, 60%, 50%)" opacity="0.43443099623546" r="19.045549212023616" style="mix-blend-mode:screen"></circle><circle cx="44.59694856777787" cy="50.09275411721319" fill="hsl(19, 70%, 60%)" opacity="0.584345694584772" r="38.690986055880785" style="mix-blend-mode:screen"></circle><circle cx="92.90373446419835" cy="91.99481222312897" fill="hsl(199, 60%, 50%)" opacity="0.474454480712302" r="32.63573370873928" style="mix-blend-mode:screen"></circle><circle cx="85.20731525495648" cy="33.27717122156173" fill="hsl(19, 70%, 60%)" opacity="0.5284790369449184" r="43.479917366057634" style="mix-blend-mode:screen"></circle><circle cx="85.41766442358494" cy="60.944381542503834" fill="hsl(199, 60%, 50%)" opacity="0.4647468872135505" r="21.476559210568666" style="mix-blend-mode:screen"></circle><circle cx="90.82578276284039" cy="0.5727516720071435" fill="hsl(19, 70%, 60%)" opacity="0.46227296311408284" r="19.98157245106995" style="mix-blend-mode:screen"></circle><circle cx="31.840910855680704" cy="85.8639367390424" fill="hsl(199, 60%, 50%)" opacity="0.4205527231330052" r="33.05076063610613" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M160,72V216L96,184V40Z" opacity="0.2"></path><path d="M228.92,49.69a8,8,0,0,0-6.86-1.45L160.93,63.52,99.58,32.84a8,8,0,0,0-5.52-.6l-64,16A8,8,0,0,0,24,56V200a8,8,0,0,0,9.94,7.76l61.13-15.28,61.35,30.68A8.15,8.15,0,0,0,160,224a8,8,0,0,0,1.94-.24l64-16A8,8,0,0,0,232,200V56A8,8,0,0,0,228.92,49.69ZM104,52.94l48,24V203.06l-48-24ZM40,62.25l48-12v127.5l-48,12Zm176,131.5-48,12V78.25l48-12Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 22</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 020</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Topographic Map Generator</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">Generate seamless topographic contour maps.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/blend-lab" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-blend-labselectionicon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-blend-labselectionicon)" height="100" width="100"></rect><rect fill="hsl(210, 70%, 60%)" height="50.67378636915237" width="1.411064883810468" opacity="0.6618738588411361" x="70" y="90"></rect><rect fill="hsl(210, 70%, 60%)" height="57.838429999537766" width="1.9928074162453413" opacity="0.5714785841293633" x="40" y="40"></rect><circle cx="40" cy="40" fill="hsl(300, 80%, 60%)" opacity="0.8" r="3.9856148324906826"></circle><rect fill="hsl(210, 70%, 60%)" height="0.8321698543149978" width="22.09973560180515" opacity="0.7652102181687952" x="90" y="20"></rect><circle cx="90" cy="20" fill="hsl(300, 80%, 60%)" opacity="0.8" r="1.6643397086299956"></circle><rect fill="hsl(210, 70%, 60%)" height="1.0480976467952132" width="45.94776601996273" opacity="0.4133684120606631" x="70" y="40"></rect><rect fill="hsl(210, 70%, 60%)" height="54.05272405594587" width="0.6922641295241192" opacity="0.4665851576253772" x="50" y="50"></rect><circle cx="50" cy="50" fill="hsl(300, 80%, 60%)" opacity="0.8" r="1.3845282590482384"></circle><rect fill="hsl(210, 70%, 60%)" height="64.02325231116265" width="0.8378094282234088" opacity="0.5927383803296834" x="20" y="40"></rect><circle cx="20" cy="40" fill="hsl(300, 80%, 60%)" opacity="0.8" r="1.6756188564468175"></circle><rect fill="hsl(210, 70%, 60%)" height="0.8294758439296857" width="37.49819445889443" opacity="0.913623488554731" x="0" y="20"></rect><circle cx="0" cy="20" fill="hsl(300, 80%, 60%)" opacity="0.8" r="1.6589516878593713"></circle><rect fill="hsl(210, 70%, 60%)" height="21.255909181199968" width="0.6618183215614408" opacity="0.40386772095225754" x="30" y="30"></rect><circle cx="30" cy="30" fill="hsl(300, 80%, 60%)" opacity="0.8" r="1.3236366431228817"></circle><rect fill="hsl(210, 70%, 60%)" height="54.38291782978922" width="1.2421182987745851" opacity="0.7215134545229376" x="40" y="50"></rect><rect fill="hsl(210, 70%, 60%)" height="1.5928304847329855" width="60.23775960318744" opacity="0.7934617244172841" x="10" y="0"></rect><rect fill="hsl(210, 70%, 60%)" height="71.7119081504643" width="0.7458821017062292" opacity="0.699172452185303" x="80" y="70"></rect><rect fill="hsl(210, 70%, 60%)" height="39.87525734119117" width="1.363278718199581" opacity="0.7883573149796576" x="60" y="20"></rect><rect fill="hsl(210, 70%, 60%)" height="39.400029415264726" width="1.2471420029178262" opacity="0.6235205463133753" x="10" y="10"></rect><circle cx="10" cy="10" fill="hsl(300, 80%, 60%)" opacity="0.8" r="2.4942840058356524"></circle><rect fill="hsl(210, 70%, 60%)" height="1.8950570118613541" width="40.50744059495628" opacity="0.4333513014484197" x="30" y="50"></rect><circle cx="30" cy="50" fill="hsl(300, 80%, 60%)" opacity="0.8" r="3.7901140237227082"></circle><rect fill="hsl(210, 70%, 60%)" height="1.1218781938077882" width="52.7391847781837" opacity="0.6164499962236732" x="10" y="90"></rect><circle cx="10" cy="90" fill="hsl(300, 80%, 60%)" opacity="0.8" r="2.2437563876155764"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M216,40V216H40V40Z" opacity="0.2"></path><path d="M152,40a8,8,0,0,1-8,8H112a8,8,0,0,1,0-16h32A8,8,0,0,1,152,40Zm-8,168H112a8,8,0,0,0,0,16h32a8,8,0,0,0,0-16ZM208,32H184a8,8,0,0,0,0,16h24V72a8,8,0,0,0,16,0V48A16,16,0,0,0,208,32Zm8,72a8,8,0,0,0-8,8v32a8,8,0,0,0,16,0V112A8,8,0,0,0,216,104Zm0,72a8,8,0,0,0-8,8v24H184a8,8,0,0,0,0,16h24a16,16,0,0,0,16-16V184A8,8,0,0,0,216,176ZM40,152a8,8,0,0,0,8-8V112a8,8,0,0,0-16,0v32A8,8,0,0,0,40,152Zm32,56H48V184a8,8,0,0,0-16,0v24a16,16,0,0,0,16,16H72a8,8,0,0,0,0-16ZM72,32H48A16,16,0,0,0,32,48V72a8,8,0,0,0,16,0V48H72a8,8,0,0,0,0-16Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 23</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 021</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Blend Lab</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">Create abstract color fields with noise, blur, and custom typography.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/asset-studio" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-asset-studioappwindowicon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-asset-studioappwindowicon)" height="100" width="100"></rect><rect fill="hsl(248, 70%, 60%)" height="1.3628419808810577" width="62.49711822718382" opacity="0.9118772239424289" x="20" y="80"></rect><rect fill="hsl(248, 70%, 60%)" height="50.46291210222989" width="1.893327506026253" opacity="0.9091079923324287" x="80" y="0"></rect><circle cx="80" cy="0" fill="hsl(338, 80%, 60%)" opacity="0.8" r="3.786655012052506"></circle><rect fill="hsl(248, 70%, 60%)" height="1.0506729491753504" width="59.567289114929736" opacity="0.7043606791179627" x="60" y="50"></rect><circle cx="60" cy="50" fill="hsl(338, 80%, 60%)" opacity="0.8" r="2.1013458983507007"></circle><rect fill="hsl(248, 70%, 60%)" height="0.5265192956430838" width="51.374579230323434" opacity="0.4144394042901695" x="90" y="40"></rect><circle cx="90" cy="40" fill="hsl(338, 80%, 60%)" opacity="0.8" r="1.0530385912861675"></circle><rect fill="hsl(248, 70%, 60%)" height="1.8968984541716054" width="61.605236483737826" opacity="0.7331399055197836" x="90" y="0"></rect><circle cx="90" cy="0" fill="hsl(338, 80%, 60%)" opacity="0.8" r="3.793796908343211"></circle><rect fill="#ffffff" height="69.9531453801319" width="0.8590505842585117" opacity="0.6187618826981633" x="70" y="70"></rect><circle cx="70" cy="70" fill="hsl(338, 80%, 60%)" opacity="0.8" r="1.7181011685170233"></circle><rect fill="hsl(248, 70%, 60%)" height="1.832546234712936" width="52.54424520768225" opacity="0.7989620385225862" x="60" y="50"></rect><rect fill="#ffffff" height="52.96418434008956" width="0.5662319855764508" opacity="0.6899568921886385" x="0" y="60"></rect><circle cx="0" cy="60" fill="hsl(338, 80%, 60%)" opacity="0.8" r="1.1324639711529016"></circle><rect fill="#ffffff" height="1.873767689219676" width="46.48854732979089" opacity="0.4504430306144059" x="90" y="20"></rect><circle cx="90" cy="20" fill="hsl(338, 80%, 60%)" opacity="0.8" r="3.747535378439352"></circle><rect fill="hsl(248, 70%, 60%)" height="70.56883038021624" width="1.3985445332946256" opacity="0.6344891659915447" x="20" y="0"></rect><circle cx="20" cy="0" fill="hsl(338, 80%, 60%)" opacity="0.8" r="2.797089066589251"></circle><rect fill="#ffffff" height="76.57022060826421" width="0.9188372809439898" opacity="0.7102786652743817" x="70" y="90"></rect><circle cx="70" cy="90" fill="hsl(338, 80%, 60%)" opacity="0.8" r="1.8376745618879795"></circle><rect fill="#ffffff" height="1.221365928533487" width="64.87068775575608" opacity="0.6221638928167522" x="20" y="50"></rect><rect fill="hsl(248, 70%, 60%)" height="42.27764252573252" width="1.040028442745097" opacity="0.8537272677756846" x="0" y="0"></rect><circle cx="0" cy="0" fill="hsl(338, 80%, 60%)" opacity="0.8" r="2.080056885490194"></circle><rect fill="#ffffff" height="57.87987536750734" width="1.001884197234176" opacity="0.48635047110728924" x="40" y="30"></rect><circle cx="40" cy="30" fill="hsl(338, 80%, 60%)" opacity="0.8" r="2.003768394468352"></circle><rect fill="hsl(248, 70%, 60%)" height="51.044782884418964" width="0.6881671408191323" opacity="0.904995095403865" x="20" y="40"></rect><circle cx="20" cy="40" fill="hsl(338, 80%, 60%)" opacity="0.8" r="1.3763342816382647"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M224,56V200a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V56a8,8,0,0,1,8-8H216A8,8,0,0,1,224,56Z" opacity="0.2"></path><path d="M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,160H40V56H216V200ZM80,84A12,12,0,1,1,68,72,12,12,0,0,1,80,84Zm40,0a12,12,0,1,1-12-12A12,12,0,0,1,120,84Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 24</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 022</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Asset Studio</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">Convert source images into optimized web assets, including favicons and social media previews.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:0;transform:translateY(.209414px)"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/poster-loom" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-poster-loomgridfouricon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-poster-loomgridfouricon)" height="100" width="100"></rect><rect fill="hsl(180, 70%, 60%)" height="74.03529078233987" width="1.7797620237106457" opacity="0.6507035042159259" x="30" y="50"></rect><circle cx="30" cy="50" fill="hsl(270, 80%, 60%)" opacity="0.8" r="3.5595240474212915"></circle><rect fill="hsl(180, 70%, 60%)" height="36.58867585007101" width="1.0467457041377202" opacity="0.6609464129898697" x="50" y="70"></rect><circle cx="50" cy="70" fill="hsl(270, 80%, 60%)" opacity="0.8" r="2.0934914082754403"></circle><rect fill="hsl(180, 70%, 60%)" height="0.6287554930895567" width="24.228264018893242" opacity="0.9665466323960572" x="20" y="80"></rect><rect fill="hsl(180, 70%, 60%)" height="43.931895438581705" width="0.5064831415656954" opacity="0.661056121904403" x="90" y="20"></rect><rect fill="hsl(180, 70%, 60%)" height="71.2476650858298" width="1.4815389666473493" opacity="0.48053317284211516" x="30" y="20"></rect><circle cx="30" cy="20" fill="hsl(270, 80%, 60%)" opacity="0.8" r="2.9630779332946986"></circle><rect fill="#ffffff" height="1.9988552534487098" width="37.883350774645805" opacity="0.5766798493918032" x="50" y="30"></rect><rect fill="hsl(180, 70%, 60%)" height="1.8063660502666607" width="72.7919161785394" opacity="0.9347726916894317" x="40" y="50"></rect><rect fill="hsl(180, 70%, 60%)" height="1.480909077799879" width="33.01223990507424" opacity="0.9988529632333666" x="90" y="10"></rect><circle cx="90" cy="10" fill="hsl(270, 80%, 60%)" opacity="0.8" r="2.961818155599758"></circle><rect fill="#ffffff" height="42.64251083601266" width="0.6217358175199479" opacity="0.8316603881772608" x="30" y="80"></rect><rect fill="hsl(180, 70%, 60%)" height="68.22608203161508" width="1.5757275574142113" opacity="0.7489298445172607" x="80" y="50"></rect><circle cx="80" cy="50" fill="hsl(270, 80%, 60%)" opacity="0.8" r="3.1514551148284227"></circle><rect fill="hsl(180, 70%, 60%)" height="31.386814354918897" width="0.6164822166319937" opacity="0.5084248983301223" x="50" y="40"></rect><rect fill="hsl(180, 70%, 60%)" height="41.12111451104283" width="1.7795007014647126" opacity="0.6816479870118202" x="0" y="0"></rect><circle cx="0" cy="0" fill="hsl(270, 80%, 60%)" opacity="0.8" r="3.5590014029294252"></circle><rect fill="hsl(180, 70%, 60%)" height="1.0216530754696578" width="50.97596357576549" opacity="0.44380585369654" x="80" y="30"></rect><rect fill="hsl(180, 70%, 60%)" height="55.31187464483082" width="1.0566624402999878" opacity="0.5742952711414546" x="0" y="30"></rect><rect fill="#ffffff" height="22.411887105554342" width="1.2831944795325398" opacity="0.5146929212845862" x="70" y="20"></rect></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,56V200a8,8,0,0,1-8,8H56a8,8,0,0,1-8-8V56a8,8,0,0,1,8-8H200A8,8,0,0,1,208,56Z" opacity="0.2"></path><path d="M200,40H56A16,16,0,0,0,40,56V200a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,80H136V56h64ZM120,56v64H56V56ZM56,136h64v64H56Zm144,64H136V136h64v64Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 25</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 023</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Poster Loom</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">Construct brutalist digital posters with generative grids and technical typography.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:0;transform:translateY(1.27769px)"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/feztype" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-feztype--typing-speed-tester-keyboardicon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-feztype--typing-speed-tester-keyboardicon)" height="100" width="100"></rect><circle cx="31.858027959242463" cy="67.4037704244256" fill="hsl(308, 70%, 60%)" opacity="0.4928886749781668" r="20.921551017090678" style="mix-blend-mode:screen"></circle><circle cx="91.37315093539655" cy="86.98119812179357" fill="hsl(128, 60%, 50%)" opacity="0.5873020884348079" r="10.96887239255011" style="mix-blend-mode:screen"></circle><circle cx="52.036163955926895" cy="64.91179405711591" fill="hsl(308, 70%, 60%)" opacity="0.5131832293001934" r="37.81180505640805" style="mix-blend-mode:screen"></circle><circle cx="58.6283199256286" cy="27.92705106548965" fill="hsl(128, 60%, 50%)" opacity="0.3156394215300679" r="38.92344219610095" style="mix-blend-mode:screen"></circle><circle cx="20.342811732552946" cy="52.1405121544376" fill="hsl(308, 70%, 60%)" opacity="0.546221620333381" r="39.07029055990279" style="mix-blend-mode:screen"></circle><circle cx="97.58708567824215" cy="62.1974186738953" fill="hsl(128, 60%, 50%)" opacity="0.46474182398524133" r="24.282609093934298" style="mix-blend-mode:screen"></circle><circle cx="17.10785422474146" cy="88.06804935447872" fill="hsl(308, 70%, 60%)" opacity="0.4756101410603151" r="32.27527130395174" style="mix-blend-mode:screen"></circle><circle cx="64.41529172006994" cy="5.868082004599273" fill="hsl(128, 60%, 50%)" opacity="0.5632253286195918" r="32.791958414018154" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M232,64V192a8,8,0,0,1-8,8H32a8,8,0,0,1-8-8V64a8,8,0,0,1,8-8H224A8,8,0,0,1,232,64Z" opacity="0.2"></path><path d="M224,48H32A16,16,0,0,0,16,64V192a16,16,0,0,0,16,16H224a16,16,0,0,0,16-16V64A16,16,0,0,0,224,48Zm0,144H32V64H224V192Zm-16-64a8,8,0,0,1-8,8H56a8,8,0,0,1,0-16H200A8,8,0,0,1,208,128Zm0-32a8,8,0,0,1-8,8H56a8,8,0,0,1,0-16H200A8,8,0,0,1,208,96ZM72,160a8,8,0,0,1-8,8H56a8,8,0,0,1,0-16h8A8,8,0,0,1,72,160Zm96,0a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,160Zm40,0a8,8,0,0,1-8,8h-8a8,8,0,0,1,0-16h8A8,8,0,0,1,208,160Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 26</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 024</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">FezType (Typing Speed Tester)</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">Test and improve your typing speed.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:0;transform:translateY(3.03214px)"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/wallpaper-engine" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-procedural-wallpaper-enginemonitoricon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-procedural-wallpaper-enginemonitoricon)" height="100" width="100"></rect><rect fill="hsl(118, 70%, 60%)" height="0.5659106279490516" width="40.8229760825634" opacity="0.7392519405577331" x="50" y="10"></rect><circle cx="50" cy="10" fill="hsl(208, 80%, 60%)" opacity="0.8" r="1.1318212558981031"></circle><rect fill="hsl(118, 70%, 60%)" height="44.9508995981887" width="1.5882056582486257" opacity="0.9996412849985064" x="0" y="70"></rect><rect fill="hsl(118, 70%, 60%)" height="64.53385598957539" width="0.6413984216051176" opacity="0.6096784037537872" x="30" y="10"></rect><rect fill="hsl(118, 70%, 60%)" height="1.4864574978128076" width="69.81179770082235" opacity="0.9543400167953223" x="60" y="60"></rect><circle cx="60" cy="60" fill="hsl(208, 80%, 60%)" opacity="0.8" r="2.972914995625615"></circle><rect fill="hsl(118, 70%, 60%)" height="0.7706511927535757" width="22.630313578993082" opacity="0.6408963341265916" x="0" y="10"></rect><circle cx="0" cy="10" fill="hsl(208, 80%, 60%)" opacity="0.8" r="1.5413023855071515"></circle><rect fill="hsl(118, 70%, 60%)" height="1.2535953482147306" width="31.821788107044995" opacity="0.7906283994670957" x="90" y="60"></rect><circle cx="90" cy="60" fill="hsl(208, 80%, 60%)" opacity="0.8" r="2.5071906964294612"></circle><rect fill="hsl(118, 70%, 60%)" height="1.0781175940064713" width="20.368003267794847" opacity="0.7056563569232821" x="70" y="40"></rect><circle cx="70" cy="40" fill="hsl(208, 80%, 60%)" opacity="0.8" r="2.1562351880129427"></circle><rect fill="hsl(118, 70%, 60%)" height="58.45093820244074" width="1.8069869020255283" opacity="0.5830211592372507" x="90" y="60"></rect><circle cx="90" cy="60" fill="hsl(208, 80%, 60%)" opacity="0.8" r="3.6139738040510565"></circle><rect fill="hsl(118, 70%, 60%)" height="0.776724396739155" width="77.49063162598759" opacity="0.49622245677746835" x="70" y="80"></rect><circle cx="70" cy="80" fill="hsl(208, 80%, 60%)" opacity="0.8" r="1.55344879347831"></circle><rect fill="#ffffff" height="1.378903559758328" width="73.16546923015267" opacity="0.9993463203776628" x="90" y="50"></rect><rect fill="hsl(118, 70%, 60%)" height="1.6809318447485566" width="74.35450547840446" opacity="0.9234124207403511" x="30" y="30"></rect><circle cx="30" cy="30" fill="hsl(208, 80%, 60%)" opacity="0.8" r="3.3618636894971132"></circle><rect fill="hsl(118, 70%, 60%)" height="0.540279551059939" width="27.14271475560963" opacity="0.5046123976353556" x="60" y="50"></rect><circle cx="60" cy="50" fill="hsl(208, 80%, 60%)" opacity="0.8" r="1.080559102119878"></circle><rect fill="hsl(118, 70%, 60%)" height="23.225373369641602" width="1.6474498107563704" opacity="0.41505075921304524" x="30" y="60"></rect><circle cx="30" cy="60" fill="hsl(208, 80%, 60%)" opacity="0.8" r="3.294899621512741"></circle><rect fill="hsl(118, 70%, 60%)" height="61.013466687873006" width="1.1249401166569442" opacity="0.6473270643502473" x="70" y="80"></rect><circle cx="70" cy="80" fill="hsl(208, 80%, 60%)" opacity="0.8" r="2.2498802333138883"></circle><rect fill="hsl(118, 70%, 60%)" height="0.936351754819043" width="74.15844702161849" opacity="0.8235443451441824" x="50" y="40"></rect></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M224,64V176a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V64A16,16,0,0,1,48,48H208A16,16,0,0,1,224,64Z" opacity="0.2"></path><path d="M208,40H48A24,24,0,0,0,24,64V176a24,24,0,0,0,24,24H208a24,24,0,0,0,24-24V64A24,24,0,0,0,208,40Zm8,136a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V64a8,8,0,0,1,8-8H208a8,8,0,0,1,8,8Zm-48,48a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,224Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 27</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 025</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Procedural Wallpaper Engine</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">Construct high-resolution procedural wallpapers using generative algorithms and technical protocols.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:0;transform:translateY(5.31368px)"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/synergy-flow" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-synergy-flowbriefcaseicon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-synergy-flowbriefcaseicon)" height="100" width="100"></rect><circle cx="46.70548888389021" cy="15.66600298974663" fill="hsl(85, 70%, 60%)" opacity="0.5224611134268343" r="31.176101556047797" style="mix-blend-mode:screen"></circle><circle cx="62.44861155282706" cy="89.58772448822856" fill="hsl(265, 60%, 50%)" opacity="0.5397014247486367" r="17.904531490057707" style="mix-blend-mode:screen"></circle><circle cx="28.63735465798527" cy="16.993900598026812" fill="hsl(85, 70%, 60%)" opacity="0.5076927897054702" r="36.731581315398216" style="mix-blend-mode:screen"></circle><circle cx="7.287626690231264" cy="8.859651652164757" fill="hsl(265, 60%, 50%)" opacity="0.5138696147594601" r="33.787617748603225" style="mix-blend-mode:screen"></circle><circle cx="33.244042191654444" cy="31.938236416317523" fill="hsl(85, 70%, 60%)" opacity="0.40541942026466127" r="13.966122502461076" style="mix-blend-mode:screen"></circle><circle cx="93.96252306178212" cy="76.3497217791155" fill="hsl(265, 60%, 50%)" opacity="0.5332389137009159" r="29.574554609134793" style="mix-blend-mode:screen"></circle><circle cx="86.35677464772016" cy="6.698178453370929" fill="hsl(85, 70%, 60%)" opacity="0.47075811226386577" r="16.203475445508957" style="mix-blend-mode:screen"></circle><circle cx="20.72187988087535" cy="90.95284854993224" fill="hsl(265, 60%, 50%)" opacity="0.5782870712690056" r="25.545121114701033" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M224,118.31V200a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V118.31h0A191.14,191.14,0,0,0,128,144,191.08,191.08,0,0,0,224,118.31Z" opacity="0.2"></path><path d="M104,112a8,8,0,0,1,8-8h32a8,8,0,0,1,0,16H112A8,8,0,0,1,104,112ZM232,72V200a16,16,0,0,1-16,16H40a16,16,0,0,1-16-16V72A16,16,0,0,1,40,56H80V48a24,24,0,0,1,24-24h48a24,24,0,0,1,24,24v8h40A16,16,0,0,1,232,72ZM96,56h64V48a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8ZM40,72v41.62A184.07,184.07,0,0,0,128,136a184,184,0,0,0,88-22.39V72ZM216,200V131.63A200.25,200.25,0,0,1,128,152a200.19,200.19,0,0,1-88-20.36V200H216Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 28</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 026</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Synergy Flow</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">Generate meaningless corporate buzzwords and joyful corporate art.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:0;transform:translateY(8.05551px)"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/magaziner" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-magazinernewspapericon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-magazinernewspapericon)" height="100" width="100"></rect><g transform="translate(0, 0) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="hsl(271, 60%, 50%)" opacity="0.9" r="8" stroke="hsl(271, 60%, 50%)" stroke-width="0"></circle></g><g transform="translate(0, 60) rotate(270, 10, 10)"><polygon fill="hsl(91, 70%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(91, 70%, 60%)" stroke-width="0"></polygon></g><g transform="translate(20, 20) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(91, 70%, 60%)"></path></g><g transform="translate(20, 40) rotate(0, 10, 10)"><polygon fill="hsl(91, 70%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(91, 70%, 60%)" stroke-width="0"></polygon></g><g transform="translate(20, 80) rotate(0, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(271, 60%, 50%)" stroke-width="1.5"></rect></g><g transform="translate(40, 0) rotate(180, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="#ffffff" stroke-width="1.5"></polygon></g><g transform="translate(40, 20) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="hsl(271, 60%, 50%)" opacity="0.9" r="8" stroke="hsl(271, 60%, 50%)" stroke-width="0"></circle></g><g transform="translate(40, 80) rotate(180, 10, 10)"><polygon fill="hsl(91, 70%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(91, 70%, 60%)" stroke-width="0"></polygon></g><g transform="translate(60, 0) rotate(0, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(91, 70%, 60%)" stroke-width="1.5"></polygon></g><g transform="translate(60, 80) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(271, 60%, 50%)"></path></g><g transform="translate(80, 20) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" opacity="0.9" fill="hsl(271, 60%, 50%)"></path></g><g transform="translate(80, 60) rotate(180, 10, 10)"><polygon fill="hsl(91, 70%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(91, 70%, 60%)" stroke-width="0"></polygon></g><g transform="translate(80, 80) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="hsl(271, 60%, 50%)" opacity="0.9" r="8" stroke="hsl(271, 60%, 50%)" stroke-width="0"></circle></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M224,64V184a16,16,0,0,1-16,16H32a16,16,0,0,0,16-16V64a8,8,0,0,1,8-8H216A8,8,0,0,1,224,64Z" opacity="0.2"></path><path d="M88,112a8,8,0,0,1,8-8h80a8,8,0,0,1,0,16H96A8,8,0,0,1,88,112Zm8,40h80a8,8,0,0,0,0-16H96a8,8,0,0,0,0,16ZM232,64V184a24,24,0,0,1-24,24H32A24,24,0,0,1,8,184.11V88a8,8,0,0,1,16,0v96a8,8,0,0,0,16,0V64A16,16,0,0,1,56,48H216A16,16,0,0,1,232,64Zm-16,0H56V184a23.84,23.84,0,0,1-1.37,8H208a8,8,0,0,0,8-8Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 29</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 026</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Magaziner</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">Premium magazine cover generator with brutalist and elite minimal aesthetics.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:0;transform:translateY(11.1622px)"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/echo-chamber" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-the-echo-chamberchatcircleicon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-the-echo-chamberchatcircleicon)" height="100" width="100"></rect><rect fill="hsl(69, 70%, 60%)" height="1.869864937150851" width="65.10569547768682" opacity="0.6886098924092949" x="80" y="90"></rect><circle cx="80" cy="90" fill="hsl(159, 80%, 60%)" opacity="0.8" r="3.739729874301702"></circle><rect fill="hsl(69, 70%, 60%)" height="1.0612509993370622" width="64.98526138719171" opacity="0.47776511190459137" x="80" y="80"></rect><rect fill="#ffffff" height="1.757313248817809" width="57.222742568701506" opacity="0.49379653367213905" x="60" y="20"></rect><circle cx="60" cy="20" fill="hsl(159, 80%, 60%)" opacity="0.8" r="3.514626497635618"></circle><rect fill="hsl(69, 70%, 60%)" height="63.685798733495176" width="0.5812045603524894" opacity="0.9412931792438031" x="70" y="40"></rect><rect fill="hsl(69, 70%, 60%)" height="65.10485922917724" width="1.1692619278328493" opacity="0.6909546413924545" x="40" y="50"></rect><rect fill="hsl(69, 70%, 60%)" height="79.57772249821573" width="1.7649871197063476" opacity="0.8306742085143923" x="40" y="10"></rect><circle cx="40" cy="10" fill="hsl(159, 80%, 60%)" opacity="0.8" r="3.529974239412695"></circle><rect fill="hsl(69, 70%, 60%)" height="67.90219551417977" width="1.0471025860169902" opacity="0.9759909915272147" x="50" y="50"></rect><circle cx="50" cy="50" fill="hsl(159, 80%, 60%)" opacity="0.8" r="2.0942051720339805"></circle><rect fill="#ffffff" height="31.700409767217934" width="1.9671935428632423" opacity="0.6704729671590031" x="10" y="0"></rect><circle cx="10" cy="0" fill="hsl(159, 80%, 60%)" opacity="0.8" r="3.9343870857264847"></circle><rect fill="hsl(69, 70%, 60%)" height="39.61535821668804" width="1.6666658165631816" opacity="0.5567079689353704" x="10" y="80"></rect><circle cx="10" cy="80" fill="hsl(159, 80%, 60%)" opacity="0.8" r="3.333331633126363"></circle><rect fill="hsl(69, 70%, 60%)" height="1.6359729914693162" width="71.47266672924161" opacity="0.8636121689807623" x="70" y="50"></rect><circle cx="70" cy="50" fill="hsl(159, 80%, 60%)" opacity="0.8" r="3.2719459829386324"></circle><rect fill="hsl(69, 70%, 60%)" height="1.240740830078721" width="60.00525742769241" opacity="0.9048122703097761" x="50" y="10"></rect><circle cx="50" cy="10" fill="hsl(159, 80%, 60%)" opacity="0.8" r="2.481481660157442"></circle><rect fill="hsl(69, 70%, 60%)" height="73.44307797495276" width="1.425210817484185" opacity="0.6507717593107373" x="40" y="30"></rect><circle cx="40" cy="30" fill="hsl(159, 80%, 60%)" opacity="0.8" r="2.85042163496837"></circle><rect fill="hsl(69, 70%, 60%)" height="1.7903379888739437" width="51.66418215725571" opacity="0.9911915201228112" x="50" y="90"></rect><circle cx="50" cy="90" fill="hsl(159, 80%, 60%)" opacity="0.8" r="3.5806759777478874"></circle><rect fill="hsl(69, 70%, 60%)" height="0.5232941691065207" width="75.68134390283376" opacity="0.8665723808575422" x="50" y="20"></rect><circle cx="50" cy="20" fill="hsl(159, 80%, 60%)" opacity="0.8" r="1.0465883382130414"></circle><rect fill="hsl(69, 70%, 60%)" height="37.37306599970907" width="1.805980380042456" opacity="0.4467665036674589" x="50" y="50"></rect><circle cx="50" cy="50" fill="hsl(159, 80%, 60%)" opacity="0.8" r="3.611960760084912"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M224,128A96,96,0,0,1,79.93,211.11h0L42.54,223.58a8,8,0,0,1-10.12-10.12l12.47-37.39h0A96,96,0,1,1,224,128Z" opacity="0.2"></path><path d="M128,24A104,104,0,0,0,36.18,176.88L24.83,210.93a16,16,0,0,0,20.24,20.24l34.05-11.35A104,104,0,1,0,128,24Zm0,192a87.87,87.87,0,0,1-44.06-11.81,8,8,0,0,0-6.54-.67L40,216,52.47,178.6a8,8,0,0,0-.66-6.54A88,88,0,1,1,128,216Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 30</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 027</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">The Echo Chamber</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">A solitary social network where everyone agrees with you.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:0;transform:translateY(14.6206px)"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/apps/voyager-terminal" data-discover="true"><div class="relative h-48 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-voyager-terminalbroadcasticon" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-voyager-terminalbroadcasticon)" height="100" width="100"></rect><circle cx="48.68843776639551" cy="31.267934292554855" fill="hsl(202, 70%, 60%)" opacity="0.5264253265690058" r="23.54985405690968" style="mix-blend-mode:screen"></circle><circle cx="14.562016096897423" cy="63.371898140758276" fill="hsl(22, 60%, 50%)" opacity="0.42654116784688084" r="42.34791900962591" style="mix-blend-mode:screen"></circle><circle cx="99.65121098794043" cy="81.45385282114148" fill="hsl(202, 70%, 60%)" opacity="0.4095957255922258" r="11.812726808711886" style="mix-blend-mode:screen"></circle><circle cx="58.04704774636775" cy="16.076974128372967" fill="hsl(22, 60%, 50%)" opacity="0.33843994201160965" r="12.888830490410328" style="mix-blend-mode:screen"></circle><circle cx="12.09031108301133" cy="48.40544767212123" fill="hsl(202, 70%, 60%)" opacity="0.5409799189539626" r="14.929969515651464" style="mix-blend-mode:screen"></circle><circle cx="80.29345914255828" cy="72.413742961362" fill="hsl(22, 60%, 50%)" opacity="0.3852009461028501" r="21.6882498934865" style="mix-blend-mode:screen"></circle><circle cx="52.35285745002329" cy="34.743863670155406" fill="hsl(202, 70%, 60%)" opacity="0.5249351962935179" r="17.305126441642642" style="mix-blend-mode:screen"></circle><circle cx="64.88118402194232" cy="17.32213837094605" fill="hsl(22, 60%, 50%)" opacity="0.4234514806419611" r="43.60574038699269" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute inset-0 flex items-center justify-center pointer-events-none"><div class="p-4 rounded-full bg-black/40 backdrop-blur-md border border-white/10 text-emerald-400 transform group-hover:scale-110 transition-transform duration-500"><svg viewBox="0 0 256 256" height="40" width="40" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M160,128a32,32,0,1,1-32-32A32,32,0,0,1,160,128Z" opacity="0.2"></path><path d="M128,88a40,40,0,1,0,40,40A40,40,0,0,0,128,88Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,152Zm73.71,7.14a80,80,0,0,1-14.08,22.2,8,8,0,0,1-11.92-10.67,63.95,63.95,0,0,0,0-85.33,8,8,0,1,1,11.92-10.67,80.08,80.08,0,0,1,14.08,84.47ZM69,103.09a64,64,0,0,0,11.26,67.58,8,8,0,0,1-11.92,10.67,79.93,79.93,0,0,1,0-106.67A8,8,0,1,1,80.29,85.34,63.77,63.77,0,0,0,69,103.09ZM248,128a119.58,119.58,0,0,1-34.29,84,8,8,0,1,1-11.42-11.2,103.9,103.9,0,0,0,0-145.56A8,8,0,1,1,213.71,44,119.58,119.58,0,0,1,248,128ZM53.71,200.78A8,8,0,1,1,42.29,212a119.87,119.87,0,0,1,0-168,8,8,0,1,1,11.42,11.2,103.9,103.9,0,0,0,0,145.56Z"></path></svg></div></div><div class="absolute top-3 left-3 flex items-center gap-2 px-2 py-1 bg-black/60 backdrop-blur-md rounded border border-white/10"><span class="font-mono text-[10px] font-bold text-white uppercase tracking-widest">Rank 31</span></div></div><div class="flex flex-col flex-grow p-6"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"></path></svg>ID: 030</span><span class="text-gray-700 text-[10px]">•</span><span class="font-mono text-[10px] text-emerald-500 uppercase tracking-widest">Pinned</span></div><h3 class="text-2xl font-bold font-sans uppercase text-white mb-3 group-hover:text-emerald-400 transition-colors tracking-tight">Voyager Terminal</h3><p class="text-sm text-gray-400 line-clamp-3 leading-relaxed mb-6 flex-grow font-sans">Intercept deep space signals with this analog 1970s telemetry receiver.</p><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">Open Application</span><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div></div></div></div></div></main><footer class="bg-[#050505] border-t-2 border-white/10 mt-auto selection:bg-white selection:text-black"><div class="mx-auto max-w-[1600px] px-6 py-12 md:px-12"><div class="grid grid-cols-1 lg:grid-cols-12 gap-12 md:gap-16"><div class="lg:col-span-5 space-y-8"><div class="flex flex-col gap-4"><a class="group inline-block" href="/" data-discover="true"><span class="text-5xl md:text-6xl font-black uppercase tracking-tighter text-white">fez<span class="text-emerald-500">codex</span></span></a><p class="max-w-md text-gray-400 font-mono text-xs leading-relaxed uppercase tracking-widest">// turning complex ~distributed~ problems into elegant, reliable code.</p></div><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div class="border border-white/10 p-4 bg-white/[0.02]"><h4 class="font-mono text-[10px] font-bold text-gray-500 uppercase tracking-widest mb-3">Site Info</h4><div class="space-y-1 font-mono text-[10px] uppercase tracking-widest"><div class="flex justify-between"><span class="text-gray-600">Version:</span><span class="text-white">v0.20.1</span></div><div class="flex justify-between"><span class="text-gray-600">Year:</span><span class="text-white">2026</span></div><div class="flex justify-between text-emerald-500 font-black"><span>Status:</span><span>Live</span></div></div></div><div class="border border-white/10 p-4 bg-white/[0.02] flex flex-col justify-center gap-3"><div class="flex items-center gap-2 text-white"><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M180,144H160V112h20a36,36,0,1,0-36-36V96H112V76a36,36,0,1,0-36,36H96v32H76a36,36,0,1,0,36,36V160h32v20a36,36,0,1,0,36-36ZM160,76a20,20,0,1,1,20,20H160ZM56,76a20,20,0,0,1,40,0V96H76A20,20,0,0,1,56,76ZM96,180a20,20,0,1,1-20-20H96Zm16-68h32v32H112Zm68,88a20,20,0,0,1-20-20V160h20a20,20,0,0,1,0,40Z"></path></svg><span class="font-mono text-[10px] font-bold uppercase tracking-widest">Quick Menu</span></div><div class="font-mono text-[10px] text-gray-500 uppercase leading-relaxed">Press <kbd class="bg-white text-black px-1 font-black">Alt</kbd>, <kbd class="bg-white text-black px-1 font-black">Ctrl</kbd>, or <kbd class="bg-white text-black px-1 font-black">Cmd</kbd> + <kbd class="bg-white text-black px-1 font-black">K</kbd> for commands.</div></div></div></div><div class="lg:col-span-4"><h3 class="font-mono text-[10px] font-bold text-white uppercase tracking-[0.3em] mb-8 flex items-center gap-3"><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M117.31,134l-72,64a8,8,0,1,1-10.63-12L100,128,34.69,70A8,8,0,1,1,45.32,58l72,64a8,8,0,0,1,0,12ZM216,184H120a8,8,0,0,0,0,16h96a8,8,0,0,0,0-16Z"></path></svg>Navigation</h3><ul class="grid grid-cols-2 gap-x-6 gap-y-3 font-mono text-[10px] uppercase tracking-widest"><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Home</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/about" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>About</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/blog" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Blog</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/projects" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Projects</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/logs" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Logs</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/vocab" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Vocab</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/apps" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Apps</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/timeline" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Timeline</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/commands" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Manuals</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2" href="/rss.xml" target="_blank"><span class="text-emerald-500">→</span> RSS Feed</a></li></ul></div><div class="lg:col-span-3"><h3 class="font-mono text-[10px] font-bold text-white uppercase tracking-[0.3em] mb-8">Connect</h3><div class="flex gap-3 mb-8 flex-wrap"><a class="w-12 h-12 border border-white/10 bg-white/5 flex items-center justify-center text-gray-400 hover:bg-white hover:text-black hover:border-white transition-all group" href="https://github.com/fezcode" target="_blank" rel="noreferrer"><svg viewBox="0 0 256 256" height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M212.62,75.17A63.7,63.7,0,0,0,206.39,26,12,12,0,0,0,196,20a63.71,63.71,0,0,0-50,24H126A63.71,63.71,0,0,0,76,20a12,12,0,0,0-10.39,6,63.7,63.7,0,0,0-6.23,49.17A61.5,61.5,0,0,0,52,104v8a60.1,60.1,0,0,0,45.76,58.28A43.66,43.66,0,0,0,92,192v4H76a20,20,0,0,1-20-20,44.05,44.05,0,0,0-44-44,12,12,0,0,0,0,24,20,20,0,0,1,20,20,44.05,44.05,0,0,0,44,44H92v12a12,12,0,0,0,24,0V192a20,20,0,0,1,40,0v40a12,12,0,0,0,24,0V192a43.66,43.66,0,0,0-5.76-21.72A60.1,60.1,0,0,0,220,112v-8A61.5,61.5,0,0,0,212.62,75.17ZM196,112a36,36,0,0,1-36,36H112a36,36,0,0,1-36-36v-8a37.87,37.87,0,0,1,6.13-20.12,11.65,11.65,0,0,0,1.58-11.49,39.9,39.9,0,0,1-.4-27.72,39.87,39.87,0,0,1,26.41,17.8A12,12,0,0,0,119.82,68h32.35a12,12,0,0,0,10.11-5.53,39.84,39.84,0,0,1,26.41-17.8,39.9,39.9,0,0,1-.4,27.72,12,12,0,0,0,1.61,11.53A37.85,37.85,0,0,1,196,104Z"></path></svg></a><a class="w-12 h-12 border border-white/10 bg-white/5 flex items-center justify-center text-gray-400 hover:bg-white hover:text-black hover:border-white transition-all group" href="https://x.com/fezcoddy" target="_blank" rel="noreferrer"><svg viewBox="0 0 256 256" height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M218.12,209.56l-61-95.8,59.72-65.69a12,12,0,0,0-17.76-16.14L143.81,92.77,106.12,33.56A12,12,0,0,0,96,28H48A12,12,0,0,0,37.88,46.44l61,95.8L39.12,207.93a12,12,0,1,0,17.76,16.14l55.31-60.84,37.69,59.21A12,12,0,0,0,160,228h48a12,12,0,0,0,10.12-18.44ZM166.59,204,69.86,52H89.41l96.73,152Z"></path></svg></a><a class="w-12 h-12 border border-white/10 bg-white/5 flex items-center justify-center text-gray-400 hover:bg-white hover:text-black hover:border-white transition-all group" href="https://www.linkedin.com/in/ahmed-samil-bulbul/?locale=en_US" target="_blank" rel="noreferrer"><svg viewBox="0 0 256 256" height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M216,20H40A20,20,0,0,0,20,40V216a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V40A20,20,0,0,0,216,20Zm-4,192H44V44H212ZM112,176V120a12,12,0,0,1,21.43-7.41A40,40,0,0,1,192,148v28a12,12,0,0,1-24,0V148a16,16,0,0,0-32,0v28a12,12,0,0,1-24,0ZM96,120v56a12,12,0,0,1-24,0V120a12,12,0,0,1,24,0ZM68,80A16,16,0,1,1,84,96,16,16,0,0,1,68,80Z"></path></svg></a><a class="w-12 h-12 border border-white/10 bg-white/5 flex items-center justify-center text-gray-400 hover:bg-white hover:text-black hover:border-white transition-all group" href="https://github.com/fezcode/fezcode.github.io" target="_blank" rel="noreferrer"><svg viewBox="0 0 256 256" height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M236,64a36,36,0,1,0-48,33.94V112a4,4,0,0,1-4,4H96a27.8,27.8,0,0,0-4,.29V97.94a36,36,0,1,0-24,0v60.12a36,36,0,1,0,24,0V144a4,4,0,0,1,4-4h88a28,28,0,0,0,28-28V97.94A36.07,36.07,0,0,0,236,64ZM80,52A12,12,0,1,1,68,64,12,12,0,0,1,80,52Zm0,152a12,12,0,1,1,12-12A12,12,0,0,1,80,204ZM200,76a12,12,0,1,1,12-12A12,12,0,0,1,200,76Z"></path></svg></a></div><div class="space-y-3 border-t border-white/10 pt-6"><p class="font-mono text-[9px] font-bold text-gray-600 uppercase tracking-widest">Newsletter</p><div class="relative"><input class="w-full bg-white text-black font-mono text-[9px] uppercase tracking-widest py-2 px-3 border-none focus:ring-0 placeholder-black/40 disabled:cursor-not-allowed" disabled placeholder="Coming soon..." type="text"></div></div></div></div><div class="mt-20 pt-8 border-t border-white/10 flex flex-col md:flex-row justify-between items-center gap-6 font-mono text-[9px] uppercase tracking-[0.2em] text-gray-600"><p>© 2026 Fezcode // Built with React & Tailwind</p><p class="text-white font-bold">Thanks for visiting</p></div></div></footer></div></div><div class="fixed bottom-0 left-0 w-full h-32 pointer-events-none z-[9999]"><div class="absolute bottom-2 flex flex-col items-center pointer-events-auto cursor-help" style="width:60px;transform:translateX(90.5429vw)"><div class="relative" style="transform:scaleX(-1)"><div class="w-10 h-10 flex items-center justify-center rounded-lg border-2 bg-[#050505] border-[#10B981]/40 text-[#10B981] shadow-lg" style="transform:translateY(-3.38704px) scale(1.02133) rotate(4.91431deg)"><svg viewBox="0 0 256 256" height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M216,80V192H40V64H200A16,16,0,0,1,216,80Z" opacity="0.2"></path><path d="M117.31,134l-72,64a8,8,0,1,1-10.63-12L100,128,34.69,70A8,8,0,1,1,45.32,58l72,64a8,8,0,0,1,0,12ZM216,184H120a8,8,0,0,0,0,16h96a8,8,0,0,0,0-16Z"></path></svg><div class="absolute top-2 left-2 flex gap-3"><div class="w-1.5 h-1.5 rounded-full bg-current animate-pulse"></div><div class="w-1.5 h-1.5 rounded-full bg-current animate-pulse"></div></div></div><div class="flex justify-around mt-[-4px]"><div class="w-3 h-2 rounded-full bg-current opacity-50" style="color:#10b981;transform:translateY(-1.00659px)"></div><div class="w-3 h-2 rounded-full bg-current opacity-50" style="color:#10b981;transform:translateY(-.993408px)"></div></div></div></div></div><div class="fixed top-24 right-6 md:right-12 z-[100] pointer-events-none flex flex-col items-end gap-2"><div class="pointer-events-auto flex flex-col-reverse gap-3"></div></div></div></body></html>