-
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) · 62.7 KB
/
index.html
File metadata and controls
1 lines (1 loc) · 62.7 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>Fezcodex | About</title><title>fezcodex</title><script defer src="/static/js/main.66a6b883.js"></script><link href="/static/css/main.8bbe38b9.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"><link href="https://release-assets.githubusercontent.com" rel="preconnect"><meta content="Learn more about the creator of Fezcodex." name="description"><meta content="Fezcodex, blog, portfolio, developer, software engineer, about" name="keywords"><meta content="Fezcodex | About" property="og:title"><meta content="Learn more about the creator of Fezcodex." property="og:description"><meta content="https://fezcode.com/images/asset/ogtitle.png" property="og:image"><meta content="https://fezcode.com/about/map" 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="Fezcodex | About" name="twitter:title"><meta content="Learn more about the creator of Fezcodex." name="twitter:description"><meta content="https://fezcode.com/images/asset/ogtitle.png" name="twitter:image"><meta content="https://fezcode.com/about/map" name="twitter:url"><link href="https://fezcode.com/about/map" rel="canonical"></head><body class="bg-slate-950"><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 fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><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">URBAN ROGUE IS ONLINE: THE URBAN TEXT ADVENTURE. ACCESS AT https://fezcode.com/urban-rogue/.</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/urban-rogue/">Play Urban Rogue<svg fill="currentColor" height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg"><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 aria-label="Dismiss" class="p-1 hover:bg-black/20 rounded-sm transition-colors shrink-0"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><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="flex-1 flex flex-col min-w-0 transition-all duration-300 md:ml-0"><main class="flex-grow"><div style="opacity:1"><div class="min-h-screen bg-black relative"><div class="fixed top-6 left-6 z-50 flex flex-col items-start gap-3" style="opacity:1;transform:none"><a class="group flex items-center gap-2 px-4 py-2 transition-all duration-300 bg-gray-900/60 text-purple-200 border-purple-500/50 border hover:bg-purple-600 hover:text-white hover:border-purple-600 rounded-full shadow-lg backdrop-blur-xl" href="/" data-discover="true"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" xmlns="http://www.w3.org/2000/svg" class="group-hover:-translate-x-1 transition-transform"><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 class="hidden sm:inline">Back to Reality</span></a><a class="group flex items-center gap-2 px-4 py-2 transition-all duration-300 bg-gray-900/60 text-purple-200 border-purple-500/50 border hover:bg-purple-600 hover:text-white hover:border-purple-600 rounded-full shadow-lg backdrop-blur-xl" href="/about/friends" data-discover="true"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" xmlns="http://www.w3.org/2000/svg" class="group-hover:scale-110 transition-transform"><path d="M232.76,137.88a28.66,28.66,0,0,0-12-5.39C236.19,114.94,244,97.37,244,80c0-28.67-23.09-52-51.46-52A51.77,51.77,0,0,0,156,42.85,51.77,51.77,0,0,0,119.46,28C91.09,28,68,51.33,68,80c0,10.15,2.72,20.3,8.22,30.7a35.9,35.9,0,0,0-11.73,7.84L43,140H20A20,20,0,0,0,0,160v40a20,20,0,0,0,20,20H120a11.89,11.89,0,0,0,2.91-.36l64-16a11.4,11.4,0,0,0,1.79-.6l38.82-16.54c.23-.09.45-.19.67-.3a28.61,28.61,0,0,0,4.57-48.32ZM119.46,52A27.18,27.18,0,0,1,144.9,68.56a12,12,0,0,0,22.2,0A27.18,27.18,0,0,1,192.54,52C207.42,52,220,64.82,220,80c0,18.06-15,38.84-43.38,60.19L172,141.26c0-.42,0-.84,0-1.26a32,32,0,0,0-32-32H102.71C95.42,97.76,92,88.77,92,80,92,64.82,104.58,52,119.46,52ZM24,164H36v32H24Zm193.68.61-37.51,16L118.52,196H60V157l21.46-21.46A11.93,11.93,0,0,1,89.94,132H140a8,8,0,0,1,0,16H112a12,12,0,0,0,0,24h32a12.19,12.19,0,0,0,2.69-.3l67-15.41.47-.12a4.61,4.61,0,0,1,5.82,4.44A4.58,4.58,0,0,1,217.68,164.61Z"></path></svg><span class="hidden sm:inline">Friends of the Show</span></a><a class="group flex items-center gap-2 px-4 py-2 transition-all duration-300 bg-gray-900/60 text-purple-200 border-purple-500/50 border hover:bg-purple-600 hover:text-white hover:border-purple-600 rounded-full shadow-lg backdrop-blur-xl" href="/reading" data-discover="true"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" xmlns="http://www.w3.org/2000/svg" class="group-hover:scale-110 transition-transform"><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="hidden sm:inline">Reading</span></a></div><div class="w-full h-full" style="opacity:1"><div class="relative w-full h-screen bg-[#0f172a] overflow-hidden"><div class="absolute inset-0" style="background:radial-gradient(circle at center center,#1e293b 0,#0f172a 100%)"><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:97.758%;left:37.729%;width:.513937px;height:1.63616px;animation-delay:4.47555s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:33.8618%;left:40.6769%;width:1.17518px;height:.805869px;animation-delay:4.02181s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:76.5343%;left:21.9082%;width:1.00656px;height:1.20955px;animation-delay:3.90648s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:55.28%;left:90.6907%;width:1.11912px;height:1.53307px;animation-delay:1.58012s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:54.9965%;left:26.7418%;width:.321493px;height:.426439px;animation-delay:1.91102s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:25.2555%;left:5.06171%;width:1.25865px;height:1.19396px;animation-delay:.120123s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:43.195%;left:55.4801%;width:1.75039px;height:1.11977px;animation-delay:.696653s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:53.7774%;left:89.8358%;width:.885179px;height:1.35396px;animation-delay:2.97136s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:43.6972%;left:14.7138%;width:1.73054px;height:.589602px;animation-delay:3.88659s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:47.9305%;left:95.5093%;width:.513047px;height:.854992px;animation-delay:62.7066ms"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:24.7527%;left:15.2769%;width:.0806508px;height:1.21619px;animation-delay:3.26363s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:12.4874%;left:46.095%;width:1.14655px;height:.931426px;animation-delay:3.86615s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:91.371%;left:44.3505%;width:.866338px;height:.868997px;animation-delay:2.57306s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:21.4514%;left:67.3658%;width:1.7197px;height:1.18038px;animation-delay:1.67165s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:84.2193%;left:46.2832%;width:1.94356px;height:1.36676px;animation-delay:4.2253s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:.192815%;left:44.4302%;width:1.87911px;height:1.92892px;animation-delay:.151921s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:18.6182%;left:84.9079%;width:.691627px;height:1.88292px;animation-delay:.974556s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:52.0068%;left:89.9967%;width:1.42912px;height:1.46185px;animation-delay:2.77066s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:3.05771%;left:1.41795%;width:1.32757px;height:1.79987px;animation-delay:3.01261s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:52.5149%;left:60.5585%;width:1.31387px;height:.909632px;animation-delay:4.81733s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:89.3104%;left:58.131%;width:1.18971px;height:.620174px;animation-delay:1.24779s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:14.4213%;left:36.6404%;width:.188208px;height:1.37936px;animation-delay:4.46691s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:25.7588%;left:61.1432%;width:1.79812px;height:.472647px;animation-delay:.748937s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:41.8749%;left:89.088%;width:1.79551px;height:.558399px;animation-delay:1.67463s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:45.4366%;left:29.8405%;width:.189428px;height:.833959px;animation-delay:1.92755s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:19.0921%;left:90.8061%;width:.893687px;height:1.56368px;animation-delay:3.18512s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:55.1874%;left:93.9965%;width:.367439px;height:.719576px;animation-delay:1.68418s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:34.7967%;left:85.5907%;width:1.25273px;height:1.45005px;animation-delay:2.69162s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:39.0759%;left:67.7119%;width:1.04552px;height:.909412px;animation-delay:3.38931s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:20.2282%;left:23.8306%;width:.79685px;height:.750433px;animation-delay:3.52702s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:60.4692%;left:14.9538%;width:.858184px;height:.375381px;animation-delay:3.28707s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:93.5737%;left:99.5653%;width:.727175px;height:.3982px;animation-delay:2.54297s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:10.6454%;left:60.6982%;width:1.98706px;height:1.07806px;animation-delay:3.48328s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:35.618%;left:51.9152%;width:.82602px;height:1.85272px;animation-delay:4.06812s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:46.6012%;left:28.6774%;width:.922264px;height:1.49667px;animation-delay:1.68309s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:83.0382%;left:63.2969%;width:1.51982px;height:1.71457px;animation-delay:.356118s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:43.8801%;left:45.5981%;width:1.5208px;height:.651833px;animation-delay:3.31001s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:3.04953%;left:19.1754%;width:.888986px;height:1.64892px;animation-delay:3.11845s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:38.7637%;left:72.3434%;width:.792695px;height:1.1773px;animation-delay:4.88706s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:69.2035%;left:49.6445%;width:1.45824px;height:.975945px;animation-delay:.197133s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:66.0765%;left:71.8266%;width:.739578px;height:.868467px;animation-delay:.730868ms"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:72.311%;left:15.6243%;width:.925231px;height:.0690103px;animation-delay:4.05125s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:18.6728%;left:44.4884%;width:1.08857px;height:1.97222px;animation-delay:2.25677s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:63.4471%;left:62.7019%;width:.271695px;height:.863845px;animation-delay:.60156s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:69.9955%;left:29.7388%;width:.845737px;height:.187681px;animation-delay:3.30174s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:94.9548%;left:36.8755%;width:.650653px;height:.350947px;animation-delay:3.50731s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:68.5755%;left:59.6289%;width:.241312px;height:.864266px;animation-delay:1.53391s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:92.9741%;left:16.2499%;width:1.33855px;height:1.08695px;animation-delay:1.62967s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:94.5733%;left:82.8303%;width:1.30147px;height:1.15463px;animation-delay:.129746s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:8.15212%;left:52.9655%;width:.767385px;height:.728293px;animation-delay:3.39498s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:81.7651%;left:23.2478%;width:.728098px;height:.801464px;animation-delay:.476086s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:99.4326%;left:25.7651%;width:1.00996px;height:1.73301px;animation-delay:2.98362s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:75.1568%;left:38.0368%;width:1.80551px;height:1.83393px;animation-delay:.201015s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:29.1359%;left:57.9586%;width:1.62245px;height:.839462px;animation-delay:2.20856s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:50.5021%;left:41.0832%;width:.691123px;height:.637623px;animation-delay:.60905s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:47.2663%;left:38.7745%;width:1.78893px;height:1.69228px;animation-delay:.644136s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:76.681%;left:95.4605%;width:.461249px;height:1.6128px;animation-delay:2.94203s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:40.1651%;left:35.8602%;width:.758351px;height:1.40804px;animation-delay:4.42576s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:97.4528%;left:64.7553%;width:1.71281px;height:.457861px;animation-delay:1.84925s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:70.1529%;left:56.5192%;width:.789443px;height:1.19174px;animation-delay:2.98111s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:77.0599%;left:53.5491%;width:1.11179px;height:.592261px;animation-delay:.489362s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:69.3262%;left:13.9551%;width:1.53247px;height:1.86844px;animation-delay:1.69042s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:19.5838%;left:41.4536%;width:.803651px;height:.384747px;animation-delay:1.6159s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:99.7962%;left:58.5012%;width:.419349px;height:.899555px;animation-delay:.711314s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:.481073%;left:44.2695%;width:.867145px;height:.633266px;animation-delay:2.3963s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:76.373%;left:80.4519%;width:1.66638px;height:.387418px;animation-delay:.931359s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:65.9754%;left:96.3112%;width:1.79424px;height:1.91785px;animation-delay:1.52404s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:2.44379%;left:10.5675%;width:.486002px;height:1.16042px;animation-delay:.223029s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:61.1034%;left:92.8001%;width:1.62512px;height:1.87811px;animation-delay:4.37851s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:59.9667%;left:83.0802%;width:.796242px;height:1.91888px;animation-delay:.344902s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:93.8685%;left:48.5656%;width:1.7471px;height:1.57141px;animation-delay:.398641s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:1.40596%;left:86.4885%;width:.253656px;height:.96982px;animation-delay:4.10883s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:46.689%;left:97.884%;width:1.66379px;height:1.70047px;animation-delay:4.42544s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:65.0114%;left:29.8753%;width:.584299px;height:1.01887px;animation-delay:1.28217s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:85.3467%;left:7.70661%;width:.0820293px;height:1.97535px;animation-delay:.949725s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:41.9608%;left:91.2933%;width:.4564px;height:.106271px;animation-delay:4.62121s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:59.8972%;left:42.7581%;width:.516037px;height:.709366px;animation-delay:4.99566s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:90.0688%;left:21.2386%;width:1.04319px;height:.865509px;animation-delay:1.54323s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:30.3457%;left:37.3492%;width:.703942px;height:.400472px;animation-delay:4.73697s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:21.6738%;left:67.2728%;width:1.51853px;height:.0212437px;animation-delay:3.99141s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:29.724%;left:80.1659%;width:.536214px;height:1.71223px;animation-delay:3.28105s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:63.174%;left:98.2852%;width:.154487px;height:1.40965px;animation-delay:75.0432ms"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:13.2776%;left:38.638%;width:1.96098px;height:1.581px;animation-delay:4.37371s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:80.5769%;left:3.98091%;width:1.19394px;height:.959892px;animation-delay:4.97884s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:70.3271%;left:23.1801%;width:1.29614px;height:1.65579px;animation-delay:.664649s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:30.4384%;left:14.9599%;width:1.81605px;height:.902292px;animation-delay:1.72564s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:23.7869%;left:20.4102%;width:.126415px;height:.894448px;animation-delay:2.73481s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:94.0921%;left:33.665%;width:1.26635px;height:.681677px;animation-delay:1.32789s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:32.0978%;left:61.4159%;width:.972946px;height:1.01652px;animation-delay:.816867s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:58.2635%;left:12.7372%;width:.059997px;height:1.19366px;animation-delay:1.58887s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:38.4129%;left:26.5169%;width:.353013px;height:.250648px;animation-delay:4.39562s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:77.4341%;left:25.0008%;width:.875346px;height:1.3117px;animation-delay:3.51764s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:85.679%;left:17.5743%;width:.697822px;height:1.05483px;animation-delay:3.9846s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:86.8254%;left:5.18601%;width:1.35294px;height:.206532px;animation-delay:3.13526s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:1.38024%;left:98.8183%;width:1.84385px;height:.652313px;animation-delay:1.41971s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:8.33242%;left:61.4817%;width:1.8379px;height:.409288px;animation-delay:.787568s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:16.1928%;left:68.932%;width:1.9986px;height:1.02325px;animation-delay:.119763s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:30.6577%;left:51.9581%;width:.0917253px;height:1.87028px;animation-delay:1.84758s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:82.264%;left:89.9547%;width:.549131px;height:1.39796px;animation-delay:3.82236s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:97.4081%;left:77.7641%;width:1.49921px;height:.549194px;animation-delay:4.47566s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:89.734%;left:65.2127%;width:.644612px;height:.672302px;animation-delay:4.86861s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:37.0128%;left:57.6968%;width:1.69725px;height:.301951px;animation-delay:4.91487s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:10.1109%;left:98.8106%;width:1.51524px;height:.936307px;animation-delay:1.03538s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:49.0835%;left:34.9246%;width:1.62238px;height:1.48872px;animation-delay:3.66373s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:36.1914%;left:8.93966%;width:1.53071px;height:.999134px;animation-delay:4.61091s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:84.1207%;left:42.9815%;width:1.14686px;height:.0903215px;animation-delay:4.73752s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:78.4499%;left:91.041%;width:.821599px;height:1.23582px;animation-delay:4.55872s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:25.7538%;left:70.6062%;width:.716839px;height:1.55036px;animation-delay:4.46361s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:52.9285%;left:3.59029%;width:.642749px;height:1.62312px;animation-delay:2.55484s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:68.6909%;left:28.3425%;width:.362019px;height:1.61872px;animation-delay:2.41413s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:4.72958%;left:46.1245%;width:.0253307px;height:1.67754px;animation-delay:3.11827s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:56.7764%;left:14.5738%;width:1.98495px;height:1.13249px;animation-delay:4.42559s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:88.8249%;left:41.3749%;width:1.31938px;height:.342467px;animation-delay:.256585s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:38.6577%;left:17.6059%;width:1.75084px;height:1.46285px;animation-delay:1.45526s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:31.5933%;left:70.4208%;width:.437056px;height:1.49991px;animation-delay:2.60991s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:61.4866%;left:47.7302%;width:1.87975px;height:1.2346px;animation-delay:.676912s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:55.9308%;left:63.1295%;width:1.76215px;height:.78803px;animation-delay:3.66412s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:91.6997%;left:95.7215%;width:.778574px;height:.63891px;animation-delay:.238221s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:52.4051%;left:47.1153%;width:.417431px;height:1.70882px;animation-delay:3.79002s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:81.1254%;left:98.1016%;width:.679882px;height:.638959px;animation-delay:2.80668s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:51.4381%;left:27.7357%;width:1.40477px;height:1.44189px;animation-delay:1.9474s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:21.7875%;left:69.6471%;width:.547389px;height:.743449px;animation-delay:2.33076s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:31.5023%;left:87.7735%;width:1.79415px;height:1.44308px;animation-delay:2.93825s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:91.2526%;left:37.1887%;width:.458726px;height:1.24773px;animation-delay:4.87515s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:23.9525%;left:58.8286%;width:.64554px;height:.183346px;animation-delay:4.13066s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:44.602%;left:78.2602%;width:.65642px;height:.686076px;animation-delay:3.92966s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:91.3407%;left:19.6489%;width:1.36019px;height:1.29153px;animation-delay:2.20451s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:55.4902%;left:17.7894%;width:1.12333px;height:.521383px;animation-delay:.465637s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:38.7479%;left:83.6213%;width:1.83279px;height:1.73065px;animation-delay:.631835s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:10.9932%;left:66.7404%;width:.145422px;height:.331985px;animation-delay:3.63377s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:43.6419%;left:19.7883%;width:.140685px;height:1.84571px;animation-delay:1.05012s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:10.3636%;left:88.3648%;width:.930359px;height:.781801px;animation-delay:3.11073s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:83.5431%;left:65.0898%;width:1.53918px;height:.805603px;animation-delay:4.90803s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:13.5226%;left:68.2731%;width:1.38953px;height:.0951264px;animation-delay:4.67863s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:58.7709%;left:37.2666%;width:.505531px;height:1.10597px;animation-delay:3.41333s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:8.57266%;left:3.91295%;width:1.36801px;height:1.02651px;animation-delay:4.16994s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:50.4586%;left:98.4176%;width:1.13424px;height:.89431px;animation-delay:4.59857s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:37.4884%;left:68.0049%;width:1.29042px;height:1.86582px;animation-delay:3.68343s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:28.7881%;left:26.5404%;width:1.70773px;height:.739131px;animation-delay:4.61697s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:89.2108%;left:66.5946%;width:1.96612px;height:.0459357px;animation-delay:61.7164ms"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:36.9436%;left:9.57222%;width:1.35188px;height:1.47096px;animation-delay:16.0695ms"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:31.7974%;left:39.2869%;width:.813526px;height:1.25199px;animation-delay:2.91069s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:97.8336%;left:32.5295%;width:.986481px;height:1.05496px;animation-delay:4.40357s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:24.6577%;left:61.7076%;width:.579417px;height:1.66586px;animation-delay:2.07756s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:33.3374%;left:77.6013%;width:1.19579px;height:.847611px;animation-delay:.00155387s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:78.2833%;left:41.9613%;width:.60377px;height:.793012px;animation-delay:1.79904s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:65.9312%;left:63.7313%;width:.796224px;height:1.57099px;animation-delay:2.20721s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:67.8751%;left:3.23746%;width:.8265px;height:1.66612px;animation-delay:4.87531s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:38.5324%;left:19.194%;width:1.28814px;height:1.35413px;animation-delay:.649365s"></div><div class="absolute bg-white rounded-full opacity-20 animate-pulse" style="top:2.51017%;left:93.1121%;width:1.50762px;height:.855578px;animation-delay:1.36193s"></div></div><div class="absolute inset-0 pointer-events-none opacity-30"><div class="absolute top-[10%] left-[10%] w-32 h-32 rounded-full bg-purple-500 blur-3xl opacity-20"></div><div class="absolute top-[80%] left-[20%] w-48 h-48 rounded-full bg-blue-600 blur-3xl opacity-10"></div><div class="absolute top-[30%] right-[15%] w-24 h-24 rounded-full bg-cyan-400 blur-2xl opacity-20"></div><div class="absolute bottom-[10%] right-[10%] w-64 h-64 rounded-full bg-indigo-900 blur-3xl opacity-30"></div></div><svg class="absolute inset-0 w-full h-full pointer-events-none opacity-20"><line stroke="white" stroke-dasharray="5,5" stroke-width="1" x1="50%" x2="21.68440519687684%" y1="50%" y2="29.427516169763443%"></line><line stroke="white" stroke-dasharray="5,5" stroke-width="1" x1="50%" x2="44.52479372359191%" y1="50%" y2="15.43090807917018%"></line><line stroke="white" stroke-dasharray="5,5" stroke-width="1" x1="50%" x2="70.57248383023655%" y1="50%" y2="21.684405196876835%"></line><line stroke="white" stroke-dasharray="5,5" stroke-width="1" x1="50%" x2="84.56909192082982%" y1="50%" y2="44.52479372359191%"></line><line stroke="white" stroke-dasharray="5,5" stroke-width="1" x1="50%" x2="78.31559480312316%" y1="50%" y2="70.57248383023655%"></line><line stroke="white" stroke-dasharray="5,5" stroke-width="1" x1="50%" x2="55.47520627640809%" y1="50%" y2="84.56909192082982%"></line><line stroke="white" stroke-dasharray="5,5" stroke-width="1" x1="50%" x2="29.427516169763447%" y1="50%" y2="78.31559480312316%"></line><line stroke="white" stroke-dasharray="5,5" stroke-width="1" x1="50%" x2="15.430908079170187%" y1="50%" y2="55.47520627640812%"></line><line stroke="white" stroke-dasharray="5,5" stroke-width="1" x1="50%" x2="21.68440519687683%" y1="50%" y2="29.42751616976345%"></line><line stroke="white" stroke-dasharray="5,5" stroke-width="1" x1="50%" x2="44.524793723591934%" y1="50%" y2="15.43090807917018%"></line><line stroke="white" stroke-dasharray="5,5" stroke-width="1" x1="50%" x2="78.31559480312316%" y1="50%" y2="70.57248383023656%"></line><line stroke="white" stroke-dasharray="5,5" stroke-width="1" x1="50%" x2="60.81559480312316%" y1="50%" y2="83.28697807033038%"></line><line stroke="white" stroke-dasharray="5,5" stroke-width="1" x1="50%" x2="39.184405196876845%" y1="50%" y2="83.28697807033038%"></line><line stroke="white" stroke-dasharray="5,5" stroke-width="1" x1="50%" x2="80%" y1="50%" y2="15%"></line><line stroke="white" stroke-dasharray="5,5" stroke-width="1" x1="50%" x2="20%" y1="50%" y2="85%"></line></svg><div class="absolute cursor-pointer group" style="left:50%;top:50%;opacity:1;transform:translateX(-50%) translateY(-50%)"><div class="absolute inset-0 rounded-full animate-ping opacity-20" style="background-color:#fff"></div><div class="relative z-10 rounded-full flex items-center justify-center shadow-lg border-2 border-white/20 backdrop-blur-md" style="width:80px;height:80px;border-color:#fff" tabindex="0"><svg fill="white" height="40" viewBox="0 0 256 256" width="40" xmlns="http://www.w3.org/2000/svg"><path d="M197.58,129.06,146,110l-19-51.62a15.92,15.92,0,0,0-29.88,0L78,110l-51.62,19a15.92,15.92,0,0,0,0,29.88L78,178l19,51.62a15.92,15.92,0,0,0,29.88,0L146,178l51.62-19a15.92,15.92,0,0,0,0-29.88ZM137,164.22a8,8,0,0,0-4.74,4.74L112,223.85,91.78,169A8,8,0,0,0,87,164.22L32.15,144,87,123.78A8,8,0,0,0,91.78,119L112,64.15,132.22,119a8,8,0,0,0,4.74,4.74L191.85,144ZM144,40a8,8,0,0,1,8-8h16V16a8,8,0,0,1,16,0V32h16a8,8,0,0,1,0,16H184V64a8,8,0,0,1-16,0V48H152A8,8,0,0,1,144,40ZM248,88a8,8,0,0,1-8,8h-8v8a8,8,0,0,1-16,0V96h-8a8,8,0,0,1,0-16h8V72a8,8,0,0,1,16,0v8h8A8,8,0,0,1,248,88Z"></path></svg></div><div class="absolute top-full left-1/2 -translate-x-1/2 mt-2 opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap bg-black/50 text-white text-xs px-2 py-1 rounded backdrop-blur-sm pointer-events-none">Me</div></div><div class="absolute cursor-pointer group" style="left:21.6844%;top:29.4275%;opacity:0;transform:translateX(-50%) translateY(-50%) scale(.99946)"><div class="absolute inset-0 rounded-full animate-ping opacity-20" style="background-color:#60a5fa"></div><div class="relative z-10 rounded-full flex items-center justify-center shadow-lg border-2 border-white/20 backdrop-blur-md" style="width:40px;height:40px;background-color:rgba(96,165,250,.25);border-color:#60a5fa" tabindex="0"><svg fill="white" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><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 class="absolute top-full left-1/2 -translate-x-1/2 mt-2 opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap bg-black/50 text-white text-xs px-2 py-1 rounded backdrop-blur-sm pointer-events-none">Go (Golang)</div></div><div class="absolute cursor-pointer group" style="left:44.5248%;top:15.4309%;opacity:0;transform:translateX(-50%) translateY(-50%) scale(.994843)"><div class="absolute inset-0 rounded-full animate-ping opacity-20" style="background-color:#a78bfa"></div><div class="relative z-10 rounded-full flex items-center justify-center shadow-lg border-2 border-white/20 backdrop-blur-md" style="width:40px;height:40px;background-color:rgba(167,139,250,.25);border-color:#a78bfa" tabindex="0"><svg fill="white" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M128,24h0A104,104,0,1,0,232,128,104.12,104.12,0,0,0,128,24Zm88,104a87.61,87.61,0,0,1-3.33,24H174.16a157.44,157.44,0,0,0,0-48h38.51A87.61,87.61,0,0,1,216,128ZM102,168H154a115.11,115.11,0,0,1-26,45A115.27,115.27,0,0,1,102,168Zm-3.9-16a140.84,140.84,0,0,1,0-48h59.88a140.84,140.84,0,0,1,0,48ZM40,128a87.61,87.61,0,0,1,3.33-24H81.84a157.44,157.44,0,0,0,0,48H43.33A87.61,87.61,0,0,1,40,128ZM154,88H102a115.11,115.11,0,0,1,26-45A115.27,115.27,0,0,1,154,88Zm52.33,0H170.71a135.28,135.28,0,0,0-22.3-45.6A88.29,88.29,0,0,1,206.37,88ZM107.59,42.4A135.28,135.28,0,0,0,85.29,88H49.63A88.29,88.29,0,0,1,107.59,42.4ZM49.63,168H85.29a135.28,135.28,0,0,0,22.3,45.6A88.29,88.29,0,0,1,49.63,168Zm98.78,45.6a135.28,135.28,0,0,0,22.3-45.6h35.66A88.29,88.29,0,0,1,148.41,213.6Z"></path></svg></div><div class="absolute top-full left-1/2 -translate-x-1/2 mt-2 opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap bg-black/50 text-white text-xs px-2 py-1 rounded backdrop-blur-sm pointer-events-none">System Design</div></div><div class="absolute cursor-pointer group" style="left:70.5725%;top:21.6844%;opacity:0;transform:translateX(-50%) translateY(-50%) scale(.995545)"><div class="absolute inset-0 rounded-full animate-ping opacity-20" style="background-color:#34d399"></div><div class="relative z-10 rounded-full flex items-center justify-center shadow-lg border-2 border-white/20 backdrop-blur-md" style="width:40px;height:40px;background-color:rgba(52,211,153,.25);border-color:#34d399" tabindex="0"><svg fill="white" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M160,40A88.09,88.09,0,0,0,81.29,88.67,64,64,0,1,0,72,216h88a88,88,0,0,0,0-176Zm0,160H72a48,48,0,0,1,0-96c1.1,0,2.2,0,3.29.11A88,88,0,0,0,72,128a8,8,0,0,0,16,0,72,72,0,1,1,72,72Z"></path></svg></div><div class="absolute top-full left-1/2 -translate-x-1/2 mt-2 opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap bg-black/50 text-white text-xs px-2 py-1 rounded backdrop-blur-sm pointer-events-none">Kubernetes & Cloud</div></div><div class="absolute cursor-pointer group" style="left:84.5691%;top:44.5248%;opacity:0;transform:translateX(-50%) translateY(-50%) scale(1.03081)"><div class="absolute inset-0 rounded-full animate-ping opacity-20" style="background-color:#a78bfa"></div><div class="relative z-10 rounded-full flex items-center justify-center shadow-lg border-2 border-white/20 backdrop-blur-md" style="width:40px;height:40px;background-color:rgba(167,139,250,.25);border-color:#a78bfa" tabindex="0"><svg fill="white" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M176,160a39.89,39.89,0,0,0-28.62,12.09l-46.1-29.63a39.8,39.8,0,0,0,0-28.92l46.1-29.63a40,40,0,1,0-8.66-13.45l-46.1,29.63a40,40,0,1,0,0,55.82l46.1,29.63A40,40,0,1,0,176,160Zm0-128a24,24,0,1,1-24,24A24,24,0,0,1,176,32ZM64,152a24,24,0,1,1,24-24A24,24,0,0,1,64,152Zm112,72a24,24,0,1,1,24-24A24,24,0,0,1,176,224Z"></path></svg></div><div class="absolute top-full left-1/2 -translate-x-1/2 mt-2 opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap bg-black/50 text-white text-xs px-2 py-1 rounded backdrop-blur-sm pointer-events-none">Distributed Systems</div></div><div class="absolute cursor-pointer group" style="left:78.3156%;top:70.5725%;opacity:0;transform:translateX(-50%) translateY(-50%) scale(1.08336)"><div class="absolute inset-0 rounded-full animate-ping opacity-20" style="background-color:#fff"></div><div class="relative z-10 rounded-full flex items-center justify-center shadow-lg border-2 border-white/20 backdrop-blur-md" style="width:40px;height:40px;border-color:#fff" tabindex="0"><svg fill="white" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M88,72a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H96A8,8,0,0,1,88,72Zm8,40h64a8,8,0,0,0,0-16H96a8,8,0,0,0,0,16ZM208,40V216a16,16,0,0,1-16,16H64a16,16,0,0,1-16-16V40A16,16,0,0,1,64,24H192A16,16,0,0,1,208,40Zm-16,0H64V216H192ZM128,168a12,12,0,1,0,12,12A12,12,0,0,0,128,168Z"></path></svg></div><div class="absolute top-full left-1/2 -translate-x-1/2 mt-2 opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap bg-black/50 text-white text-xs px-2 py-1 rounded backdrop-blur-sm pointer-events-none">Node.js & Express.js</div></div><div class="absolute cursor-pointer group" style="left:55.4752%;top:84.5691%;opacity:0;transform:translateX(-50%) translateY(-50%) scale(.908816)"><div class="absolute inset-0 rounded-full animate-ping opacity-20" style="background-color:#60a5fa"></div><div class="relative z-10 rounded-full flex items-center justify-center shadow-lg border-2 border-white/20 backdrop-blur-md" style="width:40px;height:40px;background-color:rgba(96,165,250,.25);border-color:#60a5fa" tabindex="0"><svg fill="white" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M69.12,94.15,28.5,128l40.62,33.85a8,8,0,1,1-10.24,12.29l-48-40a8,8,0,0,1,0-12.29l48-40a8,8,0,0,1,10.24,12.3Zm176,27.7-48-40a8,8,0,1,0-10.24,12.3L227.5,128l-40.62,33.85a8,8,0,1,0,10.24,12.29l48-40a8,8,0,0,0,0-12.29ZM162.73,32.48a8,8,0,0,0-10.25,4.79l-64,176a8,8,0,0,0,4.79,10.26A8.14,8.14,0,0,0,96,224a8,8,0,0,0,7.52-5.27l64-176A8,8,0,0,0,162.73,32.48Z"></path></svg></div><div class="absolute top-full left-1/2 -translate-x-1/2 mt-2 opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap bg-black/50 text-white text-xs px-2 py-1 rounded backdrop-blur-sm pointer-events-none">C++ & C</div></div><div class="absolute cursor-pointer group" style="left:29.4275%;top:78.3156%;opacity:0;transform:translateX(-50%) translateY(-50%) scale(.234733)"><div class="absolute inset-0 rounded-full animate-ping opacity-20" style="background-color:#fff"></div><div class="relative z-10 rounded-full flex items-center justify-center shadow-lg border-2 border-white/20 backdrop-blur-md" style="width:40px;height:40px;border-color:#fff" tabindex="0"><svg fill="white" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M128,24C74.17,24,32,48.6,32,80v96c0,31.4,42.17,56,96,56s96-24.6,96-56V80C224,48.6,181.83,24,128,24Zm80,104c0,9.62-7.88,19.43-21.61,26.92C170.93,163.35,150.19,168,128,168s-42.93-4.65-58.39-13.08C55.88,147.43,48,137.62,48,128V111.36c17.06,15,46.23,24.64,80,24.64s62.94-9.68,80-24.64ZM69.61,53.08C85.07,44.65,105.81,40,128,40s42.93,4.65,58.39,13.08C200.12,60.57,208,70.38,208,80s-7.88,19.43-21.61,26.92C170.93,115.35,150.19,120,128,120s-42.93-4.65-58.39-13.08C55.88,99.43,48,89.62,48,80S55.88,60.57,69.61,53.08ZM186.39,202.92C170.93,211.35,150.19,216,128,216s-42.93-4.65-58.39-13.08C55.88,195.43,48,185.62,48,176V159.36c17.06,15,46.23,24.64,80,24.64s62.94-9.68,80-24.64V176C208,185.62,200.12,195.43,186.39,202.92Z"></path></svg></div><div class="absolute top-full left-1/2 -translate-x-1/2 mt-2 opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap bg-black/50 text-white text-xs px-2 py-1 rounded backdrop-blur-sm pointer-events-none">PostgreSQL & Mongo</div></div><div class="absolute cursor-pointer group" style="left:15.4309%;top:55.4752%;opacity:0;transform:translateX(-50%) translateY(-50%) scale(0)"><div class="absolute inset-0 rounded-full animate-ping opacity-20" style="background-color:#f472b6"></div><div class="relative z-10 rounded-full flex items-center justify-center shadow-lg border-2 border-white/20 backdrop-blur-md" style="width:40px;height:40px;background-color:rgba(244,114,182,.25);border-color:#f472b6" tabindex="0"><svg fill="white" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M43.18,128a29.78,29.78,0,0,1,8,10.26c4.8,9.9,4.8,22,4.8,33.74,0,24.31,1,36,24,36a8,8,0,0,1,0,16c-17.48,0-29.32-6.14-35.2-18.26-4.8-9.9-4.8-22-4.8-33.74,0-24.31-1-36-24-36a8,8,0,0,1,0-16c23,0,24-11.69,24-36,0-11.72,0-23.84,4.8-33.74C50.68,38.14,62.52,32,80,32a8,8,0,0,1,0,16C57,48,56,59.69,56,84c0,11.72,0,23.84-4.8,33.74A29.78,29.78,0,0,1,43.18,128ZM240,120c-23,0-24-11.69-24-36,0-11.72,0-23.84-4.8-33.74C205.32,38.14,193.48,32,176,32a8,8,0,0,0,0,16c23,0,24,11.69,24,36,0,11.72,0,23.84,4.8,33.74a29.78,29.78,0,0,0,8,10.26,29.78,29.78,0,0,0-8,10.26c-4.8,9.9-4.8,22-4.8,33.74,0,24.31-1,36-24,36a8,8,0,0,0,0,16c17.48,0,29.32-6.14,35.2-18.26,4.8-9.9,4.8-22,4.8-33.74,0-24.31,1-36,24-36a8,8,0,0,0,0-16Z"></path></svg></div><div class="absolute top-full left-1/2 -translate-x-1/2 mt-2 opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap bg-black/50 text-white text-xs px-2 py-1 rounded backdrop-blur-sm pointer-events-none">React & JS</div></div><div class="absolute cursor-pointer group" style="left:21.6844%;top:29.4275%;opacity:0;transform:translateX(-50%) translateY(-50%) scale(0)"><div class="absolute inset-0 rounded-full animate-ping opacity-20" style="background-color:#60a5fa"></div><div class="relative z-10 rounded-full flex items-center justify-center shadow-lg border-2 border-white/20 backdrop-blur-md" style="width:40px;height:40px;background-color:rgba(96,165,250,.25);border-color:#60a5fa" tabindex="0"><svg fill="white" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M208,80H176V56a48,48,0,0,0-96,0V80H48A16,16,0,0,0,32,96V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V96A16,16,0,0,0,208,80ZM96,56a32,32,0,0,1,64,0V80H96ZM208,208H48V96H208V208Zm-68-56a12,12,0,1,1-12-12A12,12,0,0,1,140,152Z"></path></svg></div><div class="absolute top-full left-1/2 -translate-x-1/2 mt-2 opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap bg-black/50 text-white text-xs px-2 py-1 rounded backdrop-blur-sm pointer-events-none">Rust</div></div><div class="absolute cursor-pointer group" style="left:44.5248%;top:15.4309%;opacity:0;transform:translateX(-50%) translateY(-50%) scale(0)"><div class="absolute inset-0 rounded-full animate-ping opacity-20" style="background-color:#34d399"></div><div class="relative z-10 rounded-full flex items-center justify-center shadow-lg border-2 border-white/20 backdrop-blur-md" style="width:40px;height:40px;background-color:rgba(52,211,153,.25);border-color:#34d399" tabindex="0"><svg fill="white" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M208,112a32.05,32.05,0,0,0-30.69,23l-42.21-6a8,8,0,0,1-4.95-2.71L94.43,84.55A32,32,0,1,0,72,87v82a32,32,0,1,0,16,0V101.63l30,35a24,24,0,0,0,14.83,8.14l44,6.28A32,32,0,1,0,208,112ZM64,56A16,16,0,1,1,80,72,16,16,0,0,1,64,56ZM96,200a16,16,0,1,1-16-16A16,16,0,0,1,96,200Zm112-40a16,16,0,1,1,16-16A16,16,0,0,1,208,160Z"></path></svg></div><div class="absolute top-full left-1/2 -translate-x-1/2 mt-2 opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap bg-black/50 text-white text-xs px-2 py-1 rounded backdrop-blur-sm pointer-events-none">CI/CD & DevOps</div></div><div class="absolute cursor-pointer group" style="left:78.3156%;top:70.5725%;opacity:0;transform:translateX(-50%) translateY(-50%) scale(0)"><div class="absolute inset-0 rounded-full animate-ping opacity-20" style="background-color:#ffb703"></div><div class="relative z-10 rounded-full flex items-center justify-center shadow-lg border-2 border-white/20 backdrop-blur-md" style="width:40px;height:40px;background-color:rgba(255,183,3,.25);border-color:#ffb703" tabindex="0"><svg fill="white" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M240,208H224V96a16,16,0,0,0-16-16H144V32a16,16,0,0,0-24.88-13.32L39.12,72A16,16,0,0,0,32,85.34V208H16a8,8,0,0,0,0,16H240a8,8,0,0,0,0-16ZM208,96V208H144V96ZM48,85.34,128,32V208H48ZM112,112v16a8,8,0,0,1-16,0V112a8,8,0,1,1,16,0Zm-32,0v16a8,8,0,0,1-16,0V112a8,8,0,1,1,16,0Zm0,56v16a8,8,0,0,1-16,0V168a8,8,0,0,1,16,0Zm32,0v16a8,8,0,0,1-16,0V168a8,8,0,0,1,16,0Z"></path></svg></div><div class="absolute top-full left-1/2 -translate-x-1/2 mt-2 opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap bg-black/50 text-white text-xs px-2 py-1 rounded backdrop-blur-sm pointer-events-none">Picus Security</div></div><div class="absolute cursor-pointer group" style="left:60.8156%;top:83.287%;opacity:0;transform:translateX(-50%) translateY(-50%) scale(0)"><div class="absolute inset-0 rounded-full animate-ping opacity-20" style="background-color:#ffb703"></div><div class="relative z-10 rounded-full flex items-center justify-center shadow-lg border-2 border-white/20 backdrop-blur-md" style="width:40px;height:40px;background-color:rgba(255,183,3,.25);border-color:#ffb703" tabindex="0"><svg fill="white" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M240,208H224V96a16,16,0,0,0-16-16H144V32a16,16,0,0,0-24.88-13.32L39.12,72A16,16,0,0,0,32,85.34V208H16a8,8,0,0,0,0,16H240a8,8,0,0,0,0-16ZM208,96V208H144V96ZM48,85.34,128,32V208H48ZM112,112v16a8,8,0,0,1-16,0V112a8,8,0,1,1,16,0Zm-32,0v16a8,8,0,0,1-16,0V112a8,8,0,1,1,16,0Zm0,56v16a8,8,0,0,1-16,0V168a8,8,0,0,1,16,0Zm32,0v16a8,8,0,0,1-16,0V168a8,8,0,0,1,16,0Z"></path></svg></div><div class="absolute top-full left-1/2 -translate-x-1/2 mt-2 opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap bg-black/50 text-white text-xs px-2 py-1 rounded backdrop-blur-sm pointer-events-none">Aselsan - Smart Cities</div></div><div class="absolute cursor-pointer group" style="left:39.1844%;top:83.287%;opacity:0;transform:translateX(-50%) translateY(-50%) scale(0)"><div class="absolute inset-0 rounded-full animate-ping opacity-20" style="background-color:#ffb703"></div><div class="relative z-10 rounded-full flex items-center justify-center shadow-lg border-2 border-white/20 backdrop-blur-md" style="width:40px;height:40px;background-color:rgba(255,183,3,.25);border-color:#ffb703" tabindex="0"><svg fill="white" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M240,208H224V96a16,16,0,0,0-16-16H144V32a16,16,0,0,0-24.88-13.32L39.12,72A16,16,0,0,0,32,85.34V208H16a8,8,0,0,0,0,16H240a8,8,0,0,0,0-16ZM208,96V208H144V96ZM48,85.34,128,32V208H48ZM112,112v16a8,8,0,0,1-16,0V112a8,8,0,1,1,16,0Zm-32,0v16a8,8,0,0,1-16,0V112a8,8,0,1,1,16,0Zm0,56v16a8,8,0,0,1-16,0V168a8,8,0,0,1,16,0Zm32,0v16a8,8,0,0,1-16,0V168a8,8,0,0,1,16,0Z"></path></svg></div><div class="absolute top-full left-1/2 -translate-x-1/2 mt-2 opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap bg-black/50 text-white text-xs px-2 py-1 rounded backdrop-blur-sm pointer-events-none">Aselsan - Toll Collection</div></div><div class="absolute cursor-pointer group" style="left:80%;top:15%;opacity:0;transform:translateX(-50%) translateY(-50%) scale(0)"><div class="absolute inset-0 rounded-full animate-ping opacity-20" style="background-color:#fb923c"></div><div class="relative z-10 rounded-full flex items-center justify-center shadow-lg border-2 border-white/20 backdrop-blur-md" style="width:40px;height:40px;background-color:rgba(251,146,60,.25);border-color:#fb923c" tabindex="0"><svg fill="white" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M215.79,118.17a8,8,0,0,0-5-5.66L153.18,90.9l14.66-73.33a8,8,0,0,0-13.69-7l-112,120a8,8,0,0,0,3,13l57.63,21.61L88.16,238.43a8,8,0,0,0,13.69,7l112-120A8,8,0,0,0,215.79,118.17ZM109.37,214l10.47-52.38a8,8,0,0,0-5-9.06L62,132.71l84.62-90.66L136.16,94.43a8,8,0,0,0,5,9.06l52.8,19.8Z"></path></svg></div><div class="absolute top-full left-1/2 -translate-x-1/2 mt-2 opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap bg-black/50 text-white text-xs px-2 py-1 rounded backdrop-blur-sm pointer-events-none">Superpower</div></div><div class="absolute cursor-pointer group" style="left:20%;top:85%;opacity:0;transform:translateX(-50%) translateY(-50%) scale(0)"><div class="absolute inset-0 rounded-full animate-ping opacity-20" style="background-color:#fb923c"></div><div class="relative z-10 rounded-full flex items-center justify-center shadow-lg border-2 border-white/20 backdrop-blur-md" style="width:40px;height:40px;background-color:rgba(251,146,60,.25);border-color:#fb923c" tabindex="0"><svg fill="white" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M212.92,17.69a8,8,0,0,0-6.86-1.45l-128,32A8,8,0,0,0,72,56V166.08A36,36,0,1,0,88,196V110.25l112-28v51.83A36,36,0,1,0,216,164V24A8,8,0,0,0,212.92,17.69ZM52,216a20,20,0,1,1,20-20A20,20,0,0,1,52,216ZM88,93.75V62.25l112-28v31.5ZM180,184a20,20,0,1,1,20-20A20,20,0,0,1,180,184Z"></path></svg></div><div class="absolute top-full left-1/2 -translate-x-1/2 mt-2 opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap bg-black/50 text-white text-xs px-2 py-1 rounded backdrop-blur-sm pointer-events-none">Hobby</div></div><div class="absolute bottom-8 left-8 text-white/30 text-sm pointer-events-none">Drag to pan (Coming Soon) • Click nodes to explore</div></div></div><div class="fixed bottom-8 left-1/2 -translate-x-1/2 z-50 bg-black/50 backdrop-blur-md p-2 rounded-full border border-white/10 shadow-2xl flex gap-2"><a class="relative px-4 py-2 rounded-full flex items-center gap-2 transition-all text-white/60 hover:text-white hover:bg-white/10" href="/about/luxe" data-discover="true"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M200,112a8,8,0,0,1-8,8H152a8,8,0,0,1,0-16h40A8,8,0,0,1,200,112Zm-8,24H152a8,8,0,0,0,0,16h40a8,8,0,0,0,0-16Zm40-80V200a16,16,0,0,1-16,16H40a16,16,0,0,1-16-16V56A16,16,0,0,1,40,40H216A16,16,0,0,1,232,56ZM216,200V56H40V200H216Zm-80.26-34a8,8,0,1,1-15.5,4c-2.63-10.26-13.06-18-24.25-18s-21.61,7.74-24.25,18a8,8,0,1,1-15.5-4,39.84,39.84,0,0,1,17.19-23.34,32,32,0,1,1,45.12,0A39.76,39.76,0,0,1,135.75,166ZM96,136a16,16,0,1,0-16-16A16,16,0,0,0,96,136Z"></path></svg><span class="text-sm hidden md:inline">Luxe</span></a><a class="relative px-4 py-2 rounded-full flex items-center gap-2 transition-all text-white/60 hover:text-white hover:bg-white/10" href="/about/brutalist" data-discover="true"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M144,92a12,12,0,1,1,12,12A12,12,0,0,1,144,92ZM100,80a12,12,0,1,0,12,12A12,12,0,0,0,100,80Zm116,64A87.76,87.76,0,0,1,213,167l22.24,9.72A8,8,0,0,1,232,192a7.89,7.89,0,0,1-3.2-.67L207.38,182a88,88,0,0,1-158.76,0L27.2,191.33A7.89,7.89,0,0,1,24,192a8,8,0,0,1-3.2-15.33L43,167A87.76,87.76,0,0,1,40,144v-8H16a8,8,0,0,1,0-16H40v-8a87.76,87.76,0,0,1,3-23L20.8,79.33a8,8,0,1,1,6.4-14.66L48.62,74a88,88,0,0,1,158.76,0l21.42-9.36a8,8,0,0,1,6.4,14.66L213,89.05a87.76,87.76,0,0,1,3,23v8h24a8,8,0,0,1,0,16H216ZM56,120H200v-8a72,72,0,0,0-144,0Zm64,95.54V136H56v8A72.08,72.08,0,0,0,120,215.54ZM200,144v-8H136v79.54A72.08,72.08,0,0,0,200,144Z"></path></svg><span class="text-sm hidden md:inline">Brutalist</span></a><a class="relative px-4 py-2 rounded-full flex items-center gap-2 transition-all text-white/60 hover:text-white hover:bg-white/10" href="/about/skills" data-discover="true"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M200,112a8,8,0,0,1-8,8H152a8,8,0,0,1,0-16h40A8,8,0,0,1,200,112Zm-8,24H152a8,8,0,0,0,0,16h40a8,8,0,0,0,0-16Zm40-80V200a16,16,0,0,1-16,16H40a16,16,0,0,1-16-16V56A16,16,0,0,1,40,40H216A16,16,0,0,1,232,56ZM216,200V56H40V200H216Zm-80.26-34a8,8,0,1,1-15.5,4c-2.63-10.26-13.06-18-24.25-18s-21.61,7.74-24.25,18a8,8,0,1,1-15.5-4,39.84,39.84,0,0,1,17.19-23.34,32,32,0,1,1,45.12,0A39.76,39.76,0,0,1,135.75,166ZM96,136a16,16,0,1,0-16-16A16,16,0,0,0,96,136Z"></path></svg><span class="text-sm hidden md:inline">Skill Deck</span></a><a class="relative px-4 py-2 rounded-full flex items-center gap-2 transition-all text-white/60 hover:text-white hover:bg-white/10" href="/about/dossier" data-discover="true"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><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,160H40V56H216V200ZM184,96a8,8,0,0,1-8,8H80a8,8,0,0,1,0-16h96A8,8,0,0,1,184,96Zm0,32a8,8,0,0,1-8,8H80a8,8,0,0,1,0-16h96A8,8,0,0,1,184,128Zm0,32a8,8,0,0,1-8,8H80a8,8,0,0,1,0-16h96A8,8,0,0,1,184,160Z"></path></svg><span class="text-sm hidden md:inline">Dossier</span></a><a class="relative px-4 py-2 rounded-full flex items-center gap-2 transition-all text-white/60 hover:text-white hover:bg-white/10" href="/about/hud" data-discover="true"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><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><span class="text-sm hidden md:inline">The Terminal</span></a><a class="relative px-4 py-2 rounded-full flex items-center gap-2 transition-all text-white/60 hover:text-white hover:bg-white/10" href="/about/blueprint" data-discover="true"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M160,112h48a16,16,0,0,0,16-16V48a16,16,0,0,0-16-16H160a16,16,0,0,0-16,16V64H128a24,24,0,0,0-24,24v32H72v-8A16,16,0,0,0,56,96H24A16,16,0,0,0,8,112v32a16,16,0,0,0,16,16H56a16,16,0,0,0,16-16v-8h32v32a24,24,0,0,0,24,24h16v16a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V160a16,16,0,0,0-16-16H160a16,16,0,0,0-16,16v16H128a8,8,0,0,1-8-8V88a8,8,0,0,1,8-8h16V96A16,16,0,0,0,160,112ZM56,144H24V112H56v32Zm104,16h48v48H160Zm0-112h48V96H160Z"></path></svg><span class="text-sm hidden md:inline">Blueprint</span></a><a class="relative px-4 py-2 rounded-full flex items-center gap-2 transition-all bg-white text-black font-bold shadow-lg" href="/about/map" data-discover="true"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M200,152a31.84,31.84,0,0,0-19.53,6.68l-23.11-18A31.65,31.65,0,0,0,160,128c0-.74,0-1.48-.08-2.21l13.23-4.41A32,32,0,1,0,168,104c0,.74,0,1.48.08,2.21l-13.23,4.41A32,32,0,0,0,128,96a32.59,32.59,0,0,0-5.27.44L115.89,81A32,32,0,1,0,96,88a32.59,32.59,0,0,0,5.27-.44l6.84,15.4a31.92,31.92,0,0,0-8.57,39.64L73.83,165.44a32.06,32.06,0,1,0,10.63,12l25.71-22.84a31.91,31.91,0,0,0,37.36-1.24l23.11,18A31.65,31.65,0,0,0,168,184a32,32,0,1,0,32-32Zm0-64a16,16,0,1,1-16,16A16,16,0,0,1,200,88ZM80,56A16,16,0,1,1,96,72,16,16,0,0,1,80,56ZM56,208a16,16,0,1,1,16-16A16,16,0,0,1,56,208Zm56-80a16,16,0,1,1,16,16A16,16,0,0,1,112,128Zm88,72a16,16,0,1,1,16-16A16,16,0,0,1,200,200Z"></path></svg><span class="text-sm hidden md:inline">Mind Map</span><div class="absolute inset-0 bg-white rounded-full mix-blend-difference -z-10" style="opacity:1"></div></a></div></div></div></main></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(94.1266vw)"><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(-1.93702px) rotate(-4.73029deg)"><svg fill="currentColor" height="24" viewBox="0 0 256 256" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"></path><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"></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.75626px)"></div><div class="w-3 h-2 rounded-full bg-current opacity-50" style="color:#10b981;transform:translateY(-.243739px)"></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>