core
the_deck
Cards of Experiences
#%+:=+:0:.#X+#*.X=1-+X++X:+#&0*X11&= %=-*+0*1:.X=.X:X-:0+&.&#.+&=@=#0=@=:@+#-X1&-10%=## %&@%0-X+11*1: &XX*1.1:0:.#1 =+0#.10X0@# .#*#0 %=X:% 010= %0&@: %=+.0+#1-0.&*++%&.%=X*+1=+:0&.X-#.*-:-X1- +-*=-+ 0**#&1-@@:&.X%.&+-*#X#++01:1++#-1:%=-@0&%%1**@1==@@.@-#& @#@=. @##1X0*@+= %1@.X --@=+==@*#-0.%*%*&=+. 0==& *.X.-1*#X#.&-&%-@* #X&.XX+-.1:1 .#01%1%.-:&:&%=#01#:+: X..XX@X+#.&%%+ -0&#..:*&1%% 1##@ X:==-.&X*:*0&X0%=0=1.*=X@@:*%1--:&0% &= .=%- .* 0.:00 # : #.-@=:& :%@#10 .X-@+#+.+* +# # .*1@++-+*X:#.+1*= *%%#1-*- 0 1=:#X0@#*#0*=**1 1@*&X% 1:+@&1@= XX1*: *%1@#:=&-*#X1&%:*---+#**:&+#=.=01##@1X=0#*:-@.@:. & &+#.=1.:0:-1% %@%.:+:.@%&1&@&1=@#*%%*1.== @0.%*&@-0 1-#+---.-#. :0%1%:+-@1.%0#.&&:-#%.%++*#*X & 0@:-10 0@ *#+:-10-%. -* 0* X.0X:0.#+:0: &&%&& @-+:+@ .*%X0&:X=0.:-+X&===..-@0**1%:-&*=*#=+%:1=0&X&%-:&-%X@1=&0: @.&11.0#@+%:0X+X*=:%+-*:#%0+ *%&1%*X0:-+%%=X- @:X:+#X+-:1 %@X�=+*:*1:X-@+##: &.%*@:X1@&10 -%+&:.1&:+%* @.%+-+@:&:0 &01#.10 0+:*-+&+=#-#X=: 0*#-0* 01%@.*-:0&# + 0+X..=.%%+00+*0*&@0#@%10+*@:+&#@1@=.*.1:.=&*.*@-&.%X**0X*X1:+#-=-&%++ -*+# @-#-# :1&0.-&+=.0-@#%+-+1@*@ :&0 X %@X@=#%-X%X.-1X:%.+ =#-0@%=&#X-%&%&@:&X0=%++X:+#@.&-&X*%.-0 .:%1=0%0*@=.@1 =.*.* . :**-= @*X-&:*X:%X&%+# :&#.:=X+0�%0= 0-&.0:==##:+-**++0.=0%@-## +@&.& @%+*:##:=--@ &:X..*1=#@=. .=-.X@X:X-=0& 0X11*.@##X1==X .*-.%- @&0&10%*:=1.%X*.::X-X1%=@00 %1@#0*-.& : :*&*1%*+%.=@.1 .*X-&:#&.=&&%++-X=0X@%:0.:*@&@1*00@##++=1+#X@+=*1&.1%+..X..*#@=+%*&-=-&+*& #X-+.-=@=*1-@&*=*-X%+=-1+0&#%=:#&@=+ X:1# :#00*=X-=:%@=+XX0::&+%#1X*@+*& &: +@@%..+=1 -#0..=.@&-@%@&&-XX1X+*1*1 1 #+1 #-&-& :..-:-+X&:=X#@0&%@:.11+0-X-X .*-=*-1+##1=%:X.*&:11**=+-*::+.:.@*@+==-=:-= @#-&*+: #+@=+%-%%+0-.#%.X% %X:0&XX#%.1+*1**X-0-1%-:*X0 @0&0%1#0X*+&* .1#X#+&X**:10-&@-+&-1&:=- X%.-0&&::*&-X#.+:0&0*:@+* +.@:00=.0--=&&X+0.+ * :.-@&.0:%@%1=0:#*-%0-:X&#@&**0+& #:0:.X=:* XX:1 ..#@& :=1=-&-=#@*@# :&+:&%1@#:#-00=-X*=@%#*-.=X.%:-%%-+.=*#0 =1%%&&.*%X1#=00=@0X01-@*1-- -&-1=%:&.%&1@#+#&1 :#1&&:== %@&0=-=#.*.1=--+&# X#X=-.1X:=&@-@@1++#1&X*:0:: 0#&.#1-:1 -#==1* X@10#%@%&:#&&-&. +0*XX% :#.&&10+.X%1&-*+.=&+:@+%@X1#X .10==.:.#1-0%:-=#0**&##-:%&# +@+ +.0 :*#&X&0.%#+.0- X&-. 0=@ .%# 0-11-:-. - =*0*+0:.1%*X@1%:* @X:-#-00&.:@1*=#=X&0*@%+@%* &XX0+&:..X -0%*X1-XX+*X- 1-0+=.=1&-*+#&-*+* +=@@&X%1X=%0 -=.*#:+=#0&.#-1+0X.0: +&-=.0#X&#+--+ +&X*...&0:: XX%= X-X*: 1%#0=-:-*0=X0:1=.&+###-@#%&=* +@0:-0@%&&.*=.@X=:&*1*..@%0@#&+#=*-:0@0%# *%.#0+&0+ +===*0 -%:-#1.:-00-:+1* &#==1 -&&&X#@.&##.*.+ 0:0-+1.@ =X-##%#-#*10-.:*0@%+.= +0X#-@@1%=%=1#X%0-&:+X.@&=#@%%0+=.@% =+ 0 @X0+ +*:.*.:#:*%= #*=&%.X0:X+@+00::*X@.%-0%- 1X @*.1=X+0# .#&*-X@X -@-.%%-@1&:#X=@=X.= @X1%*#% +=@%-%X@%0%# *+@%&*#1X%+&%=:@+=*.-%*X#+@:%=@-X%X :-:0*0-.%*.%&#%+#**X::&@-@@X*1:.#@=00X0*@.X #X&= =0-@@XX.@*@X=0 +: =+*@%0+=+#:. 00 1*&X#:0-..&*%& %%:& 0.+%=-1:-*&#&-1#*:@100.@%#%% %&XX@::+%.& %@&&-X&%.0%+1%1- .=X @�+X=+.1+@.*0%&+*0%=-0&&&=%=*X0@:&#*01&@.*&% @1@%=.==#*..=:..:#0++#: -X*:% &1+--@*0*=-:-*%-*+ #0. -11*@1@1 @-&*:%-:@%1*&#+:%%*%1=X*11@++=: %0:*.0+X +#=@%&@* % .* X:-X@%10X-*%=1%-*0# .&.0-*@#=1X @ 0%0%X&&- .XX#..0X0*=&*& =@X1.@#.+..% . 0.:1:-+:*-1=::=#= &@=%*-+.*0@#=#1#%0X+0@0-%*%:*0#0 &X@@*1.@0X% X.X1:*=@# %.0 * :0#1=- &=:+ 1&. #X0@1*-*.#-+X1 & #=.0%++#X@1#.#@0 -10:+.:.:1+=X%@=&0%:.X. -.-@0%+# ##@#.0-&&::=+&=:@-&-=*@%: 0%01%%:=-:*#&*%X@:X-:0-%#*-@1=+@#-:--*&-**&0.X 1*0#1:@+@*X0-#1-1:*- *.0# =%&* &#*@:@-11#=0X=+%-�-- 0+-*#01X.+ ++X1=+:&11X:-@#&010+&.1.=- -&-:.+@*: X+ *:*+-=X-+%*@-&=#0%#.#.+#+:1.-&X*#%1++.0%1-0#X@0*@&+&++&.0:@+#+%..0= **@ #&%.&@ @.0-#--0.*-101#.*0#.::.@:%% : *=&=+XX@&X#-*@@X#&%#:&1X1@&X=1X1 = .**@.0# XX:1X-1X#**&+#. 1%0&%+:-1#&%X@#0&.0+*11X.10:X:##=#& 11X..-%+**1@.0:+@ &X#@*:+%@X11.#@+& 01:*%%.*-@+-= X-:#&@&X.&%-&X.1%.#=.1.:#-=.+ :=X1&X &0 0=#+X*:&@.::*@#.1=%-% : 1&+=*0+:*@@ *.&01X X-0+1X##*+&-0&@1@ %.@#@-@+%:.@ 1.0- +&@**.% =#X :+X.&..@@**-&X@#&==--0%&&0*:==+ %0#&X&:@X-%%*&01*+#+0#&#.X# .#110=#::=1-%0#=%X.+&0#+.-=#%0X=0:&#.X%-+&@.X# @#-%%@:X %*0.10##&@ %1 *##-.0+0 %&%@ *#+-1=:=:10.::1X*=@0XX@X@+&#% *X0.0#X.@+#=&0:@+0#:@X.:1&1=&% +.@%.*.=*..%%X*@:=@+:+&*0X*+0:.0 =-+.1=-:#&.-.0XX@1 %=#X%:.%*@X#1*+=1 -*1-01 0-*X=*. =* .&X&+@@&+-%==@:-+1X#= #00# 0X===01@-=1&0@&@X1.%#X=-#&# :0 =#.-&&011# &-.##::-&+X&X#+=.+:+*0#0=%#1+:. &.-*%&.@X.-&*#.-0#+-:=0=#.@&#:*& #X#=&+ :%&- * .= +.=..X&=X#@@&@*10X*1@# &: +:-#+%=%&X&01%+%=@0@:==-%*=:1@%&:&+ :&-&=@@.0--.&1&%# :*1.-:=+& 0*0@@#&X = %XX@X=#-.X&=+X0:-=.1=- %-&X#@=11X#-: -@1&- X%- :1+=@*%###+:1##=&-%+=X*%+:.-&@1+X1-.*&:+#@*1:1 @& :*-:=-0&.+X:+X+.@.=#@*@X*#:-@#XX*@&1*+%%- .@. = @-1#.&1X:0* .01:. -.:*X%X+.+X* 1:.@ 1++::&=X @=X1: -#00XX#.X=&0: %0.#1@.%1.=%% X:::+#0*-&+1+&.X: %==:++*0.X1@#X@X.@%++1.1&+.:==0..#+%1 00X.&=*+@00:@X0X:##X 0 X* 1:&*#=@@-0=.X%:1+&#:XX X&==X:0%&.+%#@+ *#+.&11#&-&#=@.: :-@*..%11*.*%X-0+*- -X: .-X=+*@X @&+1101##1+1#.*0%*0&:0= + :.1:: .#X#+-@=1%* 1& =X#@#@@-.*#+=1=::.*:& &.%1-%-+%%.#.11.&*.-1%01-&.++#X 0+1:1=*&=*:X+#=1:@-0 .#=-==+X@0.+:-*11-:.&1X.%*--@.+=#@ -*=%=@%:1%#:-+=.&-+*1&.+%*&&+%.:.:0%X&%++ *X%X:1=&0# X--X.-*::+%& -1@=.=@=&*&%1-=+-XX#.#.1#.X@ ==%+%*& =*# :X@:1-:+..=*&&&%0=*011.+ @%+@-&1.* :@+ =&-%1+:%. .&&@=1*.+ 1@ &%@:X#--#0X-:-%=0&*%:-*++#*X1X&%0+ &.0@@% +0@&#& -#&&&%&=@%.1X1= #*% @%@+ ++.XX@1+%0&+&&0X%@ 0*%0=::.*011%*=X -1 -X@&@:*-XX#:#=X& 1##*1@ &-##: #0.01:&:*@X&0+*1#*X:+-=== :++=&0:* X@0***0#100 +-=&#%+:0# %#+&.=*@=:-- @+&*: . +*.X& @1%:-:01-1&.0 .= %XX:-:.-=&+*@*-0@@0@1.&0 1.&#:&#.#:%1@-@. X=1- &-0%1X@ #0X1*0+ 10--@--*& *:@*=:0:+.#X*+#@ X%0= &=--%00:&%@-@1+%&.*00.&::%&-. X00-.:#:*.-+X=1% .X::#X+1&.X*:1% +0%:--=*&0+1.11.%:=*-.+0@.:= @:&.&==0:%&.&X1-.%:= +0+==.0 &=@@&&.+##@+&-:**=0#010.# 1.:.0@&&&�==#@.=: @-@%0%1-%*-# -#0*101**&:@@&-1+=:%@@+1-=-0&.:=.&%-*+1&#:%-.1&11.XX:@+%0*X01= %%:X:-.%&X1&*&-%@--=*##+# =X@:X.0-@*==@=%@.&=0+X 1X-X0=@+@+0.&0*##-=&*0+.+=@XX.*@*& 1@ =+@=*%-: X#*--* =X:X@X1#0.*-:0-1#1-:.. @ * -*X+#%*.@**@%-..#%:+:X@&1:=-* 0%*-#0=%0=1:=-:@X&.0=-+&&X+#:&+0#0 #&0-+0 ::##@1#1**#%&#=-=+#X&X#:10%#*:=X%0= *1=X&-@1@+:##1=0&X1--X.#%% X#====%0+.X1*=.X#&: :+# 0-1+1=# .#%&*%*=0%#:1@*& &@*%*&+0:*.#X X*%- @*.@=0X@&* :*--:-:::@-..0+ =#&-1*-:1-.1@@=X#.&@&X1-X&1* --0.=+%0&.*1&:: %#X*@:1+1*=1-X&@#=0@.*=&:--00+0*:@%=-%# X10*:0=+:0-01 =@0-X=*. 1#0+--#++%0#0*-:. 0= =:X&*.+&@:-=1@1-+%:+=&==: =*@X.&0&0%&*%%1 :%*&&%1# &-X1&0- .1&.-*1&-.XX *-@*:+-%%=-1:X.0XX@X*.+#@&+#&*.@.+==11@0@#X=XX@.0%&+1X-@+.@& 0.=X # - 1.=1&&**=X@ #- . @&-@%=&1%10+:@1& @#0.&-0-#&=#@0X1+&. = .% .###0-&-+-&+%=.0##:-@01+:-+:. @1X-&1.+01:1 0#*&#.%@-0::-X..:.&0-=+&0.1# =*@#+:1&:@X:*+0:.11*X- X@:X#@=@0+0= =@#0&+-1-.:+- 1# X.%-=X: .-*-:XX-%*=%=:-: -+@01X-.=.::+X:&%&%*X=#-%+#0+1:+@%#@:1*=& 1=X*++.=&@:&0-%#1#%1=#@1@..&=-@=+:. &0+@0&#:- =++*&%@@:-0* *%1@X0&@=# @0#. :- &:0#X+*=&*1@- 1@== X*#++-=@%=+ .:X#1 X0.0%XX*%X=**=&1@X= %&-%1 -&:&.X&X%@#=X%.+X=@=&*0.-%##&&-%%%01.*%#: .X:X%&+ X -@X%1.%#X%+:#* %@ % &%%%0 1&#*X1#=1 -@:#%+-:0:#%0X%@==XX0#= *@.%.- .::1X:*@:-.X 0#-#X1-%@: @+.#*X*&%0X 0 *@X@+X=+ .%.@&%=X.+.=:. @.#.*-1#=# :10:0+1%@X:=-&*@&%@0.0..%&&0&+ @0.+.%@&#X+ 11#1*%:=+.+%1% .:0.:-.XX@0&=@=0-1 &1#-# =&.@*:+:X. & #*+:0X+.10#--#& =+X+X=#0X-.@&@.--00-=X+@ *%*#+X@+#+X=@*.#: 0 XX=#.@#0%#:%= 0.=.=:- *@-*0#* &1:...@+10X*=:#0=#.* % X--.* &.%=0&= X+ #*%*00*#+0X0#:X+%%@%%@X:-..:=*1:0 % :@1#+=+X11&-1-@:+@1-#-1**#:-# #0=XX-%=+ .# X:-#00: 0X% =*#:*#X.@#&=#0@&%=@%X **=@+X=::&=0: #-=*&*11 @ # X-+:0&X 11++ 0++*XX-0+@X0.0+%11&%%@=+&:1:X%#-X..#--#+% @X=== 0:*&.-:+%#:@:=##-0XX+%1.**#+-%+@+ #=#1+0X0 :.=X+:-X =0#@1=+X :.. %1:# +=@ *%@@.%& :0@##:XX XX%1 %0=X:+-@#@ -#%++&0*@-X.*+&%%+=0*-&X1 1&%X0.#0X:%:-*+:X+%& @ .#.%0.%+=0#X1.@1-=...=%X@#-:++=-.--@=0X@@&:0X.XXX&+@=%0* -11=0:+X @. 1#1.-. -%&10X0-*=&&# % XX-*.%*00.:&&:@1-X1#.-@#&%0 := -1&1X@:@0=@@++#*+*-.&##.*:-+*++*#:+&*-+ 1@X#&@-&X-:.%:-*=0=1@&%1:@@#.X1=%#.-%%% #:--0#0=:-##-+##=*%=+*--101@ %&=&@X% **1*.*0&=@@:X@:00*@X=-@* =%-:0&-1=0X=#+*X@#+:%1+.=:@*@X@&=.#*X0 .%11%X .X# @+10-0=-*1X.%1 @01- *@- *0 .00+@&- +* 10=.#0*=&&.=@@%=@1+*-+ 1-=0@ **X =+ 1#1*-.*:0= 1%* %- - 1..@- . 1&: =.=+0.&@0:&+00:#%1.X:.1*:-+=--0&1*.0X&&%:##1=:& .=%0= :0.. =%#1 *0&=-0%*1# -X%#=---0 &@%1X=0*-@X.+X*-*=--@@&+% #1X&X- @ +=&*.&==1-:00#%*+.&::1@X+- %*& :...=%:@1:10@.+@1.@*#:X#*.+@..+0..*0 @- %=.:@X %%.0@*=@*1:&:&1%=@&0-*+%+--@#-:&*-0X&1:@+**0 X@X0*:@.*0.X+%=X0*-+-.# &:X1@ : *&+%:*-#@#%&1:=.=*%+-1: 1.&- &=@:=10%11..+:1%=&1X0=*.#%*:X -&1.1=1%#@:1++...&@+--*1@*%&:=: 0.#.-@=1-0=*0+.0*@ @+#1:. 0%-&.* X+&+.+ X-%-=@@& @ -1 %1- @* &@-#0*:X11&-=+X@@ X=.@.+*+ . %%@*&#&#+ &&0@-.=10@.@-*%&:*%=1&&+-.XX -.0#0%1-X++XX-0&=:@= X+:=1*#@%.*++0@ X-+.%-#+X*1=1+# :%-%-X*@@=1%:*@ 0:% - -X.:.:1-X== &== @:1# *%&&=* 01+*:&-1X*1.-%&%+:: X1:%=&0X&X.0 1.1##1&&1-@.@0-00&+=.=X+.:X@= 1X& 0#=:-1*%-.#-01:*-:@.:&X1@*## %# *=@1+:.%*X:@-@0@ :1 -X+%@-+.X*%&%##=-:%01#*% :0 X =.@0@..%#& #X@+=++=@@�*+*1.1#1=X@-X&:0:#=1-*X:=%-#X+0+ @*#=0X+.#=.--X= %#@# @+0*.==&+&&@-�#-+01%% #+*&1*.+1=%&1=&=@ :::::*=.=.#%0=& &..@#X1.0-&@=*#-:1@=100+X#@%@0@ *0&@%%.11.*0+:@0-0X0#1*+ -+0%%#1@&%&=@.*.&+#10=10.1X : #%%0%&@+:%- @:1+:@ +*:**&X.& :#&=%=&X1& :+0+*1 *++@#X@:0+*:1#%@=*=:+0:*&=#%#:#+.+1+::*#-%+-=X-%=:1.=10+& %@=X-1= 0#X#:1@X:%=&#X+&1.-%.*% ==. + =0@0&+:@0=&&X-:&:=1&=:& =:*-#*++=%00-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-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]">X.0&X1X#*.0*#+:@-@0:0-+&-+0@@1@.0.@-&.*+0#+==+=-1*+1&=%0+ .& #* %1X=*=1.:+1%*=@*#@+&#X* %*XXX%.0&.0++- -.=#1--+#*& ==1=.-=01 - X-#@ %+&=1& %==* & *:X @X1:1*.++--&00 :+-##-@X 1&#.& 0&.*10 =:#%1@0#* X**0=0-:@=&#+@=-.@X *1:--*+:+ *%*0--&%1X:@%*X#.+=%0*%#-=*=:*&*0* +1*0*@%00@&@& * #%@010 +#%&=%++%#=*- &&:X@%=X1*# %&.:@@0100&:=&+*0+1:@%+@0:+1X1*%=-1**X=@:0@&X+0. X+=+.X#0X@1%+=#--1@= &.= +0+ &=XXX&& %%-&+*-.&:--#0%+*+0-.11%1##0@ =..0% *= *0 +@*@X*+@X =-:&.*%X+..-0* *1=X%0@ &+ =..0+&:01@@:@%+@.=X1X:10::1+:*&.&@# 1:@-%*.#1:1--X@&&+- @-&0*&01-+#&*1#+%0*-1%#.#: 01 =#1* -X@*-=.##-=-1:.@.X=#XX0@*@++-* = +.*XXX*+:@-01.**0:=+=1.%*X+=.#=#:#&= X:-.1.:= 1.+0*:X+*%.:#:*0-@:1-X X@X=0 X=&*:1+#-:=--#X1-1..&.00&%#@X*& 1=%e%.**@@&#*+X 1-:-%.=+&+@&*1X :1X:&: &-* #%10:+X01%#@=00*X*1+&%1#X &X@01 .-..1:11#%%0-*X:.0+.1 %&=@:#&@+ @#: -& 1-@@# &&+:=+ &+X% . +0&=@%0#..-@#X000@-&%:##&0 XX##X&X+.+&+11%- +%@:-=&& -.01 &&*-1%@.== *%1X:&:X%#*XX##*&+ :- %*+ -+ ::*. 10X1 +.@@+-=-+ X.=.&%0* X&+@= @+*#@:+01-#=%#:%0X#0X1:X#..#&% &- =:X= --=-&*@1X..0-.#0:*.*-=1&&%#X+X= 1X#0 1::*X0@&+*+#-1=1*X =@+ 1= @%#&X1*@#=00=-=:==1%.+.@+0+.:..=@.#=.+ X&=X -1 X ==.0:%%1+X@00*#0-+-..X-X+%@=@%X-: 1&X:%%#*X%:&&:&=#:&1@*.@+ 01 &=X=*- #*1#. =@ X -.X=%1=#-&X@::-X%*&@ % 1:% .@%=0 0%%+=*X#=@*+-&&:&& 0% #1+=++0*==+&1@%=+-+..-X+1.-==+*-1.0==.+=.&@:.=---.-*+@ 0.%.= 0 -%0#==.1%=1 . X:+#:% 1: -.#X=&&0%=X1*:*X@0 0::1=.***10+% X 0&-= 1.%-.%*.&-&%1:#-@1=+@.10#&.=#@X*@.X + .:X%.=:X11&%-.@0%:0:%0-*X*%:&--X%1%..:&0=00-%=@*#0%.+1: %*-X##-1-- #0@#+-& #0+-@00X& *:+X+#0==X@@*1@X0++=++@-X#=-+*%.X%+*1*=@1*0=11:1=-+=%*+1-X*+@&@1%1&&*: 1 @&@- :*=X+%.1+:1&#&-..1X1.0=@:X@-*+.-#&:.:1=:+@= : #+&-0= - &0X+&#-&:+& X#.X# 0:%*%0X01=-*X# -+#.*:%=0=11 %=#%.X*@&0@.-X=%:& ***: @:+*.- %+-#&*% =X*:+ @%0.X*1.#+*1&*:X%+&---.:#.&=@:1% .=*X#.#%*.-+@0*0#:0#X%%+ :-.@% %X0%+0*& &==.X**00X=-.%%&0-@ = X.#% - XX+0@+ =&X@=X--.%=- 1@1X+ 1 @- 11:==.X:+11+%* %%%:- 1@#:% %:-&%1:1%*1# 0+:%01X#0% 0--@++X=* =#1X1*:X1=: +#@=:&=1X0:+##*@&%+.***-01#% +@+.*@%11X*-=%.11:#::@:%# &1&&++@= .#+X-&.1 &%&1 .##@%1X::#*%1#XX1=:*&+.0 -=* X:00&@1=-@0-+X0=#@*0-%@100=:1%@%..@0:+-#.+X **+&1# .1=-0@0*@&%#&0X#:10::#%**=0@*-+*:=:X001%-.#=1:-X0*:@+%X000=1:X0#-.:%=.#&.:0-++@.==.*# X* *=%% %1=XX*.=.=0X%*&#*0X@:&-&%%%X-*=%0+0*%:=10*=+1+:0= % 1@## : 0=: @ 1@# 1-1 @X1X@:1%@+:=*&% 1 :0&-&.&.%1*%@-&1+.+#X1=&& +XX1 #=X.+0=&-1#-@@1..=:%#&%#&0@=@1%-+--: @ &=*=1#0+&-=1 *# X*& 1:@0:# +%-*1+#%*X 1#%*.:.0&=@X1&+*@1-+&X.#:%-@--1=.#X+= ==+&+&%.X1.@X=#.%1: --.&1:*+1&X*X%==+.:@&-&.# :-=X*+0&:##0==*@10..-0++-.& X1X1+.1X@@&=-:#=.#-=:%01.@0@#*=:@@-@= &.1 X=%+&*0&@.&.#-@=.=0=&1#:=00 @*:%1-%-=#*.:+*++ @0 ==#.=+0+ -::. 000&-=X:X1@1:X@-:@ &@10@ 0X+-@-#*X+%-#= +X:+X01%&*+%@@+%#*0.X10111+=0&*X-0%@+X# 1 :1.-=-.-#.#&+-#+0 @11:&&.:1*&=@X--0@#.#X1X@%#X *+*%=++.1..0-=*1## --%-::1#1@-+@%1&X�#1:*&1#-.X1+X.0&0-& 1&*-:X@@*:= :+.-%&..#*++:=%*0.#*.0 +%+&0: %% . :-0+ @%1#=.-.#@.&:++X:10=:X-X:1#. ++-#& -&+&+&=+ .0@-= .+#@##&&-0+* *0 ##&=*+*&-X*1 :%-&0*X #0 --=+&=�&:&#.=& :0**+%.1&*X&X#.%1*. %@:#1-...&+&0 X-1X0%1X *&%+ +1*0.+=%=#*0 X@:.%#%:-&:0* 00.%11 0**@0&+#*% .:%:: --@0+ %=X&=0+1##1+:#1*#::0.:*&#=:1*= %.&#X&:**1#1.-@+0-%1X-#: 0%#:1&.. *: X+-+#*#1%+- +%%#+@X0%=@. &#-&.@%#+1+0X=1=X++&=.+&@ .-.1@@% -XXX#X*-@=&=@X#+:=%- :%*&1%*1++-.%:.%1 *.@+*::.=*-.X&#%%..:. +*=00&#%X@@.1@:=:: @1*+*%.@@1== -@&*%.%.=: @1%1 #:::0-.1.& %-&&@@X.=%0:&1:1+@.%+00:*=%* 0X:..=0*0* -*X#0=#&X#@*: X@&-X+ . *=#X.1*- :#:@1#0X.=+:&=X--*-0 #X+:*&.1-*XX.+.@+=--@. %0.-@%0 :#X%+@1& &1.#1#.&#&0#%#%@@0+@.11*:*%0:*-&=+1# =.*%++*=@&.:+:@ : .%10@@&.&..=+XX:*1%+&+@+01:=@.+#X%*0=1%+%X+.#X@.1**X0@#0=*-*X&1:.=#%#0=-@.1&..+:XX:%&=*1 = ##X =@ &. +1+*:@@:0-*01::@*@@- 11#@+&@&.0:&&X-.*&@=1.#-X+@1 @=*:@.-=0XX.0.*X:=0+-10+0=X1.:==X%#0#@ %=-#-X&-%:*1X+.: =@@%@=0=*X=0@.@%1#1 *1*#@@&X#11+=-& 0+ 01XX0%1:#&#*:+0%.** 00&@ 1 ##@ &:@+#.1:&11%#.%X:%#00&== &%.= &=&XX-**X@@&.-*-#0+-#: +@&%&.&=0::#1:0X+-00=X-%:=:-*#*X1+.&.0X -=10**@X@++&:.+%.1: 1+-@#@ #%&::%*-X1*.-XX-1+.+ -& X@+1#0#*= =*1@-0..1#*:@+* 0*0@:1X0+X#@1%*+&-=1#-:@.1+0#X%1: X10-%1X*&*10%*X11.*X%0@0*1=&-1-1@..#-@0 #-1X0X-1#.#%X%%#@&.X #&0 1&% :&11-+ *&X==:=%++1X&&@%%:0& =0& .%- %& .-&01*%+ 0*@X -:X =-X&# :X=%-& %@-=%1.@X#.=1@+: 10XXX.%%10X=-:-*&&--=10-.::0 .+*#@1X0*.*=:00@ +%=&1+%@#=X.0 #:1@#&&@*- 0.&X1-= #0@&*0.1=*1XX1 0- @1 #@X&**.+:X+%-01@0 &01=@X XX.+#& ##.X11 -+=%- 1 -+@=.:-1X.+#-&:=:&**==1@:1*=%%:#+:%=@#X+ 0+#.X&#=%%++& +%X%0+ +:0=.-:=0@&0 &.-0%.* 11&%:%+=X01%:0#%-&*@X.X%@X#*.#*&-1&.#& %0#+++#1 ++X%#&- +0:=&=X.X@ .X0%.0#.%00+:&++%*X#-X##@*@0@-X0+=*-1+&:&@++@-:-@.%@*.1X: 1=% 11:%=%& =1: +=.*.&-0.-%0&0100*%%X@.-01+@#X&&0-@0@0=&%&X:%0@0X1&1-:&X.0%00&.@ 0%=#*# @.@&#X+@:-.&-X1.@X=.&%X1@.=. 1=:#.# ::0.1 :+0%@-X=XX&=#&:X%**:=&.: @*.0#@X+11X#*% *:#1: &X*=&@X0@- X #+&0+1@++.+0.&%: +0X0=#01&.:@X -X%@@#1-&*XXX1+1&1X%-0= = 0-.*%+:10@:.=0 =-X*:11...0X0=@: -10. #-*:-1@1% #-0:.1&##@ %=001.#0X= X1*X++&0@% +* @.0X&:0:10*X:1:*&-1. X:..: :@1.0-0%&:**X:&0 X .X# XX&@0:-.01&@@=%.+-@ @+-+-=#%*%=1=*#X1+1% X#*0* 0=+1+%@ *%X+&1 @&:0&1@000-+ .* @:.:&@%1& &:@%#.X%@X%-=1=X%+*.=@ @-.= 10.0.*+%*#@*-*=. *=&%&&@&%.&&01-*0 0 &+*-%.=&-@ :0&1&+#::X=X@ -11-*--@.0.1-.=%::%# *1#.*0@..-X--%@+-&X1 @X:# 1 1&&=#%1.:@0X 0:-:&#-1&:##* X &@011-:%+@ 00*-%:##X-@@.X%%+=0:+%.X+1++--=:X*:@+&*.#X:0=*=1*#=11.&0.*@:==**&=0*:-+%@. .X1 .@@10#% &#+.+#0#1#%+.&1*:::0* -*@#XX-11@.=&&.1+%.+#. *%.: -1#=1X# 1=&X1@:@+%X#-.0 :.&%-.%#.XX1*-0.%=X-%+000+1*-&.#===0 X:X1=X*@-0.:00%@1&:**#+*=%-:== :1:@:&#*@.#-#++X00X+--&1X%@%.- %%=:-0@@%*. 0X:=X*1==%.+-*#@-+X XX0*-*+.1&@: :#0.&1=* 0+&:+:-%.0:110 .1 &=.10:#0=*X@&*:%-&=00=*X11&@*X-=.&:=%X-*0@++1=*X&0%%-@X#. 0&%+=:%##-%=1##=.-*@ .0@@X## -=+:10=+=*&=#1@&&0.&XXXX=@+@@1 -*X%.#=:+X0@:: +=*0-#@X%@:=##-X&%1=@0+&-X*:-%+0:@ &.0.1&X%:1- %:-=&%1*:*0#@-**%-*#.-&&@. %=XX.&#---01@=1 X :@ = .X:+.-@.X#*:#. @&:@#.=@&.::#:*+1=%.=:&&@#*--:#+:* @@=#..1-=-&&+ *:&&# +100=+-@@X*#&1.X0.+&%-=:0&%.1=0 -*@&1@&1@*#&&&X-#@&X#:=.X1-:.-*X*+.=++-@1@+*%0% ::*0 +%= @1:X=.+-1#: +.1 1+=--@-@#%@=+1X:X+-&X.@*@*%&1 @&=*-.=%#&&=+@#:-+:000@%X*0#@1@XX%@:1:& +--@#&=%#-*.@+=#*-&.XX+-#&X-:%.:0&0:&@# 1=.@#0X1#@001& &&* .X:@+# +0#-%X+&. %X#&0X=%#.&*X* =.01.=1 =#& -+* 0%+0:+*1*:-#&-X@0@+=@1:@.-0X =@#-+&&%*0=%1X 1%:.&-.*-&#=.&==:.=:=:+%.*@X-&X+%&+&1%%*#1=-X:.0*: 1@* 11+1++0&:1:&*-0=++&.:.X%#-:X:.#&-%:#%:.*0.&0@%0##%+:-@@.**#+&1X#@*&-@X #::= #- .0+X=&X.. 00@#- 1=-10#* ..#%&&X+* 1 ++@&X-&.:-+. 00#X.&=@@=*1%#@+0-%+&= #@& : 1-=-%:+0X*# 1#*+:&=. @=X.=%& &&:*.0-+=.&+@ #+@*-@+ += 0+==&.&-%-+10X110..*#%1= * -0@X.=-:=1@X@-@*=X+=%% #@ =+X 0% &.%0X00#X#&@ %# + :&-#.XX=@.:& #X@ #10:.#+@= = @@ @%#+#-:#-#=+1#:.1%*+#:=:+@1:%X%+=-%%:*@=X+@0:+%1X%%*@X--&%0&@.0%+-*-&.&*1@:+.+% ++%##:101*&+ +@:#+& .000@=.%&**-++0-%+ -#*1@==&%&X *0#@ ==:+&&.#*&=X#:@-.&*#%%=. + 01*.&*..1..+&.&=&0#X.==#1*.:#-%&%#X1-X+-&* :+&.*=%1#X.X&% *.*&.&@0:+=0%%@ =1.11:=%%@1-X =%1:*.*0#..&+@ .@-&#=1 &-1-* .%=1 0 :.% *&X@0 -10&.=.& X11==:%=X:++#+@1@1&@X0&X&@ @%.%1:#-+&.=X@@*- =#-0+1& =&*.%01:-& +:#@*#- @%%&0-@1#0-: -*=X:0.&#@*@X=@.1#X# 1+1:*0 *&==.0*%# &:+##X0@:@+@@0X0@0+= --@ @#@#+.. #:00 # 1&=@*%X&%:@1*%-..+* -=+#+#=.1*:%#1-:&XX@+.#X1=-%*=%+=#..&+@.*+#%%1X @=#X-%%& * %&1X.1..:+X@ ###%@@-:@ #0=@X& 0:0%.X=0% @X+0+&#&%&+ %#*@@#01:=@.&*1101.@**:-X*.*# @%1:1=.%:-@%#0: ::0%@=#&&#:&00X#+*:X#1## *&&0:#.%%=.%#*%@1 X*&1X*%10+&1.--0+%...% #1@ &@0:%*%#& %=.# :@#=##=X:==+X=X-++@*X @X+1#*@%#-+1%=* %@=* 0-#-&-.-1X%=1@&1-@-+%=+-#-&+=1-*1. @-. +0@@1 10. #0&#.. #@0.&.#@=0*===:0=:++0%+.&*@:0=-X-@=:X.+=-.0:-X #1 +: *#:0==1%1*-*%0=.X# X 0.:&%%-@0.@&:-1@1-::#*=%:XX1.=&=##0-=%+X**#X+:X&=+0: .1@+..*1110&:.=X&+0@+&:@@+&:@ X0+ 1-0:#&+%0#%11@1.0%# .1= & :-1X=&10#& 1@=X1&+:0 &:++@1@*=*#%:==.1X:&0%1=10X0=+#+# *+X01@: +@00#:+#.*.X+-.#0=%%+ *@ 0: %1X0.*X: =
%%# +0..&*.=.%:-0# -%=00-0-=X=0@&+.0X+&=1*.+@+ 0+-*+*%@ X=+0*@.#X1-X:* .#+ :&&X& +&%@*:%=1@*%1* =*.%*#-.%X=& =@X.&*1.&# @%% 1-**.:#*.+1++:X:=1&- *&-%-@-@ +@+#*@0*@@0:-&XXX&@X*%0%X.+**.%:00#=:1:*=-.--X* +XX :=#.X#.+%# -X@:. 0@&1# %*X0 X-=+.=%-%1-%:%01##X=%&+=+:00#@#*X-+ 1-&0&#.-#:#=0#--:%.=+*.#:% # #+&@& @+@%#.X0=#.0+-..*#&*:%1=% :& @-@+0*0*#&@@%&:.&#=*0 0-.0&:=%1* -.% #=00%:@%&%*1+.*+*#+.-@1X1::X=@+.&:@%:11&%0%X*..#-*&** #+@-=0*1.X #-@+=+#:*=.= @=++#X:%0&-.&%- 1X@=&:&X-.0*X=-*10X#:=10-@*0@ *X=%#+#@&%* . -1+ %1 %-&1 #X&X0:1# @=0@.1X%=-0:#+@*+# 0*:%.- X&1X0 0@X0@+= 1#*+0.#:#@++ 0&##.%X*=.0-@0# : .&-11%*%##&:.#1-=XX%1&1-#0%@:.@*&&& &&&+@-=X@#&%.% @=*0 .@X +0=X01-1+%=::@:*#--@%*&& -#. 1=&X #--*** # *X*0#*: 01-=%&=X0..1@::-@&-+*..*=++0***+X**+*1#X:* @0+0X%*=-. #=@ X&*%1%&+ &%@00**=0.&##X:10%X%-X+0=**+ **++--X=.:&+%-&@#1 & &-.@@0&-#00&+%+&%-%&X-*=@X& +#@-%X%1=1* #:X&#X+X-+%#X= %@-11** 01X1*&+*X:: .1**@@%%1@-11&+.1&*@ *X =##++**%-@&01= *0--&+=X.:%X& :-.+##:0=&+ ==@@*#*@&&-+*&&-%0@@-=#1:% +X-%:1@1#+-&#=1 %#&-1.0#%*0=*0.& =X+-X1=* @&=. 1.-.0XX.=#*=#@%%1X +.*#10%0*:1-#%+-:.+ :.1+.0.+=@1&*#1@ 0:=:+11- +*+&+&-#X *#+=-*@=+--X&.&. 01# .&:X-..@=:*=-#=:&@..+X@X&0X.+ X &@:=%&*%#X=%#+X0==@1@-%1=0#%@.* %:%*=-@:+#*011:+%-=@#&*+&=& =@@%:*#&*.@.:1X%0##*1%1+0 %+*1 &%*=@+1 1+@-==**=#1:@%*#=&+.-*:**:=X:0+.#% +*:X1*.*@&1=X.#+@0*1 &==+. @*:.1 1+ *+*-%%%*.+ - +*:0+::#+1&#X@ - =+@:.%&0:&*X+%-:.+:.*+#0X0 .:#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]">=.-1- X:*X%010:@ & -.:*# @%1&=X +&:*&X+=&X0@-&.1#1#@@:X:#%*0#X=+: X@*# =**@.=*%#0&0%@=X@ *#X#@#@0-.. ## &X-&-00: -# &0 ::@:111:&:#0%&:&=*%=-@@ @+=.@-: 0*&-.@ *1#:-*@&=-%@1*&:-1*&X.10 %@=0.: 01=:*:X01=*1.==- :% 1*.1.#&..#@0@:1100=0.: 0=0:-:&1%:0 ##:=X+#-00+=-+&%%-&11+=1.1.-1 0@0*+@-#+=*.-+1##1X1=.**%1 +1 0:*+1&:+0--.@+-@X1==&10&#*&&=-+@XX@&#&&.-%.@*&:.#.X+&*-*0:*%&@1=. -1@@.=1+-=@#1.*.X@--1: #%0#0-+@%%**%X+10+0. #:.#+0-:-1:.*& XX0=++1=+ 0+#:%=#**= &+0#+:0:= %# 1@+:#.+ 11%1+-.X:%=-:-.+*@#+@%:X@@11:%+@=%=&:1@1X&= #=0@-..=:.%0*@+-@ 1111. 1#-1%-=*+@*%1*%+=&*%X=+#1+#1+&@ +@**@.:::X:*-% & 1-%1:0#&0: :==&%&:*0 X.:%&X-*0:%#+- ==%-X#=&*:%0X0@@#+X+X.0 0#X01- :-&0&*+.@0::#*= +.0-# %@*+..X*%X#X:#-0%0+X--+#&*-%#%@@&%1* X% :+@*= =X.=:#+.+%&. =X=#-%:@#0## X:&--#*&0X1 %%:+-=#++. % :@#-.@:# %:@-:#+&..X0#0-=.&0@1.&=@1@: +1#::-.@ X1.-&-. %&**1 :=#-+= 1= *%#0@-X:0@&1#+* %+1%@@.# *X0#.&& 0.#X 0+:1&.&%@&1.X X#0@+=*.1 =0#:0:=.&+#X@.X*&.#%:@ #@-*%*:-%:-X=1@%.01*:&-*X-XX+X%&#@# -0*X+&:-@%*: @%+X=:111.X%#X.1X@*0%=.-%**+: =@ :1%+XX&0.0X:=-%+.:&0.=@0&++& %* *-- %+=-*.%#*1@-@%&+# -+*&*=00.. *%.X- @.&=-&**1 *#&@#XX1.=-0#.#10.*&.# .1%X-+:%X*10-=: ==@#=+*&XX.:#:@-.X*#11..*0%:&=**10+-#-&=1 X-@X%&X*1##X&*1=0.+ @0. X##0 1.+-=-&= 0+==0%+10+ .#-*+ =+*X && =1%%+@ .=X.0@
**..X*-@0%@@.@-#@= 1..##+@=1=##-#00&=#.*&%-..%--+%X@ -*@::=&:**X*11%X:#*@@##@-1.*@ X@ &*&0 *1X+%1:.X&0@##%*@X X+%X=.1%&#%.#11%@=-- #++#X:X-X@-0::X @=:&@1%%:&-X+=+%X&0&X%1+X+1.%@:&1&#=.@%%@-01#%0�:: =1+0X 1-+1- 1.& -*.0@- *#-*=:@ .+@-+ * *0&%=%1%%@%-@-#.@:1%# %:- @&%0-&-= :.@XX@0#X*&%1 ::%1=&-.@0=0=+0X+&1&-#-&=XX%*- &@+# :1 @#-1@* X%=@%#@%@=#-%#==*1%@1++%+-=+:%&@X+&+#:.&### 0:**#: .=X 0+1 X% @ @X# -1 @=* %+: :+-==@0#X:-+ @+@*@& :@-..-.- %-:=1.-1 &=@%:-.-@=.+1*-=1#*#=#1:&=:-1&X0&+0-%*@+:@11.*:%:#1&*:+#.&X0=.0#1 & %0%-.+&@1&+@::&1:+ . .1=.*=11*:&+ X::#@&=.0=1-=%+-:-@1#X*+X.1@%0#0-@@ 01X#=00=X%+*%@-%* =*=@00.:.#&= %=#10#:=&X==X:+ .1=@& =@1XX@X11+&:10�@%*=:. #-0@@10* X+&X..&& %&*+ %&*&*+=+%=*@X.%:&*0:-@%@.+1-10: .##+:&X+&-@=*-&#.++-:0-.*.-&+:+1@-0:@&#@1# ::#:=%+*1-:.*--1: -+1#@0 1#0+=&=:X+:1-+.*&*@-+X&X&&&@%:1+-0=1 :# +#+0:&:- .X#=% :%+.0&1.& .X+&:#X% -:-1=%@*-@1.*:0+++=#-=-X10-#*+0&X#=100*11: #=@&=#-&.%0.*.%&: #*=+0X @X.XX*X&@0+*-+:@1:+: @++*#*%0- XX.%#@@+%.X#-*-+X@-@%##*=0 1%+&: @#* 0%&- #.0-=+=&&0.+ 1 ### 001=:0*& 0&&:#&++1=:&=:=@=X%+**#X#=0@ 0::*+&.%..= @ X*-+-1 X*.+.&@.%#+=%X#&+0X-.@- 0X=@:#-#*11+&#*# #:1X..%##=-:+= &&0:=:&&% %= =##&% %&%%0.1&@*X#-: :+X0 @#1 %%.#&==: * = %=*.&#%1. %&#%. &0=@:-X..:@% .*@+&1 *%:===@#1*1%X=*++&==+&*.X0%1=&0#11&%0-*-1* @%+&@#1..-:% *X+0X*-1-+-& X0@#=#*@%-&*01%&0.%:%1+=1@.+&#= 1* +X#+=-11-:+. &:@-. 1.+#0@&X%*0X0+&%.+X0*=%& +*1.**=*+=.@-&+#.-%00=0-*0X*.0:X#X&-+1**=&:=+1101:&. X=%. X-11-.:##*X=%.++#+.. -%&%X.1@&*1-:.* #.-++0X@-X#+*0XXX@&%&.=*10.=:#00+-&@&1+=@&1+XXX:=0+%%=@0 =%0-+1-&*0&%&#X:1=@:..&=:# %#.+==*1- 01=&&:-&--.*##@*=0@ +00+-@X@+00+ 1-#&#%#-=@+0X.+%@..&%:&0%+%+@#X##*X+=* XX---X*X@&:-X:0#%.X0&&#%*+:% -000-01 X:@%X%:+::+.X+. #.:%@@--:&-.1.-1--1.&=@+=@.%+==:#=%:0&%1.:%.% : .#*0@.0#.+1* +=:*=1X1-&.=01X.#%:&&=+X:@1: &%& 1-%@##:1&X@@@*#.@ XX*@:#@X#&XX0&- 0.=+01@1XX.=11-- @-= =.-@*1*#.@ =.0.11 .:* &@: *= :X@#%@+.*=*X& &X X@ 1&@1=:.#=X@%=*= *@@& =#+@**%:=@#.1- =-@++X*=-.=:=*=#1%-0&&=@@#%=100 1*=-X&% 1#&+1X=X@X -+X.=+.0#*%%.&.@.@:+0 X:*X+=&X-%+=:&#@@+@#+:X&&X+:&&@10:1=* :.--@#X.#X@=@.X:@@@+***X+#+X# *-+*%X&X.+%&@0-X& X#=++&:-+-:-X::#:= :0#=&1*X=-X1X1.-- -%+ .*:=#=+*0*%*0#@&X% &.1 1@1%% X@+.+@@0 :-1@@%0+*0@ #*#*-.. %% -+%%1.##*1*% +#+1:==X +:*+0+X0=&#-+.X X1+X-&.1&& 0%++X0#XX: +&&=&@00+++:=%.@@-:++-%%&#&-&%#& -=@1.*@:X.@ *&#X@*+@:-.1+:1:+*1-++.1# @+ %. *&@1 #+@.X:-= :##1&0X+ #X= %:1=*X#-#-+@:@:=+0&10* --% :1X#0==XX&:0*-=X# &X-01*+=::-++%++@%:%1@=:.%=:&#:=X %#% %.@+11##.*0 =#*0#00.%:+%:X% &@1=1:.##:..:+&---0%-::%& %@-0X@ 0=1@-= = 10@1#:+@X#&%0+@=--+&*X%&.%:00-1==: = -#@= +=0X%0X.::0.+:%*-=###@X- =1.@ -0+ &.*#%#@=#X0&:1%*:X=.@:&0@--+&.%.1=..0100%#-=@:1@**--0: #%X.&%X@.1-:+-#@#@XX1&-1&&10X@*.1..***&-*+-@&*#@&X*.+.-*.*@*&0 0&.%@%*=&&%101#&=XX&@== 0&.1%%=X&.#&:X0*##X%#0@10-&%:. &XX%%---&*:=**@ +&+0@@-.%.0++ X0 XX%=0=1@10=1#1=::X*X%X %X.X0*=X& :+1X*@X= #.%%X--#X -==.&XXX+-%&*0X- 0: .=%.+0-0#%-#..@&-.#.& &%.#@.@1%#11=%0@*.=0%00-@@. @=+ +X%=#%#+1@1%X&:-*1+&=+& X+%0@*% X-+&=X==-1% 1111+%#*X@X:@#+:*:##-1.-%#=0-X:%+1%-@+=-&@&.#.0+#-+%%& ::&*X#+-%-X.-&-0=@...01.#%%X+:@.=@ &-X*&#+X%101%@=-#=1.#*=&=0&1X##@%%%%1%11 &-=-+.11&-#X##&:0%X#0:@%*X&+X@#:1# =@#.+:+0@:1*+*. +X+*-*@X== %:XX.-#**:%00:00&.% .-# XX#-.- &&&%@0%=0X@100:*&0.0@**+10-&= 0X.1+&-#1=:#@:1X&0= X##-* :00@0:.0:&10- :=-XXX. : X1#@&1=&@=X + *0=-%&X:@&-@X#+XX=..*%&1==0#..111.1=% +:&+1@1@&*0%:&**@&#@* 1%:@*.@@@ .=00&001@. .X+%@@&X:1+-#&&X+@- -10-01 .# 10X %-1XX& +X=&:&#:=:.=##%@ +%&#=*+@#:%=1@0.&=#%#:=@ &-+:@%%- #11:*.0@++.: X *=1.* *+%=-1 =@X%0:.@%%00 - +*&=0-1:0X0# X-0+#=*=: +X*-.*=0%#%&1#1#.:*# * #&-+%.1- 0*+11.X@@# %:-=@%-=&1&X@%&1*X%1&+-00+0%*+X::X*&.1.-1 %0@+0.:*@+#%%1- #1#-=&-+.+1=#+%@X 00#X1 @+: %#X -0#-&.0X00=.+0.&*#111:.&*:%* X:#X=00#1-. +000X *0+# 1-:@+00=X%. *:0+=@%.@=0#%..&@-+%:-+*:*#*0+1@&1& @+0:=0. +X1-#*&*&-=+@=*X*&==++@&X#--= = *X1X#+:*=11+#-*0#:&X1 &0=XX&+=*+@&#+0%#=&@#*1&%.XX #.-#XX+%..%**X=&&#= #-0X=%1*-:.%1%.=0@1.+%&=X-=*%%%%-#1#=%: +&=:=-1-%:-&#.*::* -*@*-+%:&0#@#+1 .1 -#11#*0+:1+&%X#0%=##-.X 0.- 0.-:.%X.#:-+&*% &.*-=%@. -10-*.@0%.:@.%#%=0X ** +@#&X1#:1##X1===-#+0.#%:#+* =X#X *@ &00#+@.0-11*X@+ -0@=0+#01++:@-110-0& ++=@=@0.=0.X=1-= ==@.1.+..-X@:@ := :%-@1:0=.@1#%&=*%1 0.:=#*@@: :&+01#*= 1%+0=#X+%&&: +%:-:-1**&+-:. +#&* %.%@=X *: =*.:%1.X1*=. %@@ &%#0:=X%*0# #.*%0*- #-%1&+&+ 00 =#0X%@1&*11-+=.=-..#*&&*.#X-1:=X@-.0 %:%.@**#- 11XX &+-&-*-@01-=& :0+#= 00%.@+#&XX@%&#** -0+#&%1#+-*0-011%1@--1=+. :+@ &*:##%.%=&=&&1#-*00* &*@%1.#**1**#X%-+X:*+X1#1:%@0 &:@:&0*@-@1 :@--& 10**0.0�X @1-&@..#10&@&@:*=@ &:*%@1X@:*%-: =.== -.0#*&%-=+ - =-& X.X*&X 0#::01 **X=&@ -0#&+-@:*@=X@:X.- X#:X&=1&+= *-- &*&@#*:#-%0=+@.%@.-@:+#@11:0 X@%-X #0:@+* @X0=1.0+%@#%:1+#X:=1 0@+0:*=%1X-+#@1&1##+0--1=X 1%0-=--:&.@#+.01&:-**.*-+1@% XX.--0=:&-@1 1=#&&*#+*%=X 0 %-0: 11=1*+#-=+##+*-: +X# X#=.0 @+X.+& X+X1@1+1:@-::-&. *1:0 &.%%*1. @1%X -=+=%:*0:X*@0:###0++1:+@X%@@% & .-X*1+.&%*=&*%&%X#*..#%1-:.@0...=%@X*&*.X::+#&X* *0+. X +.:=:#.&-% #+##%*=:. + +.* X:X #.-@@0=:-.0*0#=@+:=&&&%: %+-&+*=1-=-@@-@.=.* :%@=% .:X=%%X.X*-#1.*@**&1: .@-# 1@1%*-..+%#1.=.:X@#::0.#. .:0#&:%* &%*:+=&:%* #+&+ -X=0 :*+-=% -+ +++@ :.# %==@@=@# %X+X@+&=% =1X: @%&*:* %- *.0- **0&@&&%*=- :.-#= +*.%X%=@%@0#::0= *#-&#+.*0X-1.@%0== = -.%#-&*#=1#+%: :* 1#-@=-%#%:X-@@1* .#1XX= =@0*+-%--%1@++X= :+-+X@.+0 : +.: #.==0 -#.:.@&&.+.@=01:&:#0 #& *+0#0#- =@%1@-.@*%#1*: :%X1.+0-1= @=:**0@@@%+:==#.*..*@+**- **:.0-#%#.=#&&X =..++0%*= &*1.++1=.:=1+1-0X=X+X.00&+%*1-=&@+*+%@#=-@*=%.&+%%XX@-+0%.X&-=0@&#&.1+@# *.0&**X@�+1**0% =:@X&&%+#%-&0XX=*=%:*X:X%:#&%.1*X-% %1X-+ *101&X= %X010. :+:X+X+ %@+%.& =*.@#@& .1@1.+%&=.X1X-#=0X&0%-@1@0@*0-X0%@1-&X+:#0*=%:@=+@@ -.1==*1 .+X%=:. 1 0-* +*0-%X%#-XX+01=@X0:1=1:.1.*.-+&:0+++:#X*%%=0*X1.&X&.. 1=:=-& 0@ .-.-: - :X%1+1*@1%@X@&-&&%**1.*.% 000 +#0-=@#&.&*=1=X.:-%#1@ X--#-==&:0&0***+#X1%0@1:+#&1#-*=+=#.++&.X0 #**&:@ =&@1%-0@@+*0%*=+@1@:.@@.*-1= %+XXX**%: *.1*#.--1:-@+-:-. -%%.-* ==&-.&+&:.+*&&@10*&*@&-&%=.*% &===#0*&*+@1%%1.1.@@- -%*+ -=+& X X.&10+#0+#1==XX00.:*1100%=#% 0 :&-:@-#@1X%%&*=.# 0 0X%%++0@&@.&:-X 00&*#*#-*.1-X*X+X=%#=1+==- ::-@.-*0-# + %+ +::* 0%#0&-&-*=XX 00#0% X@XX:0&#& =&1 X+:&1.=X*@1-0.0@-+.1:@.+#X-@ +X1%:=:@* &%+:#&@%*- &#*1X *-1*#01&- 1%&X#:@+1+X+@00-+1*--*%..*.=-.-.-: 0@1%-.0*+0%+.1+-1 @X##=1.:@ +.=1@-.+:-+#- .@@:-+=-*0:==%@@ :#:0 -:=0% +0@&.#*%*-=X%=1%#-:&%#X1 #.*= ##--%X++#-##.--1*%#.+* -X.@%&:&:.+ +11=%@-#+ #+%0**X*%*@ 1@@11=1:+#&--.@%==*&=01*+0+-% 1@+X&-.001%=X.-%&#::#.0X :##&=00X1:XX0+:-.%% +:*##1*1*=.%-.&@ *:&10+..X. %X%0&X*+-X1#X X1%@1X:&@-+0:#:%&#.*#%0=+1.*X0 #=- =&**%#*-*0X.0#@1*&00&.==@@% +1*-@*@00#.+@*:1+:*%*==-X.%.1+#@ +1%+++#.:&=. :0*%10-%X-- *0*. .@: =@&:= %&=X1=%.:&% -@+&%+. +&=0@# &+=#0X:::0.*X1X+.:= X%&%-=.1*# =.&#X+ :0&*--@0.##-0X#==+*#:+@#+#1@:+*0 X0:#==@@1X.0+**.@:=01X:%#:0%1%1 #0&@@1*.%- -*=@X@.10=%+=-&:%+X-%+0 .&=###= 0X* .##-*0*&X%##X0-%#=%X+@%1.@##1*-&=#%#.1*=&:&&X*1#:@0#-X@:&%X:*+%== X#.=&1 -+0 =+=@@+%.X=%&+-0-&=1+:#.1X#%.: 1%@==.@ *&.%%1::0:=.1X+ ++#:X1#X%:--.#:.%=:#%-+X1::@X-1X:--- 1X@%+@&.@+0%:X#0X0=0&=:1+1.+*%@+==X@* 1-#& *00-X.#@:0&*%X 1 X+%&X*+.:&:=&:@00@#X : #X0@*:.*:X.:X* X01##XX:X+010-=+# :#=#:%-1%-X:&X.=+@=@%-#*: &%*1X *:@@&1- .0:&#+++# 1&@1@&%0:.#+.#% X -110-*-*:::0+1.&:.1&%&0=#X1.+@.#-@++.%=#=1X-%&#&+.0##.%@%#=#. +-*.#+:&+&1:0@X :=11*.- +@%--@+=*+:X%%.@X%%&%0+@@. %&1 0=+-%&:%-.1*.1:&*X#1 *=+=#=##.-@1%11+-.=X.:X1=@=X++=-.0&@:1=@X%*%&0.1=-=.:.&+#0%*1.X@+*0=#1 %-+ -#@@ +@+0.: =:&* X-:-0@11.&#@ X%-&+*%= &0=.%&&%&:.0#X#+1+1X:1#0@1 :0 +@.X=.&-..%* .:*.0+=-1@*#.-0-# 0%1X%#X*&*@=-:+=1=-X=%#.0&*+*.0&0=**1%#0 11+%.X# .##:@#0 %*X.%0&#X..%:+=*0+X1-%X0:#% =*&.X@=#*.:=& 11=0&&X0@1X0:+.--+@ %.@0-+ @#&&*+-X&@ ++&+* 01@:# .#:@@#+% 0 @X %%X %@0XXX&-X%.1*=***=X@@%X+1+1=-@ @- #1&+000+1*.%*&-+%#@0.&.&0% 0 %+.% @:*:*@=X@&=:+X&:%%:#-:& -&@*1% X@0#&&. +#:0 1#.0-&*&0%X: -+@0==0:+1&+1.+1#X@##&+*1**@++ &%==X@0&%@-& 1#X @@#01&0</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:.24006%"></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: 2:30:45 AM</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.508vw)"><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(-.732498px) rotate(-1.83874deg)"><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.19013px)"></div><div class="w-3 h-2 rounded-full bg-current opacity-50" style="color:#10b981;transform:translateY(-.809873px)"></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>