-
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) · 74.1 KB
/
index.html
File metadata and controls
1 lines (1 loc) · 74.1 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.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"><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/skills" 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/skills" name="twitter:url"><link href="https://fezcode.com/about/skills" rel="canonical"><link href="https://www.transparenttextures.com" rel="preconnect"></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">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 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 class="p-1 hover:bg-black/20 rounded-sm transition-colors shrink-0" aria-label="Dismiss"><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 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-black text-white border-white border-2 font-mono uppercase tracking-widest text-xs hover:bg-white hover:text-black rounded-none" 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-black text-white border-white border-2 font-mono uppercase tracking-widest text-xs hover:bg-white hover:text-black rounded-none" 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-black text-white border-white border-2 font-mono uppercase tracking-widest text-xs hover:bg-white hover:text-black rounded-none" 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="min-h-screen bg-black text-white flex flex-col items-center justify-center p-4 pb-32 md:pb-40 overflow-hidden select-none relative"><div class="absolute inset-0 z-0" style="opacity:0;transform:scale(1.06691)"><div class="w-full h-full bg-cover bg-center bg-no-repeat grayscale-[15%] contrast-[1.15] brightness-[0.4]" style="background-image:url(/images/bg/8.webp)"></div></div><div class="absolute inset-0 z-[1] pointer-events-none"><div class="absolute inset-0 opacity-[0.12]" style="background-image:radial-gradient(circle,#fff 1px,transparent 1px);background-size:16px 16px"></div><div class="absolute inset-0 opacity-[0.05]" style="background:repeating-linear-gradient(45deg,#000,#000 2px,#fff 2px,#fff 4px)"></div><div class="absolute inset-0 bg-[radial-gradient(circle_at_center,_transparent_0%,_rgba(0,0,0,0.95)_100%)]"></div><div class="absolute inset-0" style="background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.333) 0,transparent 85%)"></div></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-[2] opacity-5 select-none pointer-events-none"><h2 class="text-[28vw] font-outfit font-black uppercase leading-none text-center whitespace-nowrap tracking-tighter">core</h2></div><div class="absolute top-12 left-1/2 -translate-x-1/2 text-center z-10 w-full px-4"><h1 class="text-4xl md:text-8xl font-outfit font-black uppercase tracking-tighter mb-2 drop-shadow-[0_0_30px_rgba(0,0,0,1)]">the_deck</h1><p class="font-mono text-[10px] md:text-xs text-white/60 uppercase tracking-[1em] animate-pulse">Cards of Experiences</p></div><div class="relative w-full max-w-6xl h-[500px] md:h-[650px] flex items-center justify-center mt-20 z-10"><div class="absolute cursor-default" style="opacity:1;z-index:20;filter:blur(0);transform:none"><div class="w-[280px] md:w-[520px] drop-shadow-[0_30px_60px_rgba(0,0,0,0.9)]"><div class="relative w-full max-w-xl h-[520px] md:h-[620px] rounded-[2rem] overflow-hidden border-8 p-6 md:p-8 flex flex-col transition-colors duration-500 group bg-[#1a1b3a] text-white border-[#2a2b5a]"><div class="absolute inset-0 font-mono text-[6px] md:text-[8px] leading-none select-none pointer-events-none overflow-hidden whitespace-pre break-all opacity-20 text-blue-400">+ 1.0=.%=:= @%1%10.#*&=1=%&X%.0-%*X X@*%&&@X1 - ::: * ::-==:*@**%X+ #*===+.*= *%#11 1@@*X.:1+&+=X00@==%-.X+ X+ .0&-=*@= X#+# X%=* &-0#@##XX#0.@@*=+ .%=*#X1=: %*-#&@&1.=0:++1&@.0:X1@#-+&: 0+@: &-** =&@==* @+X%X0* +&%@+0X*-&1 =0@X-# # &+=0+*: -. 1@&X#1- X :@.-.=X:@+++:-%%1#1.@-#-#:=:...1%&=@.0-%X1 .+-=1-..:.+++%#X# 0 =10#*X#.@1 +*.01@%**==:&%0@*=1+#:#%0*&=#& @#0@+0+#+&=#=-*+ **0#0@**#X.% 1# -@:-&&:1:+@@ ..*:-+X@:.X +0=0=1 =0=% +=&++01.X=.--*:=: 0&&:-X0&*X11#= 0=-0@ @ &-*1%&%%#@10X=1+--:*&X0-:@:+&0*=#=-:@+&+.-=@%==@:1%11 +%%X@--%::0===*1 =+-@@1 %=:*.#& %1@&+0+. #X+1@**.X* :%@%-#-.+ X#-@1--#1# &.@ +%%-%%:.----%0-*@*+&0+1@:=#%=*X:X& #1X::XX:X+@*#=.@% X&1:+.1#@.@X-&+.@%%=.#*1+*0%:.#=X-.0%%- +- +:&&:%#+&#=%1&#=&@*:+#=X@:+ X1#@+..%0..@&+&# = :%& &::*=1&&%0@# .0:.@X-@&-##*XXX.1&X %:0@%+ =+:+%+0&*.--#&=1@=:1%X*1-=.%=@ -X#0%@&#:01.#0*== #+=X@=*..X1%&*&-:0:-.@X:1 0%X-0*@%&&@1@ X0@0==0:*%.@=X- :1%X :X%:& +%1& *1@--XX:X.::1X:=%:.0=*0=1+#--1 XX&:-@1#&*%:- . %-=1%*%%@@=*#::X@:. X.&*X1%0@* X*=1&0.@:-&1%-*.:%.&1-0=*#@&+1*0@+1.##*:1 0 #@-+=&10:.X01-&- @&.+%X=%#11&11%X#&00%0*0#&1=%1= &=X=%1%0@0=1*-.1#*: 0*0-0=:.1X.* .X*.#:X:X:%&&=.--#0=*%.=-X-+=:@ &-=%#+0&.&-*:&01-&X=0+&--=:&:# &X#::10X@&%&:@.-:1%%-. 00%0+&X&1.1+-&1#&*%@%:& :+*#X=&@1+#@* &X&@ #+-:X* * %&#XX%X:&@*#X@1*+*&&*+ X%.&@+&:X+#.+ 1X%1-=+=1++ #0X**0X:@%&@.=*%.=&@-:+*X1#@ #&1.�&110&:+=%%=+% X=@@% *%+*#1@&%XX0*=%=%01-@..@ %*%% #=@-X*&&X+=-*&+*X&-+=#.X.+=#11%#=+*.=@&1-@@X-1.0*&=- *-.X##%*%.=&&&=..-.%X0 -1=X1:: *%:#* =:*#**%.*@00 &1=X **1# XX&#* =-.X+@@:-=1%+.= 1&.&1=.X-:&=&&.@&*&:X= %*+.#.%%%.*0#++%+.0-.0=01- 1#*+-@:=%:+#@#++=%0:@%@+-*-++.@@#%&*%+0-#1=0*1+%@: : &X%0+=*+-1#*#1#*:@=#&X&1+ +&@&-&0+1@#*+%.#.&&-0#XX#%=-+:=@ 11#1:%X++01 #- 0@1.=@00&*X#@-00++&.@=-=*+&#.@X.#X::@1+0@:+*1%&X 1:@1-*X1%+-= *=#@.%%@&=%#:X1=0+.&11#+.X -%-.*X=-==&=% =X*%#---: %--%==@=+*&&:.0& *++%X*&+*%*=-X&:0&%=10X0&:%X: ..=#- %:X= X**.=**@ X=.*X&X.0&%-X10 X.10.:#@*X 1##X:0: %*%@#.1*1--XX::@##X1.0- .%01&0:1@.=*1 %=.@::.@ 00#:& *.+%-=#&.:X+=++ -11*0**-@:-0&X.#1*.0.+&:@&0.+0=&::==0%-==&-=1++.1+-@*+1: -#.1@X@X-+#*X1&&-%%*0+%:+0%%1X%X0.= 0-%%0 %X&0@# -#+0&XX=&@-1: 1%.*=#1#:#%@-0+%10:0%.0X*%+#-&*:%%X=@&-#=:X=1:1#0# :-%& X-=-*0+1 :11X:.- =:-+1++&:%0#@ @-:X %**-.0&1% -#0.%=%@*:X+0++1X:@--11.1#+ 1X%-=:0=+*+%=@1#& @1 X*=0:#+ : 01+:*000.:*#%#:-:1&+#&-#:@:0-%+&@10==XX#. X -.% +=1.=@ #=&-::X*X @ .+#%1X%::&#+@+: 01+X**1.+&:*@&% + @-:&*:=::0X&&+-1@:.@*-%*#%=+%&#-X+## - &=* .X.=:-&.*&%X.%*1=@&* X @-+&..:@&*.0: =X+0@-:& #*X#*:=&@0%@@ @&#%#0 :&-:0%&0**#11. #=&0.-*X0X=& #=1.:0-& 1@.+=+XX :&--*=#X.#:0#@&.1X:&::X0.: @X.& @0#@&#X-==1.0== :X&*0%@==-=1X1&&*@+-@1 *%1*-@-0-=:+@1&% 0&0=&- -*X@@.#%& *+&X.0X +X+ ==@*-1.&XX*-0:@.=#-1 +*:0X+:X-#&%%&:=@=.=X-X=*&X1+=X**@:=X *:-%1+ +0%+@@=&+* =#1X@=% 0.#=X+% +=*1& -:.0:% &=1&- +=%#@&-=.@ %X&== .:-:@0#0. =X00-=#=0&-+-%.&@& *%%& +-+**##@%X&::0X-+00=1+1*.%0@-01%:=-:-@ #@XX = &+:@ +*0 =1 %X.==0@& --+XX+@=%&&00@.*@ %&-%-+@*=%+00&*+=+%1#1+&&%#0.& #*0X++X#@-#@-=X *:..X&@1%. +=&&@*..==.+&@:-::.-@: *#.#@1.&%:*=X%0 #:0-+@%%@=0==&#=..1 &*+0=- #@:% @0#@&.%@*0*%.@0+1%1.#-+-@ -X:#@.*0.-%&X#@1#-&+X.*0@1%+X 0=@#%.0X1%X*@&#=0.X.1*=:0+##.&%.=%#*# +-%1@&:- #.*1.*0-@=-&:+1*=-@..&-+11-%.0X#.*+ -++:&@#*@:#&&.=.:.1@.#=..XX &.@-+%:@X@*X&+ .-&0*=X*1*:+0+#@X%1 .*X+ %@#.: ==1#X*@&1+0*@X-=%**=1.1#:-:1.0:#0#% =+X0X:X+0:-:.*%*.01&&+%.XX= @1@%= 0& :XX#X=@* +*:@-#XX10&+@+&&%*-1:+: =+@@@@@@-.:+1=:X+0X.&-@=.-=%%&-%%**=0+0*@&==%&%* - 11&%%0-. *1:-@%:+##=.XX0++@0&&:=:@1.X...%X**+.%=X*=:=+ +&0#-=0#-X +#*+%*0@-%=% 1&*%+@1X*0&*0#&0#-#0XX@0-X-+0@=++*+&&::+0X#X-+ &10*=0. @*&*-:=&0&+*%=:= #**=X:&1%-%: + #.1&0-%.-@@--:% 0@:@1&=@*+#1X.&XX@*%@*1:X&X1+@1-0. +&:-0:=*@+1X&=*0=10: &*X:1 11%#& 1. *.=&+0.#0#=**%*:@X@@-#11..%&-%:.1-0::=#%@0X*@:@X:*0@0+#*#=*%X @=:0*@@ X@ *=0:0@:@*-1+#0%*%1=0=@. =-1X:.# 0@:&&0@:- : @+##%:@.=%*:@X%.@#+*.&&% @%.=11X* X .% X:0@:-0*@+=-* 0==%.#@#X0#1:X @%=%.%.X&:@+-+@.:#.&X0*%:.:@1+& &X +&=++.:+=X + +@:=00 .*1=-+X* =X *1*@0...#:X #%0X=-:.@:@=&**10#%.*:X%:-#0@:-.=:-X:%:+@*.10&%:X+.1%%X*@&1# .=X&=+* =%-=.X-0=+@= 0@==0=*1.+@ %=+-*=---*X%-=X*X@# +=:*=%=.%:%*:0:X-.X@@&* @.##*=X&0*# .=1&1 @#%%:% #-&:0..%0 0X%=&-%+&=+0@+1*&0%#X = =@-.@+�=*X.:**=.*+:1@+1X.=#11*X=0*0==X#X%: %+&%0=:*=@+-#1%0:X &.-+ %*@1.X0:-%1 0%*.0X1X#%%%=@&1X0-X.0 @=&-:&%+%X:@#:+.0+@X0:#*:&#@X&:X=1=+00--*@#:==:X*X.#00*@-:=.%%X-X@@1 &+:X@X-X-*-@-*+*#&& *=%0.:.+@010=.1 &&=.+1***.::@X 1+X *: #*1#= 1#=.@#+.&&*.-& -*@.@X XX-@*=X*@.*-#::@.*.1.+1:0+0.0.%&*X=X:=X=:1X1*X-X01=X#0@0X&10#.&*0X-=%%=:X:0 *:- @+:11 #=*.#*1 X:#0@X11@1#=X:@&-&X&0 X=.+@-%0+=&.1.# . #X-0++:=* 1 .X-11: &+*1.0X*#*X-1&-=+..X &=&=-#X*# %X-.1%&&+#*.00:%# &.:@#=X+@:&#.+%.**%*0%X=: && &&=@#&==-0=%*.-1*+0& *@ :*#=#*=+#%+:%+@ @&#X: 1:-1&.10+X*01:=. &#@=#+1..+X+:X=+. :#:@#00-0.&+10.=##&X+1X%X+X-:&*#:== ##+0 0:&-00..-&&@.-@&=%@0 @.@@X%X%#*%..1=11#+*1*0%X00:0::: =@@1=%-11%& 1-+%1.&0-&1@@ :-@..X1X%.# -::1@+1+#0+%1=+=:@#+0&@1=:-%=.= 0.#-X-*0% X%X*@:%@+.X @-0X00-0=#*&@X=@0 % *#=.1%&:.X*@0.-&1+#&@*== -@.%@@0#1-+&:&X:& *0-*&.@=&%0=&* 0+=*X *=@*-++.XX# *+#X=*++:=:-&X%:. :X.#&.*=@:0. @*0-+: ==0=.&@X**0%%&1@@:*&.1&+.0&=&@1X#X#-+#@::0. ::# @+111+X%@X00X. =::+00 -+*#-+0+:#.1* %-00#:X &&-*#+#&&*-.@#+-:- -**+* .#-@-*11X+X#-.-&.1%X@+.@X-X .&%#0%%X.#*.+ +*@..-+ .&**1+11*=. X0=0.==-.#.%+1%-@ #:X*1X0-+@00%..=+X*X%-%#-&0-1#-**X#.&=:%1=&*==%++* -#0=: 0=0%%* + # +X##X#X:X1:###=#% 0:%X::=&:&X@. + -.@=1++ #1 :+* +%.-=#1.X1-.&.0:.::@-1%##:X0-&011=&1@=X#=*1&&X0:1=%*=..- .-1@X.-@#* 0-1X%@:.* #+0:=%# X-*@+%0-@. +:.-++*01..:#:%*-##& @0%X%:e.00=@0*@#:*&&&+X*.-=11%1-#==%:X1-+&*1@+=&&&XX+=@-1=@0*#0#.0:.0%*&%%0++01:.+.X@.&X. X%&XX11-=&&*+@.:::-&* :+%*. % @%#% 0. 1.==& 1:% %%%:1.1=*+1.= *=&:%:0#X01+-.. 0&+0=@*%1*%%-=.-0&-%=.0- 1%==: 0 %+X*::=1+:&+:=.-& +=@#:1&-&-X+#:#X1:%.===@ 1@ .#: %.+@ +=%== .1-0+%0=@#0*# :X0@%.X #+1--1X&+% - #&+%:+01+-&+&1:-&*@10-*X0--=%-*1X &1%X*X&&X+ *:X-&0-==::0%:##101-*.10@#=-%-**@+&XX*=.*=# 0+1=X0-.&:* *.-10-*X+**%= +-::#1*&.@=-& @+-&*@%1 * @-+*0=@@ :&=#: :-@10%*-@*#%::**:%=:%=&*:-0.0#0X:X+=&+&X:*..@-%+*:0*0X.@.#1+1#*:X+.% +@:*@1*%.*@&+&X-=#%.%%***+X0@X-X#-#*:=.:%0.=*@* 0=1=+.% =&:-@&@0++@+@=&-0*-+&&.0:.0-0 +&=@&==+1+-0@ X#1&#X%:=.##::=1X=@##=-:-+*01@&:- %+#*010-X%.-01 :* &*#% %@:.0X++:%#:0::@0.X@&*: X+0+&-X=+%&% +%1:.*@ .X= -.#*X1@0&@1 +=0-*1 =:X +X1:X*%#..@@1X� +@X1+1#=*:%+X=0.&:%-=X#%X:@--@=+0.+*1#:-0@==*@@&-++-:*X=X@ =1.&@@&# =..**= #-%:%-*+-= &%+%1#%%0%-%%:&1+# .:X %@++*1X*101X-0*@*%-:-1* -1=#= 1++1&X- :%= X@11#=.X@ =&#%+.:@@*@0#.:*@&.1-.&& .+.+..*01# =X0=%X+ .=*1&%0-1+.X0&##*X##1&.1= %@==:*:-%-%X+*+X%%:%X:.1& 1X@*1#-1*- %+&@+ 1&.1+=&1-+=#X*@#=*=-@.&@.0+X10@#%.=X#*&@-:%#===:+1 X+1&+=*0X&-%0 *+X11.%=+*.=:1@%1*X&%0X% X#X%+- &0.=0*00&#%1&%..1=%-#0#+1=.&+=.+#*1 *0=10-#&+#@&&-= :+%#@-*0** -%*+=.*..#.-:+%*0# %=*X@0%=&*+:%%:*@#=:%=@.+@ &0*+:+%::#:-=1%:X:=1*% -=#@+:.+:-#-&1= &&.:&1#:-.:+@#@XX:*@0@X&0=@10-*1==::* *+#%+&0 X #X%*:1.1&%&@11@#-&*@-:1X-@#*111-01 XX-% %#- =:=+0& == .X1&#@X%1X&&&.1X-:1%&11%:0@@.&:1:@*+=*+--0%: :-@1+X&1 ++%%0-0**-&.0.@1%-.+:@:. &:0*=#1 +=@:@*0.--:-#.++0#0X#0=*%##0:X.= X#=X##+-%# =.:+ - 0*@= @=@= %&#- @@ .X@X1=..X0++ %-& 1=- +X# *+ +&+=:= --@-:*0=.--=%=**X+-:*@.*XX=:*:X- .*= :%=.-@0#= :*% 0%-+-X-*:1=.+X*0=+%#+0@#- *0.+*#:X%*1%&%0.- 0 %1&*X==:@*%1*&#@=+ 1#X+X.XX#XX 0X:@-::%1-=%&0%@0 &@- %@:&X0@+=&% :+#-.X.#1&. X@#:&-0& 0+*=@11-.010&- %&=%%&%: %+X=X:+ -X:=-X 0 =.X-1%X0 &X+#%%1@ &.@1..+*+X.#X%=-= .&X =X:@@1@%@#-0X*1X%-X*#0@+1&*0@ %#1*+ .&@@#0==0.X.*%00*=# :+.:-=&-#-0+%*+:011=: = -#1+= +1-@%::%X=&%%=0#.%-+=&=#% +@01%#@+&00&=1-*1=:%*X1-0&&001*&#.@@%#=-*.= @0%1.1:0 =X*@&1X&=%%X1:@.1++-1&#%::-1=.0.0-.0-#:.*0=0X X*:&-#-.@+*-XX + 01X-%-#X&@1 %-=#:=%&*-%0#%**@. :.:X%&%:X 0#.@-#*##.@*0.&&+. #=*@X+1*.%.0+01:*XX*-.#@#1+00+0%-.*:=0++-1*+.*11*&%=@ +:.%0#.+=*#@#= ==&+#.+X@:@ :.:+:+# 1X @ ++0.*X*#X+1X& +=# -:--%*0X%#..=:+&+#*@X* :1-* @:%*+&0&&%0%-.0-+1=#0XX:-@0.X@*X#-:0 #-*#0.%0 %@.#=@+#.-&=#%-:@1.%:X*XXX%0.&@&-X-&%0+:&%%1=&=*#+:& :=&%: *:-0+*0#0@-@:0.+ % 1-=&& %X+#1@:+XX%*&-*1=.XX& -1@: #&0&.@-- X@&&-=X0+%X1 : &+:#:=%@01:=:-&+%-#X:#-+-1-% 0=-.=:*X=1@X@.X.0-%@&:==X&- *%:=% @01 1%0*@&=&&-&X1+.%X1X#+*@+#=1X +XX*== :0=%= &-%% @:0X#@%=01&&#+%%*.&%0*.&-&%@@0%++X1.=-@10-=-:X*@-1& @=--+. %.-1&X-11 01+0.=X-#@:* =#00#&0.+*:%@-++11%1+ =.X=-:=+@1.1XX:&::*X**.%%&*0X=%% 1*#1X=%@#1 -=%0X.=%=+&.-*+%:#&=-:=1+* 1+0=:#*-1+- &:*1+-=#1*1&1%1#0=%+*1#*::#&&.@-=-X1:@#+X%--& = =.0@0&+ :1+::=*1-1 X:#*-&0##&&:X1%1: #=#-@*X=#+&+X##% @X+#=01+@#11:. @ .%%*@ 0:-*- -&% 0 *-:. +*&=1=:*+ :=1 X-+X0%X0X1:#%@&&+#**#X&& .* #.%-*X .01X&%1*-@*01-1.@- .:%%1++ 0& -* &*:11-X% #- 0.*X+.-*# =.0 @&:+X-%=#.%*.1.0X0&1%@*X10:1&+&0:&0+.&.@##%0:0+ #& &# 0.@-X:%**@@.0.+*.0* -%%X&:@0%:-=%*+#&:*=.=:**=:X -1X%=-=1&-=- 0.%1.#&:-:*:-.:=X.===0=:#-%: *=& =&0%*+-&:.:*&%: 1:.-+1*+:1#0%X&1+1 :0..=#@# X.1#%::&-+::1X& %.=.*@. %.- X##-:@*@X@0@#X@: 0#=@.0 :+X.-#+.++& 0.@X#X%* %X=:#:-0*#&+*.0+X.:#%=-:X@-1%%@@:X-%=# +X=.&&-0 +@0=XXX+.=.&&&=- @0X=&+@.%&*.%#*%.=1+.-+%%=%-##+@%#:+&*=&#@X.-&0#&-&*#0#.+X&:% @-.%@.X+#===#&#:*:#1-.1 .*-*:0=*%*1:1*&=..*%:%%+#=+1.%#%+#:+.1*&=*.+%*0-+%0#%XX *#=#1=@*0#0:1-%==0X+%@@#*@1@*+@1-=@@#+*1%*%1 @&#X&@-X-:*@*:%1=#+*0+= &-:@:X0%+. ..##% * .% @#</div><div class="absolute inset-0 z-[5] pointer-events-none overflow-hidden opacity-0 group-hover:opacity-100 transition-opacity duration-500"><div class="absolute inset-0 bg-gradient-to-br from-transparent via-white/10 to-transparent h-[200%] w-[200%] -top-[50%] -left-[50%]" style="transform:translateX(100%) translateY(100%) rotate(45deg)"></div></div><div class="relative z-10 flex justify-between items-start"><div class="w-10 h-10 md:w-16 md:h-16 mb-8"><svg fill="currentColor" height="100%" viewBox="0 0 256 256" width="100%" xmlns="http://www.w3.org/2000/svg" class="text-blue-300"><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 class="px-3 py-1 rounded-sm border text-[10px] font-mono uppercase tracking-widest bg-white/10 border-white/20 text-blue-100 opacity-100">Lvl_Senior</div></div><div class="relative z-10 space-y-3"><h2 class="text-2xl md:text-4xl font-outfit font-black uppercase leading-tight tracking-tight max-w-[95%]">Core Systems & Languages</h2><p class="font-mono text-[10px] md:text-xs text-current opacity-70 leading-relaxed uppercase tracking-wider">Mastery of multi-paradigm programming with a focus on high-performance, memory-safe, and concurrent system development.</p></div><div class="relative z-10 space-y-4 mt-6 flex-grow overflow-y-auto"><div class="flex flex-wrap gap-2 md:gap-3"><div class="flex items-center gap-2 px-3 md:px-4 py-2 md:py-2.5 rounded-full border transition-all min-w-0 bg-white/10 border-white/20 text-blue-100 opacity-90"><span class="text-base md:text-xl flex-shrink-0 text-blue-300"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" 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,40ZM92.8,145.6a8,8,0,1,1-9.6,12.8l-32-24a8,8,0,0,1,0-12.8l32-24a8,8,0,0,1,9.6,12.8L69.33,128Zm58.89-71.4-32,112a8,8,0,1,1-15.38-4.4l32-112a8,8,0,0,1,15.38,4.4Zm53.11,60.2-32,24a8,8,0,0,1-9.6-12.8L186.67,128,163.2,110.4a8,8,0,1,1,9.6-12.8l32,24a8,8,0,0,1,0,12.8Z"></path></svg></span><span class="font-syne font-bold text-[9px] md:text-xs uppercase tracking-wide min-w-0 flex items-center gap-1">Golang (Go)</span></div><div class="flex items-center gap-2 px-3 md:px-4 py-2 md:py-2.5 rounded-full border transition-all min-w-0 bg-white/10 border-white/20 text-blue-100 opacity-90"><span class="text-base md:text-xl flex-shrink-0 text-blue-300"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" 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,40Zm-91,94.25-40,32a8,8,0,1,1-10-12.5L107.19,128,75,102.25a8,8,0,1,1,10-12.5l40,32a8,8,0,0,1,0,12.5ZM176,168H136a8,8,0,0,1,0-16h40a8,8,0,0,1,0,16Z"></path></svg></span><span class="font-syne font-bold text-[9px] md:text-xs uppercase tracking-wide min-w-0 flex items-center gap-1">Rust / C++ / C</span></div><div class="flex items-center gap-2 px-3 md:px-4 py-2 md:py-2.5 rounded-full border transition-all min-w-0 bg-white/10 border-white/20 text-blue-100 opacity-90"><span class="text-base md:text-xl flex-shrink-0 text-blue-300"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M104,104h48v48H104Zm136,48a8,8,0,0,1-8,8H216v40a16,16,0,0,1-16,16H160v16a8,8,0,0,1-16,0V216H112v16a8,8,0,0,1-16,0V216H56a16,16,0,0,1-16-16V160H24a8,8,0,0,1,0-16H40V112H24a8,8,0,0,1,0-16H40V56A16,16,0,0,1,56,40H96V24a8,8,0,0,1,16,0V40h32V24a8,8,0,0,1,16,0V40h40a16,16,0,0,1,16,16V96h16a8,8,0,0,1,0,16H216v32h16A8,8,0,0,1,240,152ZM168,96a8,8,0,0,0-8-8H96a8,8,0,0,0-8,8v64a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8Z"></path></svg></span><span class="font-syne font-bold text-[9px] md:text-xs uppercase tracking-wide min-w-0 flex items-center gap-1">Java / JavaFX</span></div><div class="flex items-center gap-2 px-3 md:px-4 py-2 md:py-2.5 rounded-full border transition-all min-w-0 bg-white/10 border-white/20 text-blue-100 opacity-90"><span class="text-base md:text-xl flex-shrink-0 text-blue-300"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" 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,40ZM92.8,145.6a8,8,0,1,1-9.6,12.8l-32-24a8,8,0,0,1,0-12.8l32-24a8,8,0,0,1,9.6,12.8L69.33,128Zm58.89-71.4-32,112a8,8,0,1,1-15.38-4.4l32-112a8,8,0,0,1,15.38,4.4Zm53.11,60.2-32,24a8,8,0,0,1-9.6-12.8L186.67,128,163.2,110.4a8,8,0,1,1,9.6-12.8l32,24a8,8,0,0,1,0,12.8Z"></path></svg></span><span class="font-syne font-bold text-[9px] md:text-xs uppercase tracking-wide min-w-0 flex items-center gap-1">Python</span></div><div class="flex items-center gap-2 px-3 md:px-4 py-2 md:py-2.5 rounded-full border transition-all min-w-0 bg-white/10 border-white/20 text-blue-100 opacity-90"><span class="text-base md:text-xl flex-shrink-0 text-blue-300"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M213.85,125.46l-112,120a8,8,0,0,1-13.69-7l14.66-73.33L45.19,143.49a8,8,0,0,1-3-13l112-120a8,8,0,0,1,13.69,7L153.18,90.9l57.63,21.61a8,8,0,0,1,3,12.95Z"></path></svg></span><span class="font-syne font-bold text-[9px] md:text-xs uppercase tracking-wide min-w-0 flex items-center gap-1">TS / JS / Node</span></div><div class="flex items-center gap-2 px-3 md:px-4 py-2 md:py-2.5 rounded-full border transition-all min-w-0 bg-white/10 border-white/20 text-blue-100 opacity-90"><span class="text-base md:text-xl flex-shrink-0 text-blue-300"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" 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.64Zm-21.61,74.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></span><span class="font-syne font-bold text-[9px] md:text-xs uppercase tracking-wide min-w-0 flex items-center gap-1">SQL / NoSQL</span></div></div><div class="space-y-2"></div></div><div class="absolute inset-0 bg-gradient-to-br from-white/5 to-transparent pointer-events-none"></div></div></div></div><div class="absolute cursor-pointer group/deckcard" style="opacity:.5;z-index:10;filter:blur(10px);transform:translateX(80px) scale(.65) rotate(20deg)"><div class="absolute inset-0 z-[30] flex items-center justify-center pointer-events-none"><div class="bg-white/10 backdrop-blur-md px-4 py-2 border border-white/20 rounded-full opacity-0 group-hover/deckcard:opacity-100 transition-opacity flex items-center gap-2 scale-150"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z"></path></svg><span class="font-mono text-[10px] uppercase tracking-widest">Next</span></div></div><div class="w-[280px] md:w-[520px] drop-shadow-[0_30px_60px_rgba(0,0,0,0.9)]"><div class="relative w-full max-w-xl h-[520px] md:h-[620px] rounded-[2rem] overflow-hidden border-8 p-6 md:p-8 flex flex-col transition-colors duration-500 group bg-[#062c24] text-[#a7f3d0] border-[#064e3b]"><div class="absolute inset-0 font-mono text-[6px] md:text-[8px] leading-none select-none pointer-events-none overflow-hidden whitespace-pre break-all opacity-20 text-[#10b981]">%*1:=.@X+&%X=XX@:.-+@%@+.@%X#*+*@*@ *+-*&-X@**:#011=-:=&1- .+0=&@@10-#:. @0=#+@:X1#%=X:**+=X.&1- -=:&0 *+:0#:#*0 +%**=::.%:+:XX1&+:*=@0 -=+@@X1@ +@ +:- X%:X=#-*&:*#X +&+0X-+@%:#*%1&*.&%1# 0%XX %:--#@&#* *=&X+#1:0 +&-@--+&+ %:% .X-&&#.# X@#1#X1#@+@%0X*&:&1X0=:-0 .#.+1=1:-@*#=#1&=*=X-1. 0: -0#1=--* :X: *-0...@ ##*--+ %%&X &@:.@@00&*.11X=-*@*=#00@&%..00 .#&-#X=1*:#100: -:*+#=X%%X%+&.0--&@ -&@#++: 0X@-=11%:X:&X*0X..::.X@:#%*X 0#X=&-*@+X-:&&:-# +0 1+#..@ :0+:: @#&==X0%.X %.# @#%%-%#-:0%#@#+#1-1#0 -X&@01X#1&=*00=:.+%@0X@:%&@+@:X-&00=0.&#..-*=&& #0&:+&*% :+.@*11#@@%@ %*-@X==%.X+*:#=@+ =1#1+=:0&:1% ==&.+ X -.+&*X 0&:+1+%&-X*:*%%*+@0=: =X0%+0.@%*@-& @&#+&:0=.*& @X=#.:=.=@#X0+#&+:% **=+##XX-11:* =#-=0:+.X0:##X1##1%+#1&1- %:%-*+1&%:%.X-.#X 0=*&+*.# %1@X&***%. -@@:+.*=@% &*&@X0#&@@#1%+* #&&X X=-+ %@%1.:*-*1 # 1X+X: @01=+1 *1&&-1&#=1% 0=+.-%%*#=&-:*1+&@*0@111 @*-+ -%#@+ .%00%.:**=##1X#@X+:--- X&: %..X .1: #-0+1%X:::=.00&--..@X+@-*%@*++=&&110-#=.@ :#=&1 *&1:0+%-+%+@*#==#=0=*-0&%# %@**XX+=*X-1@+0:=:&-0# 0#.=.%#&*1&:=&:@%*X-*. *&:*X1X%-+&:0::&X%0 1X.+1*0.0 #*%+ @%%**%#-+:*#.+=.0.:+&@%@+%.-&::*&&1# 0* # 0.%X-#+%@-.X%0.:=:++-*.1=*= X-:=# 00.&*.&0=%#-&#+@==X ==.--*...+&@:#%+00@*%=%+#@@+@###0:X.#& *1#.%&@@@=-#&X@0= @:@%:1@X@*X0%0%..1+1 -=.+=*%.X%%#X: *#%##*X1*X. =&+X& 0-&%1@X1-=# .& +#0. 1=:=%X:0:@#X &:%0.=0#1@&0#=#+--:- - 0+% -- =X-@:% # .%X #%.@1X@& +=@ :#%0=# -&0X=:@0=@##% &.&= ***@1-%&@@.X1@*=:@-+*X.&&@X#*:11+ %-X+&-@&@ %1 +*--==@&-01@*+00*#+#+ &+10=&X0%+ -*X*&.+1.1+0:X10&@1* -#1#1:+#. .#&@1%:=X=&=0.*-1* .--##:=1X**X@#+1*X#@@:@1+.+@%@#:&=.1:#.*0-X-&@%*1.0:=*#%..X:1:1+1X&0=& 1&.-#&: #+:%#:1+X=1-@@@@0#--%%%+:+:@:@ %&=@0=1@1-:1&.@ =#X* 1&%@X-1&-@ =X**=@*X@=X. X##X0####0-X+-# .%&:%&1-@X% % 01*01+X=0-1@**++@*.@1:&%&0##.&&@0*%0=%#&0*:X-=&&@# + &=+&# -= :1#X%:-#&%@@0@X.&%. @- *& +0-*%%@1 &% 0:@.X1=%@*1%%:@-* +:XX:0.:@.% +:=%0+*1=.&=1 1:**0*+1:&=0%00::+%%.#%=.:0.X&%XX#X@1..@ *++&-0-@:.0@0=.*=#-1+=0 @0=X=#.=%-:0=#-@1*XX:@+*1 :0.%%=#�- 1 #X=&+0:&:%=+@-&*X@X.=+:= *#@+...+&X0X@%1 X& -=.#0&1.:+%.+0+-%X&&&1& ..:1:#X+0%01=#1= =&&+X&.-%XX+XX0X:. .&0%&&0X*.*:@ *%%-1:+0 - 1=*- %%--===@=*%X * &%&++1+:@+.1@@0-.1X0-+-@.+X#*-&#@XX**&#%%#X%&X1*#%X&+ &=&:%#&**1:1X@0@= .#*@X@+X %#%&+*0&%&%*%@*#X0@& 0#=-X&-X :-#X.:*1X+&=-.0=%1+X@+ %@%=@+#:=*%& @:% .#.X++%*-:*&: 0 .*@*&-%X##X% %.&%#.+@#.0:.@:==#.1=X#+X%&&X &*&:+01*.%+*1 -0@+0# %1%�X00.+0 -X X0@ +*-=@0-:.::%@%1.@@%0:#+:=:+#X.X:.-.@#.*:-#1:.X+* = *&-@#.##:&:+#*=X:1. 00#@:+#01% :0@0&+X*:*%%**#=0:&#@ :1== X*#+:0# : 1#@&X1%:111##0*@=:@+1%X.X.+00.%.%X#-:&&--.0@*1*+&0 =+1:++1# #11.1 #0. #++XX#&-1=# &=X 1:&0*-#-:=X:&%.X#@% :0:*@#:*X=-+==@=@.XXXX:+@=*#+%&-+..&: *@ 1:X&.00++0 -%.1*#@##X.*-:++.++%% *#&# #1. =*-&##- 0+:+:@* +@+* *1X=:..=0=X*.&&&+%00X* = -@01 :.&&1#@%*-&0:%.--#%*@=X@=#-0.=%&&&X10+*&0@. :-+0: =::X*:.0-+@@== :@=%=1@=+:+%@*1=&1&--%#X@0%#=0:*-.X:0=0#-X:%*1=-+@+1+@+@+=#@# 1@@&0#%:X:0#.-X *0#+*1==%-@% .0%.*X.%0** X0@*--%##*@X%0#0&1*=@%X1&=%@=&:*#X&++-=XX0+&*0+&X=%--*+*1.%==0*-&.*X@X=*##-1+=#-%11&@.&&=*0...+&X#0=1 :*-%#:0:1* X0 1: 1@-#0 .@%+X&*.:&.*#:+X-+=**%#:- =*&&X:- 0#.-:-+.X.-=-X. -#. -==#@**&X#*& 1 ::*1=.+- X%+0-+:%@%-.0X=%. %01==@ X-+%=+@XX%%&&& .=&00:-=-100%:X&.%*@:-.11:#X=X+ 1:#*=@@1==@: +:* %*:.0+@#0@=*.0%1#.:+*-&-:&-@&&:#-=X0+@%.=.+ +@=0.#-*X***#%%:X.#@:#+1-01@. %0X%0#:.1@X:##.:=** .*=1X*:-%%:-**.:X+.: X. @@0#*+#&0@+0X+- X%#@=*@@- . X* ...=#&%++X-=:0@ =-.=*0#X1&&+#-&#*1&X110*%@+0&#-#.-#X##+%*+10X:=*&%# 00=X0-==:=+.#== ++*1#X% @@%:%1-X*%%*&@* %#*0:.1 :@01%X&&= X.X%#%@.# *0.:1=&=1=@+:%.&@* *.#=%&0-%%#@=%@++.X*%%#+#1+&#=* 0X0=@-.*X+::@: @%*@&0:X#%X#.#*&1.# :@-*0#&1 @@-0## %% +...* #-@+%% @%%.=0#0@1*&-X.&--+X0#&+-X 0%+-+ #.@%11=::*:01:.0+1= 1@%1#-&=+&%#%.&.:.@1:*+ :@*- 01+##-1#%:*X:::*10 @:%-#11*+:#@#-*+..%-X+-.#* =-:=-..&@X+@+**:1%%0.1% @&0=:-=X0+##=-X% =.=#:X%=-1.=& %:=0..X-1#-=:%-.+@%X@+.@:&@*X+#.=0%#X X.X=#1&@+@ -%#:#+.:*##&11+-%0@# #=1@--= @.-.=&&=%+=:**X1 * *=%*@0&X*-%X.*1==+:-++X%. #+@=+%*1=. +1@- :0%1@01&*= ---X-1-1-0*+#0.%+. 0=1*#0X:0=-1:1+@.#0: @&==%:10:1X.#:*.%+1@ =@%=.&0- =0 #%&%.1.-@%=@ % #=X0@0*0#.+.#& +0*% .@:X#-@ 0=X-@11X: ##&11%+.:-&@+1.:1: :1 +1:% :=.&*&@% : .:#=0&-:=+ =+=+@0.@#*@0*@: =1##.-#%&+=@=*0&@+#X:1@=0%0++1+=#1+X&0=1#++@X=0-%% X-0X+.=# %0 #%+&X.&:*@&. + #X%*-X%-+:-.0-&*. @ 1X&#% &X.*:-X+= :%1:*=##+1+=&=**= :*:*.:0X+XX-*X1 =0+#%-.#@*= =0-:%-#.X:@&@=#**:#& + + .+1=1-% :@*#X& + #01@1=+ :+*XX&*&% +&- % .*-0.@&*X *1=@:0%=#:XX1=##@& 1* %#: :=-*X.X1.**1:%*+:% X%===**&%.:+1%1*&0 X@: .+*#0 +@X0+#0@=-0.-:@:-%@+-==.*X ++ %@%@:&%=1*--+.+@#.X&@ =X0*:&+-.=*1=&+: =+%#X1#.@ . +%=+=@1X.#.X+ :X- +%+*=*11:1+ @X#+1-&#.:#*==- ##-1=0# :-:X1-#%:+ .*+#1#1##:0+11&X1.&1&0=.@-1*::%&@::1&# *&-1+=:*=0+:: 1%=+.&.%*-#1=:-. #:#1.1X@@&#+.-:#=X#-1 XX#%*%0 +@@1X#&&-.:*%1+X.@**-&&-* @#00X=X&=--: @@=XXX #@ * &0@@.@%#==%%*- -1-:@@+%=0+.#=::.@%*.-&:1#&=-:1 #+:XX 1==+@+++X +1=X%&#X=@@:&%#X&1&+X01-X=001-.=#%= +#0::#0. X+.# # @0+#+ @ @.+.-*0X111+%0*X.@X 0@0%:+.X+@:@%+%X*0#%@+X*:1@@*@*X0+. 1-=+-#0:11+ -X:.X&*.X%#+:&+:X%:#X#*.X:@# &%#.&1X=1X-1X@10.1##=**1% . -&0& X11&#*X .:*+&X &-0==%=:+1 X -+.#%--0#=@01. %@@=@.:.=#. :0&0-%# -*#1@:X-@=&=@&1X:-.&:X*:X.=1-.%:+:X *%#0@&X# -#:#-:1.01=&==#&:*-@.& --@&. %10.@1:.XX +.+@ ..+:1:++%=.%#++&#-*=.&&X@1=0:%#X.*+X=%=-+1+1*. .&X:@@=&+X=:0&==& - +X# .:#::-%0=#. X-=#+*%-1 @##@@= %+..** @=1=:##*X%:::&+0:.1&=X @:# 0X*-%X*:0*%:%%&1#-=++@:@&0%#X=%:#&-=1X&0%&**#X#& X :+=%##%1=:##-01:.1 0%@+@@+.@& #%#@1 1 *#.:+*+.- =#=& 0&: *@* -X 0&+ &@*:.XX%@++X:0.0: :=# @1.&%:.+ . 1XX:10*&1:: %#%1=&@1-&.& 1:-#:+=&:+%-%@%.@%0+*@1:%&#=1#:=X.=&X--#+0#.:1+1--%%&% +1+XX**1 @+# :10=@=&@&==0.#1 +%##-#+%-:X**@@%:X=%&1#.& .#=%#&+&&.@%* XX:%*=##0.+ :-# =@@0-:@X+ .&%#&%X= +:.+1 *.-%-+1.0*#-0=+&@#.+#@= @.*1 @=0#%:X% &=0-11=.&X + .-+0%.11-01&-#%#=:@*0+.+-: 0 *=:&: .:-%.-%@:+=0#*&@0#=%@01 &%1* :+# +.&.1-1%-*-.==:X%..%&-.&#*%1%-&-@=: *:**.&X-@#%.:X - @#+X+@@+=@1 ##+&0% %-==@+@@X1#=*:=**..-.%.+.% &@%X+X:*#:+ #=X+%=1&.0%:%--111 000#*%-%*=* .:+:::#0= -@1@ 1:%*+. X&0&00%=1@01X-%#+@&@0*##+=X&=0&#X:0+#-0# :X0:%%X@#0%*:0.:%*&=1.*#0+#0&#:-:.X@#.:&%%*0-.=+X==@X&-&+10@X0+@.%%+@1#+X@**1%X&+:+-0:* #:X&#%-%#:#@X*@#- 1=*.:0X.X+:%*%+&1.#%#.*. :&&#.1& .+*&:+@:.#-01-:&00*=:=1& 0=.+01+#%@0&&#+X&+=0%+#%0 1+.:&& %%*#*@1-*&+#:=&%@+0-1+ %X:-#%.*1.%1=X .+X@@0=0.:-#+*0001=- @ 1:-&-@1@& X@X:=%1*.@0 =X1 @@=1:&X1+X*@1&##=.&*#:0:XXX+.++&*%1 1 #&:# %*= %: X*+X-X@ @ &*.1.0%#*%- .@+##: 11*%X&.-X%.- 1-0*X&##@ %:X* @ %+#&X- @:**X&#@%-:@:#%==-@+=#.X*-X@+11-:.-=+.0++&0**X%#X%:&X- -#0=*&1+=#: &:@&:+X:+-@. -1#-*@1-%0XX*+1+-X*-#1%:%@ &1##1%#-@+@+1XX%-0#.:%0&0 1= +:#- :%&X+@@. ::+&XX=0:*0@*-.#:=0#* #&=+%%=--%:&X=0 -+%. #=+&%# & @:%:0+XX=+:1:@X0&+:@=0=&.1=*+1*+%+::% 1%1#X=.+ &&+%*@.%=0X.@1=-- -* +#X+X%X#01 1X-@ :X 1:&*X.X:%X#@&=@+ **#X.-1#1*1+:1-=#000@=%+*+@..*+:#:&::=*&X-%&X:#=0-X*==&%1&@.*-=.#.*&+@&1%#:X#1#*.#%%&1-+0= .%: @&..1#=:&#:*-.@#=#&+***& 1-*@=%=&*1 -.**@@1%%&=#&01:-0.*X&X@.0+.@1 -=@- +*=*:*X=-&* .&1#=#+*0+%+:*@#.0@= .-++X&0++*0@-&-0.=..*0+%+==:.X+X+:#:#+0.0X:-::0=%=:0+@=&#*= :1*@+&0.**X@=-XX#=% # @1% . 1-:@0+*%00.%@#++& X@:0*1 @=@=X%#*=:-::00&@1-:::&#@ %#& 0#**.1*%%#X-:%:11*#=1+*@&0@:%&&++:0111: -X&.:10@% X0-+=1@&+=XX.--=@X=*@-=*-.@X:+&*&#.%*# @&- =1&0:X0.#.# @-.:#%-%1=1+*=*:+1==:1-=%=@@&+0=1+-@1 &-+.+=% 0%X1* 1X0*--@+X.@&+0.0*.#-X+:-0#=0#-0-@ -0@&#**X11@X=X@#@%:%& .%&: :+-+X:%%*X&@-+%%#X#& X1@%+&+-%+:X0&@0:X&0& @& +0+*X#.&:#@X.+##*1 &%.@*#&+0.## 0X&X +X% -*0X#@*01 *.@@+:@X@.%0*#%.1@*@1=0--% 0+.%&:-1#1@@ * =X1X*:.@ *.+# ..@..@*-- +0- &+1 0&X&.#.-0 #.X*X..*X: @*.1%@#+# 1&*.+@00X:0:&#@#-X=--+@#.0##@1X#%X@%X1:+= 10@*XX..*:11*1@%+ :-+=10-@@#0%..& 0&: 1-@% +*0-0*#.@&-#&@0 -1@&%.+*#*#:1:=X* + :=*X.1::0%=0%&+00X%@X:-11:.*#%&-*@+1%1=0=#*%.%+-%11@&%*::00*0#.=&X-:0==1-:.+%# : -=-##&%*=.=*0==%:@ &0%=&1:**@%&&@@=@=X-% ::1.*.@=- +#%1++* +-+ 0 .# : %-- 1#0@-#-%@:=0:%.=-:.&**@..@=1&#&:=-X.- +@*XX.@=X -1*@. @.=&1&+*. @0 =X*%.1&. .1+ -0#@%=*=*-++@ *@*%&+X-&.%0==-# -+:=-1=@@&.X& X1 #%#.�+#% &=-= .0-==@:+:%X1#-.0%1.X+= -:=:X *1..:X:=#1&#&=#=&X&&X-@1-&&1**.+.1%1+&#:*:@=+#@+ X-.::@=X. @1: .00=0-#.=X1#= :0+ #.=.@&1-%.=X=X%0=&%X1@=. .1%%X-.+. .@&*1=#0*X:%%-&1*=&=#0X%*0.@1& &*.%**.&=0++@#=10.# 00+1#%#*+.=@%+@+.= 0-000 *-*+:@.:&=X+%.-@�X#=1=.@.-0&:-0:=X+*0=.=-= X##%-=&0=@#.%0&&#-&@@0% X%&.+ @* &#:&&= :*1*=:@+@:+-#X- %+10**&X@@1@:*-:0=X*1.-+. -0#@11.-.#0%@@*&%+& X&&-.X@+:@#.+01=1@##*-X=.=+=@.&1:X &1*--:%0.-@%@**=-+-=X-&&## @@%1#-*=-0#@#%# #@X*+&@1&.@%&+-0@&.*.*#0%%:1 -. @+1X-:X#+#@*-=.:&- 1#0*-%.0%=#0*. &@1-:+-1 :@*@@&:0X1=-0 *#@##::-0%-1+00+=#-:.+10###=1#.@===-#0 *1=X 1*&***=X&-01*...# 1+0.+1%&+&1-#0::0 @0&+-&&.*=.X=*1X -+:##X..1.-X+-0.:*X@*+:+#*= 0#X+% @#1=0*.+*+ 1%&# =%0=#++- %0+=+%:XX%...- X@-&XX-+1X@&X1%.=:1.0##0&%=: @&= +%#@+1:@ ..*#1&.-.&#.-1@%X-+1X-:# @&&=+#*.*0X#X#=*X&:# *@1.-0*.-++11 ..1 =:=+=#1 &X@#@:0#*+0+X1& +%:-- .%@: *X00% =X0-++=@*-#:@0&&%#:-&= @*0X&%+@11#:%=--.= :1#@ #@ #%:&*1%1&&&.%0@*@@=*X%X&=%*1#-&& =*=-..#0+ .@* =#-&.*#1X0@+*#X *0%=@%#+@=.% .01&-@&1@#*X#01:&#*@+:X&+-&.@ =#=XX.=X@#-0::.1+=00#X=@:=::.: XX% : 0.%-#.:@1*-.+@@0#+&1#:&=.+1:-%*#X@X0*%:=.=-+==-#+1&1.0#& 10.0*#*X 11#@:&.0#-+-+0.-#X*= .=-*1%@*&XX + 1&%..==*%X=%1#X..+*%1%0.@#1-++1**@@*@:&X:%@+%%.+=</div><div class="absolute inset-0 z-[5] pointer-events-none overflow-hidden opacity-0 group-hover:opacity-100 transition-opacity duration-500"><div class="absolute inset-0 bg-gradient-to-br from-transparent via-white/10 to-transparent h-[200%] w-[200%] -top-[50%] -left-[50%]" style="transform:translateX(100%) translateY(100%) rotate(45deg)"></div></div><div class="relative z-10 flex justify-between items-start"><div class="w-10 h-10 md:w-16 md:h-16 mb-8"><svg fill="currentColor" height="100%" viewBox="0 0 256 256" width="100%" xmlns="http://www.w3.org/2000/svg" class="text-blue-300"><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 class="px-3 py-1 rounded-sm border text-[10px] font-mono uppercase tracking-widest bg-[#064e3b]/50 border-[#10b981]/30 text-[#a7f3d0] opacity-100">Arch_Specialist</div></div><div class="relative z-10 space-y-3"><h2 class="text-2xl md:text-4xl font-outfit font-black uppercase leading-tight tracking-tight max-w-[95%]">Distributed Architecture</h2><p class="font-mono text-[10px] md:text-xs text-current opacity-70 leading-relaxed uppercase tracking-wider">Designing the skeleton of modern scale. Expertise in microservices, event-driven systems, and high-availability patterns.</p></div><div class="relative z-10 space-y-4 mt-6 flex-grow overflow-y-auto"><div class="flex flex-wrap gap-2 md:gap-3"><div class="flex items-center gap-2 px-3 md:px-4 py-2 md:py-2.5 rounded-full border transition-all min-w-0 bg-[#064e3b]/50 border-[#10b981]/30 text-[#a7f3d0] opacity-90"><span class="text-base md:text-xl flex-shrink-0 text-[#34d399]"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M208,40H48A16,16,0,0,0,32,56v48a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V56A16,16,0,0,0,208,40ZM180,92a12,12,0,1,1,12-12A12,12,0,0,1,180,92Z"></path><path d="M208,136H48a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V152A16,16,0,0,0,208,136Zm-28,52a12,12,0,1,1,12-12A12,12,0,0,1,180,188Z"></path></svg></span><span class="font-syne font-bold text-[9px] md:text-xs uppercase tracking-wide min-w-0 flex items-center gap-1">Microservices</span></div><div class="flex items-center gap-2 px-3 md:px-4 py-2 md:py-2.5 rounded-full border transition-all min-w-0 bg-[#064e3b]/50 border-[#10b981]/30 text-[#a7f3d0] opacity-90"><span class="text-base md:text-xl flex-shrink-0 text-[#34d399]"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M144,96V80H128a8,8,0,0,0-8,8v80a8,8,0,0,0,8,8h16V160a16,16,0,0,1,16-16h48a16,16,0,0,1,16,16v48a16,16,0,0,1-16,16H160a16,16,0,0,1-16-16V192H128a24,24,0,0,1-24-24V136H72v8a16,16,0,0,1-16,16H24A16,16,0,0,1,8,144V112A16,16,0,0,1,24,96H56a16,16,0,0,1,16,16v8h32V88a24,24,0,0,1,24-24h16V48a16,16,0,0,1,16-16h48a16,16,0,0,1,16,16V96a16,16,0,0,1-16,16H160A16,16,0,0,1,144,96Z"></path></svg></span><span class="font-syne font-bold text-[9px] md:text-xs uppercase tracking-wide min-w-0 flex items-center gap-1">gRPC / Protobuf</span></div><div class="flex items-center gap-2 px-3 md:px-4 py-2 md:py-2.5 rounded-full border transition-all min-w-0 bg-[#064e3b]/50 border-[#10b981]/30 text-[#a7f3d0] opacity-90"><span class="text-base md:text-xl flex-shrink-0 text-[#34d399]"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M213.85,125.46l-112,120a8,8,0,0,1-13.69-7l14.66-73.33L45.19,143.49a8,8,0,0,1-3-13l112-120a8,8,0,0,1,13.69,7L153.18,90.9l57.63,21.61a8,8,0,0,1,3,12.95Z"></path></svg></span><span class="font-syne font-bold text-[9px] md:text-xs uppercase tracking-wide min-w-0 flex items-center gap-1">Message Queues</span></div><div class="flex items-center gap-2 px-3 md:px-4 py-2 md:py-2.5 rounded-full border transition-all min-w-0 bg-[#064e3b]/50 border-[#10b981]/30 text-[#a7f3d0] opacity-90"><span class="text-base md:text-xl flex-shrink-0 text-[#34d399]"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" 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.64Zm-21.61,74.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></span><span class="font-syne font-bold text-[9px] md:text-xs uppercase tracking-wide min-w-0 flex items-center gap-1">Redis / Caching</span></div><div class="flex items-center gap-2 px-3 md:px-4 py-2 md:py-2.5 rounded-full border transition-all min-w-0 bg-[#064e3b]/50 border-[#10b981]/30 text-[#a7f3d0] opacity-90"><span class="text-base md:text-xl flex-shrink-0 text-[#34d399]"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" 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,24Zm78.36,64H170.71a135.28,135.28,0,0,0-22.3-45.6A88.29,88.29,0,0,1,206.37,88ZM216,128a87.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,128ZM128,43a115.27,115.27,0,0,1,26,45H102A115.11,115.11,0,0,1,128,43ZM102,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,48Zm50.35,61.6a135.28,135.28,0,0,0,22.3-45.6h35.66A88.29,88.29,0,0,1,148.41,213.6Z"></path></svg></span><span class="font-syne font-bold text-[9px] md:text-xs uppercase tracking-wide min-w-0 flex items-center gap-1">API Gateway</span></div><div class="flex items-center gap-2 px-3 md:px-4 py-2 md:py-2.5 rounded-full border transition-all min-w-0 bg-[#064e3b]/50 border-[#10b981]/30 text-[#a7f3d0] opacity-90"><span class="text-base md:text-xl flex-shrink-0 text-[#34d399]"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" 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,40ZM92.8,145.6a8,8,0,1,1-9.6,12.8l-32-24a8,8,0,0,1,0-12.8l32-24a8,8,0,0,1,9.6,12.8L69.33,128Zm58.89-71.4-32,112a8,8,0,1,1-15.38-4.4l32-112a8,8,0,0,1,15.38,4.4Zm53.11,60.2-32,24a8,8,0,0,1-9.6-12.8L186.67,128,163.2,110.4a8,8,0,1,1,9.6-12.8l32,24a8,8,0,0,1,0,12.8Z"></path></svg></span><span class="font-syne font-bold text-[9px] md:text-xs uppercase tracking-wide min-w-0 flex items-center gap-1">Sys Design</span></div></div><div class="space-y-2"></div></div><div class="absolute inset-0 bg-gradient-to-br from-white/5 to-transparent pointer-events-none"></div></div></div></div><div class="absolute cursor-pointer group/deckcard" style="opacity:.5;z-index:10;filter:blur(10px);transform:translateX(-80px) scale(.65) rotate(-20deg)"><div class="absolute inset-0 z-[30] flex items-center justify-center pointer-events-none"><div class="bg-white/10 backdrop-blur-md px-4 py-2 border border-white/20 rounded-full opacity-0 group-hover/deckcard:opacity-100 transition-opacity flex items-center gap-2 scale-150"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M168.49,199.51a12,12,0,0,1-17,17l-80-80a12,12,0,0,1,0-17l80-80a12,12,0,0,1,17,17L97,128Z"></path></svg><span class="font-mono text-[10px] uppercase tracking-widest">Prev</span></div></div><div class="w-[280px] md:w-[520px] drop-shadow-[0_30px_60px_rgba(0,0,0,0.9)]"><div class="relative w-full max-w-xl h-[520px] md:h-[620px] rounded-[2rem] overflow-hidden border-8 p-6 md:p-8 flex flex-col transition-colors duration-500 group bg-[#450a0a] text-[#fecaca] border-[#7f1d1d]"><div class="absolute inset-0 font-mono text-[6px] md:text-[8px] leading-none select-none pointer-events-none overflow-hidden whitespace-pre break-all opacity-20 text-[#ef4444]">%#&*.+@XX#0#1**& :=+@ #&:++ +*&+00%.1+X@ %%* *0&@=%*1& .*-=%%&-=#@1-*&-# ##:&*%#&+*# %0%-X:%0+#&1*=X%+1=X@-*1-.=1.0+X&*0*-**=-0.*#0*X 1#X0%. # =:1 .@-= =%.&&00&&:@:0X@%&=@=0+1 %X-+..0-=.+*%+++-*1*#=.1:*+%:X @=@+.@-+&: #&+=#@+*@X+= 01-@+0&-1#11#+==%+%&10@*.-&%.011@ =#- # &X101:.-X0:=@&=@ ++ &0.-& %@:-#&-* #&+%:..+X @X*10@+%&1@##=1+=@1@:X1 X00+*&#X==&1+*#@.%-#@&@@+# ==%X01+*X.#X%=+:#:= .%%#&%X &%-1= 00@*=XX10*:&=1*0:.+0*=&@1++::*#.+#=#%X* 1:%-1+ X@=@ * =X :X**@&1X+*0-=X-%&@%:%0-:+#@:@%&&%0+@0*:.&&:.*. =*0%@*XX--%% &-X&*+#&%+:* -X0-=-0:%#+10&:-:= :*+1%+0%X:X-*=%#*+. :&#%-:*@ +@1@++:10 -%+ -0 :.:- =* X=@*10@*-X:-@-:+#1&0X1&*#X@*%*++: &1#=@.& 1--%X1=#*11 ..#.0##%+=&.+- =1++@-&*&*@1-%*=-0@0.@.X0.:&0*#%@@:.% +==%X= =#%011#&XX#+= 0%1-=0.=0@0@ ##-.:11.=#+@+:@#=-1X%0% +-+%0%#X+0=*.1** #@:+= 0%@#X:X@&1+1-.--XX0@X#%X-+#=@@:@10# :#@1+*-#10&%X@*#*0 =1&10X.X1.1#.0-:0%@#.0&&0@:%@1%0:.1:0%*-+%+- X@X .1+:@**%1#11-*1%--#1.+& @=-&-+11*- -.0*-0--:0#*0#X#X=*.+*1: @&*1 -: @*.X+- XXX&+&:=#.. #*0X +%#&%%-0.10:= =##:0 &*-=+-0&++1%&#.+ -=.@-X1#**:.@:-@.1 :*1*+.== #+X+=-#%%-1.%1@+:%+.:X@0+ X: @+. .0 &&%&:*&1#1%+1&& ..&#=%+& X@%X%X.+1 =&*0.= ..=1:0+0-%0.X@=X#%&.##@*:+ @X@=:1- *#X0.1X*X.0*+:10X&:0&%+.%1 :+-1=XX@ #*:=X@X-%-=#-+.X. +1X*+=&-@+0:-*+@.:+-.&-.#-+1@-1#%:@%:X1@. +@@+ :+X%:X+%@+-+@ %**#&&@#+=%#%0*1-: *+@% #1&@=-=..XX:::%@**=@%1*:-# =@111=1-1+0 1+*-*.# :-%:+=11=X+&@0+1@@#+1 +&.&10&+%@##%=%%0@--&X #&X++=0&:0X0 0+0X.=#0%+#&&@+X@1::=&.1*- +#:0# +=& *%X=1%0-.+#:-:@*.X :&0= =+0++:+=X#%#&@1*%+-�= %#X1#*#X+:**+ -XX 0=:X*X=+ &X +# 0*=.:101:@.X+%*&+&+.1-&:*0:&#X*#& +++X11X:.&X&#X&0#%.0-&0*@ +:#*1@*&X-%+:-&1@X#.0+-+=1:X* @&.0.-X. 0@&+=%.&:*0X-#@1 %%0#X:-# *0.11X&=+*&.#0&:1.#%.1.&# %%* =&+ &##:.@.& 0*0*0@X##:=& 0@&#- @=+1..0XX +10* =0= *%&1.+@# +#=X:-X@1#:0 .&&X1@X1&**-%&&%+ =*+:*=.0*00+@#%-. %00+.+10@.-%X++1 %*1:-X=+ *:1-#-+.0*%%::X*0-@%=:.* .-XX% 1:+*@::=.11+-1#1++1:-: *+10+*%-*&&@%1--. % @& =@#.: @0.%+&&=*+&+= *&:&#X:11. X.#+#+#=# *=%=X @..@X:@+&#. &:-1X0X%=.@X+X= X010=0XX01&&1= %X.1+%0-:.&+**=1-::%%@*.-##1 11 &0#*&X+&#=1@X&@=1%+:1*1&=#%%1@1+-**01X@0%:&*-.XX*@X#%*:.:@00&1+.#.1.=-:%** #@#++X@1&X-.+@0#*X1+- - &&#.X:%%@%XX%&X0 #:%%@0*#1%@:* @XX00*=.X%*0+=@.-&1.0&&-@ &@X@0 +.+X.@%.X&.%*#& @-@#.*%&X +-0+@ %&**=%-#.%X-01-X:0::*-=-+@&== X-#:*.#-:@@%1+@ *:X*# +%&-&@&+*#-%=&*&.*1#@X#X@.=X@+0+X=#.&0#01&=+:1 =X%:%==%.&..0.@++@+X@X=%10# 01X@%&%0.#*01-1.-:%101%*&1&=:.@11@- & X:.:1X+0-%:%&X =0&-0&=XX=&1@0@ %&:#%*&0:*#X.&=1 + 1%+1&-&1:+10+** :1*.0#%% 1%X--X*:&-:#*-1:& . X.*1X1@*+X#1#*X=@+..% 1-# ** @:=@& :.-%&@X @+-*1&0#11+#*X =%@001: 0X 0&**:.X#=0 -@1%1XX**---.X#=&*1+* ::=:.=.-%&=0#%X-1: &*:-1&#+%X0&. +-@00#==X+0&1X *#@:X-01:X*+-1X:1X+#=* #X-X:.1:#X*:X:%.1%@X=.0#0:%@:#=@&:.0% XX1%.XX0 #&%-+=.X.&X.+@=:@%. @+1= X%&0+ *-+0&+-*+%.%1X.-1:%-@X1.*=00 %==&X=+%@&++#&%=+@0.:X++X+.*=%*1+&&-%=-X-#.*@&%X1:&++:*-*: *X@#X1 +=:*X#*+0.-.&1@#:1@+=00: @1.:&=. 0# 1 :%@@.1. =*0=%=1.%+..=%-1=+% *-#&+@.X@ ==#@.=:X+ &.@0@=0.0 X +@1+:*#*% -*0*&=.=X 1 ==1*X.00 *X@ %1&.@-+.X0*0-+-0:+0:@-01. .X:%=*=%+&0 - +&&-#&1* X+0:1%0&X::%@1-#=:0 0:X:1#&.&-0=*X.*#&-0=@%%1@0*%..+%&*: X-1&:# *#:X%=.@#:1&X0--X*1#:&*-: #+#+:::#1::.@0.&X X-#1#@ +@X-%%+*X@1+X0%1&=0-X1#01- -%.0. +*= 0X%0&.#00%&0X=%+:+ ++:&0+ ----&-:X@#X 10+--00&%#0X+:-X&=0=0+##1:.#-++0-- 1+@&&-: #.1 @ :0=#.&@: **&.-=1- X&*%@ &.%@=@*@0#%.:0=*+==X*=:@- :# @%:#+%-%-%= ++X00**- : -# %= %:%@1@X1#*%11 :0*X-=0+0=@.+-=:X+:@=:%-&. @1--1:%++*&&+1&&@+:+0X: #*00.--*X%==-X0+-%+.0@#=.011-*--# 1&.+@0-@1.XX#@:X=:=@& =.&==:1 #-@0**=:X#1.1-+@. =%%=#@ ::*%&+1@*X-@:X #=:=X:1:1+11#*+=****&X&=@ -: 000#.:.+#:=%X0&&:@+-1-1-* &@10+&10:+ 1*=+@@*+--% & # %:0:X % :@=@:-#%0X#- &* #1#&@#+ X100:-=: =#&-@@1:XX%+&0=0.:*@X#.+%=%*:@&10&@#%#&1* %00 .+:#1%-=*1*@ =.*::1*0@+X0+@0@#1#+*11.@1&*..#-. #%-+%#1*.XX.#.#:@=.*++X0.- 0*&@=@# :& &&*#.0@+:@+.- &0%0-.&0 #=.+=X--%+1&&@##-% -*10::+%@%0:@:1@.+0&+X*#::1X&0@01= @:1X1*#X+%%%:=#.1@=:.-11%%1%+0 %:+#:*.&#X*& .@X=.1-#* 1X=01@ -*0::=1:% = :-01@+1=.0@+@0@@:.+=:-:%=#&@%+1*1:#: &%%&+-%**# #%-:%:&0=&: X@:%10&X@&*10=.-0=.:=.0@#-++ 00*+-+@+*0@#+#1*:X1 =&1@@X:-0+1*-#:X 1=#=%*.*=.=+&# -%&0#:+ .&#&*%&&.*#+&- *.*0X: *&&.@X#+ .0@1#%%@*1:&*=X .-+1X1%=%* @&*@.##1&+@+++* =:&@.X&-+:%X& .. @%:0++==%X00. *..0-=%00 #X00@.+.@1%:.*=.@=*0-= -X:==0&X+-+* -0:=*1X#@&:@X.00X1.0%*:&%=.=@#*#=+&+%=.:*1@@1@%@:--&:=&@0#: .+=#%*@11#X+1X&*1X=.:-# #&:+..1#1+=.*X&0:0-% #=&X+**X&+@#X@:@**&0#1+%+@@10:1@#* X1&&&-@ 11**==-=0:-*+1.-+1@0*=@1.0&1 %=@%*+ =.#0::1+XX%11@X++11X%X*+=.1#&&@-#-X00.=011@:#%&X-.# X+X1% @#*0 &0:1+#1:@@*. .% :#X++@-=*=X##=&#=@#110%#*1@*#-=%:@ X-0@###:&@1=1+@@#1.1%X.+ X-*+:%:--+%-X=@%=1*:%&1++- %*%&.%0**0*+.& :-%:*1X.00#X0==@:%+=@@+@#@-X%1%-#. X#&-X#.%%-@-:0* *=X#0%%XX@:-1%:%.:@XX&=#1*#=&*@% .-1 #.:+:: #+-1:&--&*== &#*:@=+&:%&.&..-%#:%+&%0.=%*@%*= =*%%-%+=#&.*1 ++-=&XX.===&##:@%* 10-:+ @ =1&%=+1:=&*=.=@+.* +=&:-%1##X11@:-X::=0--.10= 0.X#- 0#X &+*& X..=0 1#&=1.1%1X .=1-%#0&.-%%&@-@000:&&&*%*#1.=:X&0=:= 0%.*&1&%#X0+1.%+@ @1 *%*--.# X:@.X#:X+=1==:=@@=.:+.&=-*.#X*#@%0-01#.01%X1X+%1@=*:%@* @-:+.=&0%0 +@-%@#=#*XX& :&:.%.&1:@@:X+ %*-*:**- :+#&.X*0.@*:+=*&@= .0+=X+-#0=*X:0X&=1*0-1..0%+&=%@=.=1 +-@X0*+%X*=%- @ :@ +1&@%#@-&# :1&-0#*0&==.&11.X % @ ++=X:000# -*#-%.-+::@X&#X %%=+0==+%::.0@.:-##.##-0#*.-&%@@ #X%@---:#01:--% .& - 0@0=X-#X+0@--@.X..#0X X&=++@:0+=+1###-*11.0X1-+#.*#0..@%X:&X@%& :0 =:1%0+0=0#=-X+1 :% .X*X%@0@*0@-=@X-*#1*X@1 :#@*-00% 1-&&%&.:0@# -#= &1&+ ::-1110&X1=#:&@XX%=# &.*+X#-.#*=%*=X:&&&&*.X11=+.#1:X:. --.%X&@0*# &+-@@0%:% =@X-&1.% *1X*0%-0#*0&..@1X@+ :@+*=+=&.* :1-#..&+=X1#0=%.+& 1&%1==.&#XX.+%0+++0%:%0& -% .X:& =%###-10 +0#-@X1# *#@=*=X+@0*X.#:=1*+@: *::-%0%@-0@@-+@*: @#X+@:1+#: 110::0:&.=%XX1=+@.&1@ ::=&%= :+# *&::#X*=*:.+@.** X*+## *0*%.0:-X%.:1@+0+:.1.%@1@.*.*+1%#+-1## %1&#*#X-1-%= 0&X%11-%* +-0=:X=0%.+@+&1X X 0X* 1::1 1 #-0*1#%&-=-+XX:@X=.*=0=%%@ % @# =*-# *=*%=.:--XX.01&XX=11:0 :#= :-*#01#@=#XX&%0===+1. = % =#1@.@ #01+=##0*X&%#%:.*=0@@@@.0%@:-# X-1-:*:*&. 0=+=0.=&0..-X+11-X0.X01=#.1@ 0-@X0@ X100%=#:%&%1&+.0 +#0X1 @X: @-1...1@ +=:-:1 X@=:@1: :-:X-0XX1:.@1X%=1X#-&.+%.*&%- #@@01@ 0&#%+%::%*::++&-.:X&0&0.* -+-.0 #-1.+-@%% *&* %*& .@:.0 +*&%-&+*#-%0X%:=*= &*X:%*&#.&=#&@X # X&-+ .11@:@.X%X%%=X&X#- # +0X*..:.==+#1 10-00%%--1#%-:0.+---X:#&0-+#*
*+-:#% -X X@1%:X-X#.*+.X@-1@+& :--*X%..@=#@X#*%1 - #=@X*@=X%@ @=#&+X0#0. .#&&#@&++0%%X-%0:+..*1 +*.-.0--& +:#1&:&X:@.-: @+=:#1% .0##+:1%:.&=#1.1@#1##&++*+ =#%+X %0@@&=# :.1 @%X:& :@10=+:=+*@-+* @+&.*#-&-@@ @%*%=X0001+#X+X&-*.:. &#.%=@@%-#0+==.*%@+:1*@+@&.X:1@:##+%* 1 &=&%@1==*# 0+.*-0-1&+%:& *%@.+#+:&:0::&.# %-=-@X*=0**=&:@=*+=#0#1.& +0@@&-1X.:0X%%.-@=0=1 =&@.-1X-=*=1X- 1X.=*.%*: #-0#: +=@-0&: X#=.X-*%&* ++.1:+&#&X1+:0+1+-+11%&1%&1.%++@+@*+@1@*@%=+0@+#%&-X &-@ :- -#*0 %#*@& =&&+.=X*1*+=X&@11 =*0= 0#%0X:-@+::&:= 0%::#:=: .0=:+0+*-.-#.0@:X#1:%-*&%@ #+X%11# %-X:1:=*1&#.*=*-#&X%#+@.-X.-0 0%+.+#-#-0X@*0%& +@&#+1%:X:0+@-%X=-+:0.#-@&1-+#X.X10X+=0%@#&@ *1:.:0:@%-:#1 X*+%X+ =0=..%++%.%0X # @.@##X X*%X*.%0@1& X-.0%#-*:%*+X1=+1%0 =*.@1:-X1:#:&.0*@1##* - &#&: =X=-:.@@%#% 01@-:0% 1.: 0@&X#&*11=.:X#.1&@1:@+&%01@@* -.#&=%X.@X&+% #&-*.#0%.00*-#X&:@#&&0-=+:@ @0=*: ..:%X*0@.@:0*--:=&0.*X*&&11+#1%1#X-=::.%01&:%:+ %&:X1=.-X -1.:#01:0X##&X 1*&.@+%-% #-= 1=&1-*&@X1=&.&10 @%%%@*.%@&*#11%:@==X&:100::@..==X*#%+=:--*%0:.-&.* *.*%=1 0& %XX=+###:# XX.--@@%==XX=0*-&+.* *%.=.1=#+ @:#..+*=0@. @0:* +@#+#%-+@-=0- #.X-+0:@:X+0.#1.X&+-:1*-X@1.*0*11-&+#%1:1 #-0 1=%@00@:+10+++=*+=#:.@&.&%+#.*&=-: #0:1@010*+%*.0@:: @@&0+@*%@# &%0#%&@#=#%-.=:..X-@ #=%@#- @1X-@+%1&X0X 1 =-#+-1X=*%@.X0&X1%%@& %=+:1* @+*#X@X110&@# X#*10#10=%001X=0%:&@-@ &@%++ X-:+.X::*# &.@&%:%11X%*@*@=0%++++# #=#.&++&=&#&**@*0X*-0%&*1#0& &@@%-++.X=-%%-0 1 .1:-:0@@: +:-%%0%- 1+*X=:*+-:X##*=1=-1=10 X 0-=X.:#%@X#1@ *&%.X0X%-- =.0+-:&==. .: *..X%&#:%#:@%+:X+:& *-:.:#:@=+X&#X@X .-0:%#&#:+:-@::@-+%.X-11*10=10-0:&@X= &%# &@%+:-&:0&X:-=0..*+X.1.%@X.1&* 1:00@::=@.:-.%= :. 0#& X#:.0&@@@ @#&& #@1*+ +.=-%*+. ==0:&* *. X++#@1X+0+#&%#@X##=:-&%:=+&@0%@0X :*:.10-+%X#:%.0&-+%*.X-%==# &+@-XX=X@&X1-X01#1%1 @@#=X==-1:%+X-*:#0* =X#@#*1+.#- : *#*=#0@% *0.&@*X%1#* +:.X:#&X& : +%.&*: @:X0++.@0&@.-#= ::*@.%##-:%=+-XX1++*:X @X*+ =#%%*-&.- @*1&0=.&+.=:: 0.X%#= +-X&-:@X*%@%.:X*X1#=:-#@& +-%&-0 #+# 0@=.+*=&=0%1+@.010+1@%*X-@.:& 0 *1*.:*#0&. %-*#%* #0&-%&*-1#++0&=-@+10+::#-&=.1X.0@%&-.X@= =-*&:+###&+1 10=1=0+.@=--@# @@* ++ &@ 1 11@+.&+==:.0+.X&*+X= #+.#%- .&0@X&@@.=@X0X .=X: @: #*&*X-+ -*+0#==%&@**+@% :&@0&1-X%%:.+&X&-@0=.0=*X@ # .=@ X*+X-= &.%0&11-++@.@=# ::#101+X=X&=@. X0#&@=-0.- *0.% :.*@%*0:%.%+ +#01X@ -*=#:.=@X+11#X*+ 0*.% #.:%%=-.#0-#.X1+:1*%&=%X:0X&11-@0 @.X@+:& :&%01%&X.=#%X%%#&*&@0XX.=-:&11+%:X=-+- =&X+**-#.. =.&X 00%X+=.-1@ %&%%:+#1=.X=0&1*0=@ X.1@*X# &%1&1:*.* +-=%.:=*&&X=:=+@#:##.*%:1&+%:%.1::&01:*+-=0*#X=-1:# @#:&-%&X#@..1%0#*:-#@1*++=.#+1* &X0:0X#0+=.@&@ -:X#:.1*@%@X1+X@.&=X00+=&0 X #%%.*0#1%%#.+X-+ +*0%= X%X*-*-#% +*+X@=0:&@ % %&%-%=1* &%%-1X0X.-..X-*. ..&=: 00#X&-10&.&X0#@&.*%001* .%X.=+1=*.1*00.%#.+0 0-#*1 %+#%#100-0&-:%X:#%:=#0#@:0&@1.-1=#11+X1-% = 0+ 0:.+=1 X.#& .-@%*@%X+@@*.*#%%0#-*% .+ # :.=+#@11&.X.++= @=:=*-0*%@.%:&1X=-*0:-0=@@1&*:0:-X*-=:@X:1%# #1:@0#-1&%=:.@1-=%-. :#:X: #-X-*0%##:X.& #=X @</div><div class="absolute inset-0 z-[5] pointer-events-none overflow-hidden opacity-0 group-hover:opacity-100 transition-opacity duration-500"><div class="absolute inset-0 bg-gradient-to-br from-transparent via-white/10 to-transparent h-[200%] w-[200%] -top-[50%] -left-[50%]" style="transform:translateX(100%) translateY(100%) rotate(45deg)"></div></div><div class="relative z-10 flex justify-between items-start"><div class="w-10 h-10 md:w-16 md:h-16 mb-8"><svg fill="currentColor" height="100%" viewBox="0 0 256 256" width="100%" xmlns="http://www.w3.org/2000/svg" class="text-blue-300"><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 class="px-3 py-1 rounded-sm border text-[10px] font-mono uppercase tracking-widest bg-[#7f1d1d]/50 border-[#ef4444]/30 text-[#fecaca] opacity-100">Synth_Artist</div></div><div class="relative z-10 space-y-3"><h2 class="text-2xl md:text-4xl font-outfit font-black uppercase leading-tight tracking-tight max-w-[95%]">Creative Synthesis</h2><p class="font-mono text-[10px] md:text-xs text-current opacity-70 leading-relaxed uppercase tracking-wider">Exploring the space where code meets art. Music production, custom hardware, and digital storytelling.</p></div><div class="relative z-10 space-y-4 mt-6 flex-grow overflow-y-auto"><div class="flex flex-wrap gap-2 md:gap-3"><div class="flex items-center gap-2 px-3 md:px-4 py-2 md:py-2.5 rounded-full border transition-all min-w-0 bg-[#7f1d1d]/50 border-[#ef4444]/30 text-[#fecaca] opacity-90"><span class="text-base md:text-xl flex-shrink-0 text-[#f87171]"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M212.92,17.71a7.89,7.89,0,0,0-6.86-1.46l-128,32A8,8,0,0,0,72,56V166.1A36,36,0,1,0,88,196V102.25l112-28V134.1A36,36,0,1,0,216,164V24A8,8,0,0,0,212.92,17.71Z"></path></svg></span><span class="font-syne font-bold text-[9px] md:text-xs uppercase tracking-wide min-w-0 flex items-center gap-1">Music Prod.</span></div><div class="flex items-center gap-2 px-3 md:px-4 py-2 md:py-2.5 rounded-full border transition-all min-w-0 bg-[#7f1d1d]/50 border-[#ef4444]/30 text-[#fecaca] opacity-90"><span class="text-base md:text-xl flex-shrink-0 text-[#f87171]"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" xmlns="http://www.w3.org/2000/svg"><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,48ZM64,168H48a8,8,0,0,1,0-16H64a8,8,0,0,1,0,16Zm96,0H96a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Zm48,0H192a8,8,0,0,1,0-16h16a8,8,0,0,1,0,16Zm0-32H48a8,8,0,0,1,0-16H208a8,8,0,0,1,0,16Zm0-32H48a8,8,0,0,1,0-16H208a8,8,0,0,1,0,16Z"></path></svg></span><span class="font-syne font-bold text-[9px] md:text-xs uppercase tracking-wide min-w-0 flex items-center gap-1">Mech Keyboards</span></div><div class="flex items-center gap-2 px-3 md:px-4 py-2 md:py-2.5 rounded-full border transition-all min-w-0 bg-[#7f1d1d]/50 border-[#ef4444]/30 text-[#fecaca] opacity-90"><span class="text-base md:text-xl flex-shrink-0 text-[#f87171]"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" 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,24Zm78.36,64H170.71a135.28,135.28,0,0,0-22.3-45.6A88.29,88.29,0,0,1,206.37,88ZM216,128a87.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,128ZM128,43a115.27,115.27,0,0,1,26,45H102A115.11,115.11,0,0,1,128,43ZM102,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,48Zm50.35,61.6a135.28,135.28,0,0,0,22.3-45.6h35.66A88.29,88.29,0,0,1,148.41,213.6Z"></path></svg></span><span class="font-syne font-bold text-[9px] md:text-xs uppercase tracking-wide min-w-0 flex items-center gap-1">Narrative Games</span></div><div class="flex items-center gap-2 px-3 md:px-4 py-2 md:py-2.5 rounded-full border transition-all min-w-0 bg-[#7f1d1d]/50 border-[#ef4444]/30 text-[#fecaca] opacity-90"><span class="text-base md:text-xl flex-shrink-0 text-[#f87171]"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M212.92,17.71a7.89,7.89,0,0,0-6.86-1.46l-128,32A8,8,0,0,0,72,56V166.1A36,36,0,1,0,88,196V102.25l112-28V134.1A36,36,0,1,0,216,164V24A8,8,0,0,0,212.92,17.71Z"></path></svg></span><span class="font-syne font-bold text-[9px] md:text-xs uppercase tracking-wide min-w-0 flex items-center gap-1">Audio Eng.</span></div><a class="flex items-center gap-2 px-3 md:px-4 py-2 md:py-2.5 rounded-full border transition-all min-w-0 bg-[#7f1d1d]/50 border-[#ef4444]/30 text-[#fecaca] border-dashed hover:border-solid hover:bg-current/[0.2] cursor-pointer group/tag" href="https://github.com/fezcode" rel="noopener noreferrer" target="_blank"><span class="text-base md:text-xl flex-shrink-0 text-[#f87171]"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M216,104v8a56.06,56.06,0,0,1-48.44,55.47A39.8,39.8,0,0,1,176,192v40a8,8,0,0,1-8,8H104a8,8,0,0,1-8-8V216H72a40,40,0,0,1-40-40A24,24,0,0,0,8,152a8,8,0,0,1,0-16,40,40,0,0,1,40,40,24,24,0,0,0,24,24H96v-8a39.8,39.8,0,0,1,8.44-24.53A56.06,56.06,0,0,1,56,112v-8a58.14,58.14,0,0,1,7.69-28.32A59.78,59.78,0,0,1,69.07,28,8,8,0,0,1,76,24a59.75,59.75,0,0,1,48,24h24a59.75,59.75,0,0,1,48-24,8,8,0,0,1,6.93,4,59.74,59.74,0,0,1,5.37,47.68A58,58,0,0,1,216,104Z"></path></svg></span><span class="font-syne font-bold text-[9px] md:text-xs uppercase tracking-wide min-w-0 flex items-center gap-1">Github<span class="text-[10px] opacity-40 group-hover/tag:opacity-100 group-hover/tag:translate-x-0.5 transition-all">↗</span></span></a><a class="flex items-center gap-2 px-3 md:px-4 py-2 md:py-2.5 rounded-full border transition-all min-w-0 bg-[#7f1d1d]/50 border-[#ef4444]/30 text-[#fecaca] border-dashed hover:border-solid hover:bg-current/[0.2] cursor-pointer group/tag" href="https://www.linkedin.com/in/ahmed-samil-bulbul/" rel="noopener noreferrer" target="_blank"><span class="text-base md:text-xl flex-shrink-0 text-[#f87171]"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M216,24H40A16,16,0,0,0,24,40V216a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V40A16,16,0,0,0,216,24ZM96,176a8,8,0,0,1-16,0V112a8,8,0,0,1,16,0ZM88,96a12,12,0,1,1,12-12A12,12,0,0,1,88,96Zm96,80a8,8,0,0,1-16,0V140a20,20,0,0,0-40,0v36a8,8,0,0,1-16,0V112a8,8,0,0,1,15.79-1.78A36,36,0,0,1,184,140Z"></path></svg></span><span class="font-syne font-bold text-[9px] md:text-xs uppercase tracking-wide min-w-0 flex items-center gap-1">LinkedIn<span class="text-[10px] opacity-40 group-hover/tag:opacity-100 group-hover/tag:translate-x-0.5 transition-all">↗</span></span></a></div><div class="space-y-2"></div></div><div class="absolute inset-0 bg-gradient-to-br from-white/5 to-transparent pointer-events-none"></div></div></div></div></div><div class="mt-8 md:mt-20 flex items-center gap-20 z-20"><button class="p-6 rounded-full border border-white/30 hover:bg-white/10 transition-all text-white/50 hover:text-white group bg-black/60 backdrop-blur-md shadow-[6px_6px_0_rgba(255,255,255,0.1)] active:translate-y-1 active:shadow-none"><svg fill="currentColor" height="36" viewBox="0 0 256 256" width="36" xmlns="http://www.w3.org/2000/svg" class="group-active:-translate-x-3 transition-transform"><path d="M168.49,199.51a12,12,0,0,1-17,17l-80-80a12,12,0,0,1,0-17l80-80a12,12,0,0,1,17,17L97,128Z"></path></svg></button><div class="flex gap-4"><div class="h-2.5 transition-all duration-700 rounded-full cursor-pointer hover:scale-125 w-24 bg-white shadow-[0_0_20px_rgba(255,255,255,0.9)] animate-pulse"></div><div class="h-2.5 transition-all duration-700 rounded-full cursor-pointer hover:scale-125 w-5 bg-white/10 hover:bg-white/30"></div><div class="h-2.5 transition-all duration-700 rounded-full cursor-pointer hover:scale-125 w-5 bg-white/10 hover:bg-white/30"></div><div class="h-2.5 transition-all duration-700 rounded-full cursor-pointer hover:scale-125 w-5 bg-white/10 hover:bg-white/30"></div><div class="h-2.5 transition-all duration-700 rounded-full cursor-pointer hover:scale-125 w-5 bg-white/10 hover:bg-white/30"></div><div class="h-2.5 transition-all duration-700 rounded-full cursor-pointer hover:scale-125 w-5 bg-white/10 hover:bg-white/30"></div></div><button class="p-6 rounded-full border border-white/30 hover:bg-white/10 transition-all text-white/50 hover:text-white group bg-black/60 backdrop-blur-md shadow-[6px_6px_0_rgba(255,255,255,0.1)] active:translate-y-1 active:shadow-none"><svg fill="currentColor" height="36" viewBox="0 0 256 256" width="36" xmlns="http://www.w3.org/2000/svg" class="group-active:translate-x-3 transition-transform"><path d="M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z"></path></svg></button></div><div class="absolute bottom-28 right-10 z-30 flex flex-col items-end gap-3 pointer-events-none"><div class="flex items-center gap-3 text-white/80 font-mono text-[10px] md:text-sm tracking-[0.4em] uppercase"><svg fill="currentColor" height="22" viewBox="0 0 256 256" width="22" xmlns="http://www.w3.org/2000/svg" class="animate-spin"><path d="M140,32V64a12,12,0,0,1-24,0V32a12,12,0,0,1,24,0Zm84,84H192a12,12,0,0,0,0,24h32a12,12,0,0,0,0-24Zm-42.26,48.77a12,12,0,1,0-17,17l22.63,22.63a12,12,0,0,0,17-17ZM128,180a12,12,0,0,0-12,12v32a12,12,0,0,0,24,0V192A12,12,0,0,0,128,180ZM74.26,164.77,51.63,187.4a12,12,0,0,0,17,17l22.63-22.63a12,12,0,1,0-17-17ZM76,128a12,12,0,0,0-12-12H32a12,12,0,0,0,0,24H64A12,12,0,0,0,76,128ZM68.6,51.63a12,12,0,1,0-17,17L74.26,91.23a12,12,0,0,0,17-17Z"></path></svg><span>X_STREAM_CORE_UPDATING...</span></div><div class="w-56 md:w-96 h-2 bg-white/10 rounded-full overflow-hidden border border-white/10"><div class="h-full bg-white shadow-[0_0_20px_rgba(255,255,255,1)]" style="width:0%"></div></div></div><div class="absolute bottom-28 left-10 z-[5] font-mono text-[8px] md:text-[11px] text-white/30 uppercase tracking-[0.5em] hidden lg:block leading-loose"><p>SYSTEM_ID: FEZCODEX_STABLE</p><p>DOMAIN: localhost</p><p>ACCESS: GRANTED_ROOT</p><p>KERNEL: 5.15.0-GENERIC</p><p>IO: BROADCASTING_V0.9</p></div><div class="absolute top-8 right-8 z-[5] font-mono text-[8px] md:text-[11px] text-white/30 uppercase tracking-[0.5em] text-right hidden lg:block leading-loose"><p>TIME: 6:27:32 PM</p><p>HEAT: 42°C_OPTIMAL</p><p>STREAM: SYNCHRONIZED</p><p>STATUS: OPERATIONAL</p></div><div class="absolute inset-0 z-[40] pointer-events-none opacity-[0.08] bg-[url('https://www.transparenttextures.com/patterns/handmade-paper.png')] mix-blend-overlay"></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 bg-white text-black font-bold shadow-lg" 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><div class="absolute inset-0 bg-white rounded-full mix-blend-difference -z-10" style="opacity:1"></div></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 text-white/60 hover:text-white hover:bg-white/10" 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></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(93.8449vw)"><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(-2.247px) scale(1.03309) rotate(-4.9419deg)"><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.55178px)"></div><div class="w-3 h-2 rounded-full bg-current opacity-50" style="color:#10b981;transform:translateY(-.448216px)"></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>