/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(.637 .237 25.331);--color-red-600:oklch(.577 .245 27.325);--color-red-800:oklch(.444 .177 26.899);--color-green-500:oklch(.723 .219 149.579);--color-cyan-300:oklch(.865 .127 207.078);--color-cyan-400:oklch(.789 .154 211.53);--color-cyan-600:oklch(.609 .126 221.723);--color-cyan-700:oklch(.52 .105 223.128);--color-cyan-900:oklch(.398 .07 227.392);--color-cyan-950:oklch(.302 .056 229.695);--color-blue-900:oklch(.379 .146 265.522);--color-blue-950:oklch(.282 .091 267.935);--color-fuchsia-400:oklch(.74 .238 322.16);--color-fuchsia-900:oklch(.401 .17 325.612);--color-zinc-950:oklch(.141 .005 285.823);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-bold:700;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings);--color-charcoal:#121212;--color-primary-cyan-900:#0ff;--color-primary-cyan-700:#0cc;--color-primary-cyan-500:#099;--color-primary-magenta-900:#f0f;--color-primary-magenta-700:#c0c;--color-secondary-blue-500:#012757;--color-secondary-blue-300:#011024;--color-secondary-magenta-500:#303;--color-secondary-magenta-100:#0d000d;--font-h1-ff:h1-font;--font-h2-ff:h2-font;--font-body-ff:body-font;--text-desktop-h1:5rem;--text-desktop-h2:3rem;--text-desktop-lg-body:1.75rem;--text-desktop-body:1.25rem;--text-mobile-h1:3.5rem;--text-mobile-h2:2.25rem;--text-mobile-lg-body:1.35rem;--text-mobile-body:1.125rem}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.-top-4{top:calc(var(--spacing)*-4)}.top-0{top:calc(var(--spacing)*0)}.top-3{top:calc(var(--spacing)*3)}.top-4{top:calc(var(--spacing)*4)}.top-24{top:calc(var(--spacing)*24)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-14{right:calc(var(--spacing)*14)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-14{bottom:calc(var(--spacing)*14)}.left-0{left:calc(var(--spacing)*0)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-\[100\]{z-index:100}.z-\[101\]{z-index:101}.\!container{width:100%!important}@media (width>=40rem){.\!container{max-width:40rem!important}}@media (width>=48rem){.\!container{max-width:48rem!important}}@media (width>=64rem){.\!container{max-width:64rem!important}}@media (width>=80rem){.\!container{max-width:80rem!important}}@media (width>=96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.m-2{margin:calc(var(--spacing)*2)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.my-auto{margin-block:auto}.-mt-4{margin-top:calc(var(--spacing)*-4)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-20{margin-top:calc(var(--spacing)*20)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-1{height:calc(var(--spacing)*1)}.h-10{height:calc(var(--spacing)*10)}.h-44{height:calc(var(--spacing)*44)}.h-56{height:calc(var(--spacing)*56)}.h-64{height:calc(var(--spacing)*64)}.h-\[80svh\]{height:80svh}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-max{height:max-content}.min-h-fit{min-height:fit-content}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-10{width:calc(var(--spacing)*10)}.w-72{width:calc(var(--spacing)*72)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.animate-bounce{animation:var(--animate-bounce)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:calc(var(--spacing)*0)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}.gap-x-8{column-gap:calc(var(--spacing)*8)}.gap-y-4{row-gap:calc(var(--spacing)*4)}.self-center{align-self:center}.justify-self-start{justify-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-tl-2xl{border-top-left-radius:var(--radius-2xl)}.rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.rounded-tr-lg{border-top-right-radius:var(--radius-lg)}.rounded-tr-xl{border-top-right-radius:var(--radius-xl)}.rounded-br-2xl{border-bottom-right-radius:var(--radius-2xl)}.rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.rounded-bl-xl{border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-\[2px\]{border-style:var(--tw-border-style);border-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-blue-950\/70{border-color:color-mix(in oklab,var(--color-blue-950)70%,transparent)}.border-cyan-900{border-color:var(--color-cyan-900)}.border-cyan-950{border-color:var(--color-cyan-950)}.border-primary-magenta-700{border-color:var(--color-primary-magenta-700)}.border-secondary-magenta-500{border-color:var(--color-secondary-magenta-500)}.bg-black{background-color:var(--color-black)}.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}.bg-primary-cyan-900{background-color:var(--color-primary-cyan-900)}.bg-secondary-blue-300{background-color:var(--color-secondary-blue-300)}.bg-transparent{background-color:#0000}.bg-linear-120{--tw-gradient-position:120deg in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-150{--tw-gradient-position:150deg in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-210{--tw-gradient-position:210deg in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-300{--tw-gradient-position:300deg in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-charcoal\/30{--tw-gradient-from:color-mix(in oklab,var(--color-charcoal)30%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-charcoal\/50{--tw-gradient-from:color-mix(in oklab,var(--color-charcoal)50%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-charcoal\/70{--tw-gradient-from:color-mix(in oklab,var(--color-charcoal)70%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-secondary-blue-300\/50{--tw-gradient-from:color-mix(in oklab,var(--color-secondary-blue-300)50%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-secondary-magenta-100\/20{--tw-gradient-from:color-mix(in oklab,var(--color-secondary-magenta-100)20%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-secondary-blue-500\/30{--tw-gradient-via:color-mix(in oklab,var(--color-secondary-blue-500)30%,transparent);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-secondary-blue-500\/60{--tw-gradient-via:color-mix(in oklab,var(--color-secondary-blue-500)60%,transparent);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-secondary-blue-500\/70{--tw-gradient-via:color-mix(in oklab,var(--color-secondary-blue-500)70%,transparent);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-secondary-magenta-500\/40{--tw-gradient-via:color-mix(in oklab,var(--color-secondary-magenta-500)40%,transparent);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-charcoal\/30{--tw-gradient-to:color-mix(in oklab,var(--color-charcoal)30%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-charcoal\/50{--tw-gradient-to:color-mix(in oklab,var(--color-charcoal)50%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-charcoal\/70{--tw-gradient-to:color-mix(in oklab,var(--color-charcoal)70%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-secondary-magenta-100\/20{--tw-gradient-to:color-mix(in oklab,var(--color-secondary-magenta-100)20%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.stroke-primary-magenta-700{stroke:var(--color-primary-magenta-700)}.stroke-\[0\.7\]{stroke-width:.7px}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-8{padding:calc(var(--spacing)*8)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-4{padding-top:calc(var(--spacing)*4)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.text-center{text-align:center}.font-body-ff{font-family:var(--font-body-ff)}.font-h1-ff{font-family:var(--font-h1-ff)}.font-h2-ff{font-family:var(--font-h2-ff)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-desktop-lg-body{font-size:var(--text-desktop-lg-body)}.text-mobile-body{font-size:var(--text-mobile-body)}.text-mobile-h1{font-size:var(--text-mobile-h1)}.text-mobile-h2{font-size:var(--text-mobile-h2)}.text-mobile-lg-body{font-size:var(--text-mobile-lg-body)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-charcoal{color:var(--color-charcoal)}.text-cyan-400{color:var(--color-cyan-400)}.text-cyan-600{color:var(--color-cyan-600)}.text-fuchsia-400{color:var(--color-fuchsia-400)}.text-green-500{color:var(--color-green-500)}.text-primary-cyan-700{color:var(--color-primary-cyan-700)}.text-primary-cyan-900{color:var(--color-primary-cyan-900)}.text-primary-magenta-900{color:var(--color-primary-magenta-900)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-black\/40{--tw-shadow-color:color-mix(in oklab,var(--color-black)40%,transparent)}.shadow-zinc-950\/70{--tw-shadow-color:color-mix(in oklab,var(--color-zinc-950)70%,transparent)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-600{--tw-duration:.6s;transition-duration:.6s}.duration-\[2000\]{--tw-duration:2000;transition-duration:2000}@media (hover:hover){.group-hover\:flex:is(:where(.group):hover *){display:flex}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:animate-pulse:hover{animation:var(--animate-pulse)}.hover\:border-blue-900\/70:hover{border-color:color-mix(in oklab,var(--color-blue-900)70%,transparent)}.hover\:border-cyan-700:hover{border-color:var(--color-cyan-700)}.hover\:border-fuchsia-900:hover{border-color:var(--color-fuchsia-900)}.hover\:bg-secondary-blue-500:hover{background-color:var(--color-secondary-blue-500)}.hover\:text-cyan-300:hover{color:var(--color-cyan-300)}.hover\:text-primary-cyan-500:hover{color:var(--color-primary-cyan-500)}.hover\:text-red-800:hover{color:var(--color-red-800)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:not-sr-only:focus{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:absolute:focus{position:absolute}.focus\:top-0:focus{top:calc(var(--spacing)*0)}.focus\:left-0:focus{left:calc(var(--spacing)*0)}.focus\:z-\[200\]:focus{z-index:200}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:scale-100:active{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}@media (width>=40rem){.sm\:top-0{top:calc(var(--spacing)*0)}.sm\:mt-0{margin-top:calc(var(--spacing)*0)}.sm\:hidden{display:none}.sm\:h-84{height:calc(var(--spacing)*84)}.sm\:w-3\/5{width:60%}.sm\:w-auto{width:auto}.sm\:translate-0{--tw-translate-x:calc(var(--spacing)*0);--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.sm\:flex-row{flex-direction:row}.sm\:justify-center{justify-content:center}.sm\:px-4{padding-inline:calc(var(--spacing)*4)}.sm\:py-2{padding-block:calc(var(--spacing)*2)}.sm\:text-desktop-body{font-size:var(--text-desktop-body)}.sm\:opacity-100{opacity:1}}@media (width>=48rem){.md\:top-0{top:calc(var(--spacing)*0)}.md\:mx-0{margin-inline:calc(var(--spacing)*0)}.md\:mt-6{margin-top:calc(var(--spacing)*6)}.md\:mt-16{margin-top:calc(var(--spacing)*16)}.md\:mt-30{margin-top:calc(var(--spacing)*30)}.md\:mt-32{margin-top:calc(var(--spacing)*32)}.md\:mt-auto{margin-top:auto}.md\:mr-4{margin-right:calc(var(--spacing)*4)}.md\:mb-4{margin-bottom:calc(var(--spacing)*4)}.md\:ml-4{margin-left:calc(var(--spacing)*4)}.md\:ml-auto{margin-left:auto}.md\:h-76{height:calc(var(--spacing)*76)}.md\:min-h-screen{min-height:100vh}.md\:w-1\/2{width:50%}.md\:w-\[45\%\]{width:45%}.md\:max-w-3\/5{max-width:60%}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:gap-8{gap:calc(var(--spacing)*8)}.md\:gap-12{gap:calc(var(--spacing)*12)}.md\:gap-16{gap:calc(var(--spacing)*16)}.md\:border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.md\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.md\:px-16{padding-inline:calc(var(--spacing)*16)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-9xl{font-size:var(--text-9xl);line-height:var(--tw-leading,var(--text-9xl--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-desktop-body{font-size:var(--text-desktop-body)}.md\:text-desktop-h1{font-size:var(--text-desktop-h1)}.md\:text-desktop-h2{font-size:var(--text-desktop-h2)}}@media (width>=64rem){.lg\:w-1\/3{width:33.3333%}.lg\:w-2\/5{width:40%}.lg\:gap-8{gap:calc(var(--spacing)*8)}.lg\:gap-32{gap:calc(var(--spacing)*32)}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}@media (width>=80rem){.xl\:w-\[28\%\]{width:28%}.xl\:flex-row{flex-direction:row}.xl\:gap-4{gap:calc(var(--spacing)*4)}}@media (width>=96rem){.\32xl\:w-1\/3{width:33.3333%}.\32xl\:w-3\/4{width:75%}.\32xl\:w-\[21\%\]{width:21%}}}@font-face{font-family:h1-font;src:url(/assets/SuperCommando-MkamM6Ot.otf)}@font-face{font-family:body-font;src:url(/assets/ChakraPetch-Regular-DPWYzRPY.ttf)}@font-face{font-family:h2-font;src:url(/assets/Cyberverse-C1rJ4yrl.otf)}:root{--color-charcoal:#121212;--color-purple:#1b1b2f;--color-primary-cyan-900:#0ff;--text-primary-cyan-900:#0ff;--color-primary-cyan-700:#0cc;--color-primary-cyan-500:#099;--color-primary-green-900:#0f0;--color-primary-green-700:#0c0;--color-primary-green-500:#090;--color-primary-magenta-900:#f0f;--color-primary-magenta-700:#c0c;--color-primary-magenta-500:#909;--color-primary-purple-700:#9400d3;--color-primary-purple-500:#7100a1;--color-primary-purple-300:#4a006e;--color-secondary-blue-700:#023e8a;--color-secondary-blue-500:#012757;--color-secondary-blue-300:#011024;--color-secondary-dk-blue-500:#0a0f25;--color-secondary-dk-blue-300:#070a1a;--color-secondary-dk-blue-100:#01030d;--color-secondary-magenta-500:#303;--color-secondary-magenta-300:#1a001a;--color-secondary-magenta-100:#0d000d;--color-secondary-purple-500:#290929;--color-secondary-purple-300:#1a061a;--color-secondary-purple-100:#0d030d;--color-glitch-gradient:linear-gradient(90deg,#f0f 0%,#0ff 50%,#f0f 100%);--color-holographic-gradient:linear-gradient(90deg,#0ff 0%,#9400d3 100%);--color-sunset-gradient:linear-gradient(90deg,#ff007f 0%,#ff4500 50%,gold 100%);--color-text-shadow:0 0 8px #0ffc,0 0 16px #f0fc;--font-h1-ff:h1-font;--font-h2-ff:h2-font;--font-body-ff:body-font;--text-desktop-h1:5rem;--text-desktop-h2:3rem;--text-desktop-lg-body:1.75rem;--text-desktop-body:1.25rem;--text-mobile-h1:3.5rem;--text-mobile-h2:2.25rem;--text-mobile-lg-body:1.35rem;--text-mobile-body:1.125rem}html{scroll-behavior:smooth}body{overflow-x:hidden}textarea{resize:none}@media (width<=768px){html{scroll-snap-type:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.grid-container{bottom:0;height:50vh;left:0;mask:linear-gradient(90deg,transparent 0%,rgb(0,0,0) 50%,rgb(0,0,0) 50%,transparent 100%);mask:linear-gradient(0deg,rgb(0,0,0) 10%,transparent 70%);overflow:hidden;perspective:200px;width:100%}.grid{animation:scroll-grid 4s linear infinite;background:linear-gradient(rgba(0,255,255,.63) 1px,transparent 3px),linear-gradient(to right,rgba(152,255,255,.568) 2px,transparent 1px);background-size:40px 20px;bottom:-100px;box-shadow:0 0 5px #0ffc,0 0 10px #0ff9;filter:drop-shadow(0 0 5px cyan);height:130%;left:0;mask:linear-gradient(90deg,transparent 0%,rgb(0,0,0) 50%,rgb(0,0,0) 50%,transparent 100%);position:absolute;scale:2.5;transform:rotateX(60deg) translateY(0);width:100%}@keyframes scroll-grid{0%{transform:rotateX(50deg) translateY(0)}to{transform:rotateX(50deg) translateY(80px)}}@media (max-width: 768px){.grid-container,.grid{height:100%}}main{scroll-snap-align:end}.resume-btn{background-image:linear-gradient(120deg,var(--color-charcoal),var(--color-secondary-blue-500),var(--color-charcoal));border-radius:25px 0;cursor:pointer;padding:.5rem 1rem;opacity:1;text-shadow:var(--color-text-shadow);transition:all .3s ease;top:2rem;transform-style:preserve-3d}.resume-btn:hover{scale:1.2}.resume-btn:active{scale:.9}.resume-btn:hover:after{box-shadow:0 4px 8px 1px #000000d0;filter:blur(8px)}.resume-btn:after{animation:rotate-border 6s linear infinite;background-image:linear-gradient(var(--angle),var(--color-primary-cyan-900),var(--color-primary-cyan-700),var(--color-primary-magenta-700),var(--color-primary-magenta-900));bottom:0;border-radius:25px 0;content:"";filter:blur(4px);height:100%;left:0;position:absolute;transition:all .3s ease;width:100%;transform:translateZ(-5px)}.download-icon{filter:drop-shadow(0 0 8px rgba(0,255,255,.795))}h1{animation:alt-text-glow 5s linear infinite;color:#000000be;-webkit-user-select:none;user-select:none;-webkit-text-stroke:2px var(--color-primary-magenta-900);line-height:3rem}h2{animation:h2-glow 6s linear infinite;color:#000000be;-webkit-user-select:none;user-select:none;-webkit-text-stroke:1px var(--color-primary-cyan-900);line-height:2.5rem}.type-animation{animation:h2-glow 10s linear infinite;color:#fff;font-weight:bolder;-webkit-user-select:none;user-select:none}#avatar-frame{animation:avatar-glow 5s linear infinite;filter:drop-shadow(0 0 8px var(--color-primary-magenta-700))}#avatar{animation:cyber-punk-glow 5s linear infinite;clip-path:polygon(50% 0,100% 0,100% 75%,50% 100%,0 75%,0 0)}#scroll-header{animation:alt-text-glow 7s linear infinite;color:#000000be;-webkit-user-select:none;user-select:none;transition:all .3s ease;-webkit-text-stroke:1px var(--color-primary-magenta-900)}#scroll-header:hover{scale:1.1;--webkit-text-stroke: 3px var(--color-primary-magenta-700)}#down-arrow{filter:drop-shadow(0 0 8px var(--color-primary-magenta-900));transition:scale .3s ease}#down-arrow:hover{color:var(--color-primary-magenta-700);scale:1.1}#scroll-header:active,#down-arrow:active{scale:.9}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-header{animation:fadeSlideUp .8s ease-out forwards;opacity:0}.hero-subheader{animation:fadeSlideUp .8s ease-out .3s forwards;opacity:0}#avatar-section{animation:fadeSlideUp .8s ease-out .6s forwards;opacity:0}#resume-download{animation:fadeSlideUp .8s ease-out .9s forwards;opacity:0}#scroll-indicator{animation:fadeSlideUp .8s ease-out 1.2s forwards;opacity:0}@media (max-width: 768px){h1{animation:sm-alt-text-glow 5s linear infinite}h2{animation:sm-h2-glow 6s linear infinite;color:#000000be;-webkit-user-select:none;user-select:none;-webkit-text-stroke:1px var(--color-primary-cyan-900)}.type-animation{animation:sm-h2-glow 10s linear infinite}#scroll-header{animation:sm-alt-text-glow 7s linear infinite}}.gradient-orb{background-image:var(--color-holographic-gradient);filter:blur(50px);opacity:.7}@keyframes float{0%{transform:translate(0) rotate(0);opacity:.7}25%{transform:translate(var(--random-x1),var(--random-y1)) rotate(var(--random-rotate1))}50%{transform:translate(var(--random-x2),var(--random-y2)) rotate(var(--random-rotate2));opacity:.4}75%{transform:translate(var(--random-x3),var(--random-y3)) rotate(var(--random-rotate3))}to{transform:translate(0) rotate(360deg);opacity:.7}}.floating{animation:float var(--duration) ease-in-out infinite;will-change:transform}.mouse-follower{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0}.mouse-gradient{position:absolute;filter:blur(50px);left:0;top:0;opacity:.3;height:150px;width:150px;background:radial-gradient(circle,var(--color-primary-purple-700) 0%,rgb(63,57,150),cyan);border-radius:50%;transform:translate(-50%,-50%);transition:all .15s ease}.nav-menu-line{background:linear-gradient(90deg,#00fff6,#ff00f6);border-radius:2px;box-shadow:0 0 8px #00fff6cc,0 0 16px #ff00f6cc;transition:all .4s ease-in-out}.nav-menu-line:nth-child(1){width:60%;margin-left:0%}.nav-menu-line:nth-child(2){width:80%;margin-left:0%}.nav-menu-line:nth-child(3){width:100%;margin-left:0%}#nav-menu-btn:hover .nav-menu-line{box-shadow:0 0 12px #00fff6,0 0 24px #ff00f6}#nav-menu-btn.open-menu .nav-menu-line:nth-child(1){transform:translateY(12px) rotate(45deg);margin-left:0;width:100%}#nav-menu-btn.open-menu .nav-menu-line:nth-child(2){opacity:0;transform:scale(.5)}#nav-menu-btn.open-menu .nav-menu-line:nth-child(3){margin-left:0;transform:translateY(-14px) rotate(-45deg);width:100%}.nav-list{animation:cyberpunk-glow 5s infinite alternate;border-radius:0 0 10px 10px;box-shadow:0 4px 15px #00ffff4d}.nav-link{position:relative;text-shadow:0 0 8px rgba(0,255,255,.8),0 0 16px rgba(255,0,255,.8);transition:all .3s ease}.nav-link:hover{animation:glitch .5s linear infinite;color:var(--color-primary-cyan-500)}.nav-link:after{background-color:var(--color-primary-magenta-900);bottom:-2px;content:"";filter:blur(.5px);height:1px;left:0;opacity:1;position:absolute;transition:width .2s;width:0;z-index:20}.nav-link:hover:after{width:102%}.nav-link:before{background-color:var(--color-primary-magenta-900);content:"";filter:blur(.5px);height:0;right:-2px;opacity:1;position:absolute;top:0;transition:height .2s;width:1px;z-index:20}.nav-link:hover:before{height:107%}.nav-link.active{color:var(--color-primary-magenta-900)}.nav-link.active:after{width:102%}.nav-link.active:before{height:107%}#skills-section{scroll-snap-align:start}#main-skills-container{display:grid;column-gap:4rem;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-template-areas:"frontend backend tools" "design design design";row-gap:4rem;opacity:0;transform:scaleX(.1);transition:opacity 1s ease,transform 1s ease}#front-end-container{align-self:self-start;height:auto;grid-area:frontend}#back-end-container{grid-area:backend}#tools-container{grid-area:tools}#design-container{align-self:flex-start;justify-self:center;grid-area:design}.secondary-container{border-radius:10px;position:relative}.skill-card-title{color:#000;text-shadow:0 0 10px var(--color-primary-cyan-900);-webkit-text-stroke:1px var(--color-primary-cyan-900)}.about-card-title{color:#000;text-shadow:0 0 10px var(--color-primary-magenta-900);-webkit-text-stroke:1px var(--color-primary-magenta-900)}.skill-icon{color:var(--color-primary-cyan-700)}.skill-icon{filter:drop-shadow(0 0 6px rgba(0,255,255,.568));transition:all .2s ease}.skill-icon:hover{color:var(--color-primary-cyan-500);filter:drop-shadow(0 0 12px rgba(0,255,255,.623));scale:1.2}.skill-icon:active{color:var(--color-primary-cyan-700);scale:.9}@media screen and (max-width: 1536px){#main-skills-container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-template-areas:"frontend backend" "tools design"}#design-container{align-self:stretch;justify-self:stretch}}@media screen and (max-width: 1280px){#main-skills-container{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);grid-template-areas:"frontend" "backend" "tools" "design"}#design-container{align-self:flex-start;justify-self:center}}@media screen and (max-width: 768px){.container-title{text-shadow:0 0 3px var(--color-primary-magenta-900)}}footer{animation:border-glow 5s linear infinite,cyberpunk-glow 5s infinite alternate;border-top:2px solid;border-image-slice:1;border-image-source:linear-gradient(90deg,var(--color-primary-cyan-900),var(--color-primary-magenta-900),var(--color-primary-cyan-900));text-shadow:var(--color-text-shadow);scroll-snap-align:end}footer section{flex:1}.footer-title{font-family:var(--font-h2-ff);margin-bottom:1rem;text-align:center;transition:text-shadow .3s ease}.contact-input{background-color:var(--color-charcoal);border:1px solid var(--color-primary-cyan-900);border-radius:0 20px;box-shadow:0 0 8px #0ffc;color:var(--color-primary-cyan-900);font-family:var(--font-body-ff);margin:.5rem 0;padding:.5rem;transition:all .3s ease;min-width:280px}.contact-input:focus{border:1px solid var(--color-primary-magenta-900);box-shadow:0 0 16px #f0fc;outline:none}.icon-link{filter:drop-shadow(0 0 16px rgba(255,0,255,.822));transition:all .2s ease}.icon-link:hover{color:var(--color-primary-cyan-500);scale:1.2}.icon-link:active{color:var(--color-primary-cyan-700);scale:.9}.icon{filter:drop-shadow(0 0 8px rgba(0,255,255,.795))}#contact-message{height:4.5rem;width:100%}#contact-btn{background-image:linear-gradient(120deg,var(--color-charcoal),var(--color-secondary-blue-500),var(--color-charcoal));border-radius:25px 0;cursor:pointer;padding:.5rem 1rem;opacity:1;text-shadow:var(--color-text-shadow);transition:all .3s ease;top:2rem;transform-style:preserve-3d}#contact-btn:hover{scale:1.2}#contact-btn:active{scale:.9}#contact-btn:hover:before{box-shadow:0 4px 8px 1px #000000d0;filter:blur(8px)}#contact-btn:before{animation:rotate-border 6s linear infinite;background-image:linear-gradient(var(--angle),var(--color-primary-cyan-900),var(--color-primary-cyan-700),var(--color-primary-magenta-700),var(--color-primary-magenta-900));bottom:0;border-radius:25px 0;content:"";filter:blur(4px);height:100%;left:0;position:absolute;transition:all .3s ease;width:100%;transform:translateZ(-5px)}#copyright{text-shadow:none}#about-section{scroll-snap-align:start}#abt-section-title{animation:alt-text-glow 5s infinite;-webkit-text-stroke:1px var(--color-primary-magenta-900)}#information-grid{align-items:start;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-template-areas:"backstory . education" ". hobbies ." "future . why";height:fit-content;position:relative;width:100%;opacity:0;transform:scaleX(.1);transition:opacity 1s ease,transform 1s ease}.info-container{border-radius:20px;display:flex;flex-direction:column;gap:1rem;align-items:center;position:relative;padding:1rem 2rem}.animated{opacity:1;transform:scaleX(1)}.info-title{color:#000;text-shadow:0 0 10px var(--color-primary-cyan-900);-webkit-text-stroke:1px var(--color-primary-cyan-900);text-align:center}#personal-story{grid-area:backstory}#education{grid-area:education}#hobbies{grid-area:hobbies}#future{grid-area:future}#why{grid-area:why}@media (max-width: 1400px){#information-grid{align-items:stretch;row-gap:3rem;grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"backstory" "education" "hobbies" "future" "why"}.info-container{height:fit-content}}@media (max-width: 768px){#abt-section-title{animation:sm-alt-text-glow 5s infinite}.info-title{text-shadow:0 0 3px var(--color-primary-cyan-900)}}.project-card{transition:transform .3s ease;height:100%}.project-card:active,.project-card:hover{transform:scale(1.05)}.project-card:after{animation:rotate-border 8s linear infinite,skills-glow 5s infinite;content:"";border-radius:12px;filter:blur(18px);position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(var(--angle),var(--color-primary-cyan-500),var(--color-primary-magenta-500));opacity:.8;z-index:-1}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;border-radius:12px;z-index:1;transform-origin:center center;transform:scaleX(0);transition:transform .4s ease}.project-card:active:before,.project-card:hover:before{background-color:#000000e6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transform:scaleX(1)}.glow-text{text-shadow:0 0 5px currentColor}.image-container,.image-container img{border-radius:20px 20px 0 0}.project-title-container{background-image:linear-gradient(90deg,black,var(--color-secondary-magenta-500),black);border-radius:0 0 20px 20px}.project-title{animation:sm-h2-glow 5s infinite}.project-info-container{opacity:0;z-index:2;transform:scaleY(0);transition:transform .4s ease}.project-card:active .project-info-container,.project-card:hover .project-info-container{display:flex;transform:scaleY(1);opacity:1}.projects-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;column-gap:3rem;row-gap:2rem}.project-skill{color:var(--color-primary-magenta-500);filter:drop-shadow(0 0 8px rgba(189,0,189,.568))}@keyframes border-glow{0%{border-image-source:linear-gradient(90deg,var(--color-primary-cyan-900),var(--color-primary-magenta-900),var(--color-primary-cyan-900))}50%{border-image-source:linear-gradient(90deg,var(--color-primary-magenta-900),var(--color-primary-cyan-900),var(--color-primary-magenta-900))}to{border-image-source:linear-gradient(90deg,var(--color-primary-cyan-900),var(--color-primary-magenta-900),var(--color-primary-cyan-900))}}@keyframes glitch{0%{text-shadow:2px 2px var(--color-primary-purple-700)}25%{text-shadow:-2px -2px var(--color-primary-magenta-900)}50%{text-shadow:2px -2px var(--color-primary-purple-700)}75%{text-shadow:-2px 2px var(--color-primary-magenta-900)}to{text-shadow:2px 2px var(--color-primary-purple-700)}}@keyframes cyberpunk-glow{0%{box-shadow:0 0 5px #00fff6cc,0 0 10px #ff00f6cc}50%{box-shadow:0 0 12px #10745b,0 0 20px #ff00f6}to{box-shadow:0 0 5px #00fff6cc,0 0 10px #ff00f6cc}}@keyframes h1-glow{0%{text-shadow:0 0 15px var(--color-primary-magenta-700),0 0 30px var(--color-primary-purple-700)}50%{text-shadow:0 0 5px var(--color-primary-magenta-700),0 0 15px var(--color-primary-purple-700)}to{text-shadow:0 0 15px var(--color-primary-magenta-700),0 0 30px var(--color-primary-purple-700)}}@keyframes h2-glow{0%{text-shadow:0 0 10px var(--color-primary-cyan-700),0 0 20px var(--color-primary-cyan-700)}50%{text-shadow:0 0 5px var(--color-primary-cyan-700),0 0 10px var(--color-primary-cyan-700)}to{text-shadow:0 0 10px var(--color-primary-cyan-700),0 0 20px var(--color-primary-cyan-700)}}@keyframes alt-text-glow{0%{text-shadow:0 0 20px var(--color-primary-magenta-700),0 0 40px var(--color-primary-magenta-700)}50%{text-shadow:0 0 10px var(--color-primary-magenta-700),0 0 25px var(--color-primary-magenta-700)}to{text-shadow:0 0 20px var(--color-primary-magenta-700),0 0 40px var(--color-primary-magenta-700)}}@keyframes skills-glow{0%{filter:blur(10px)}50%{filter:blur(6px)}to{filter:blur(10px)}}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes rotate-border{to{--angle: 360deg}}@keyframes popUpFade{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}@keyframes avatar-glow{0%{filter:drop-shadow(0 0 4px var(--color-primary-magenta-700))}50%{filter:drop-shadow(0 0 16px var(--color-primary-magenta-700))}to{filter:drop-shadow(0 0 4px var(--color-primary-magenta-700))}}@keyframes sm-h1-glow{0%{text-shadow:0 0 10px var(--color-primary-magenta-700),0 0 20px var(--color-primary-purple-700)}50%{text-shadow:0 0 2px var(--color-primary-magenta-700),0 0 5px var(--color-primary-purple-700)}to{text-shadow:0 0 10px var(--color-primary-magenta-700),0 0 20px var(--color-primary-purple-700)}}@keyframes sm-h2-glow{0%{text-shadow:0 0 5px var(--color-primary-cyan-700),0 0 10px var(--color-primary-cyan-700)}50%{text-shadow:0 0 2px var(--color-primary-cyan-700),0 0 5px var(--color-primary-cyan-700)}to{text-shadow:0 0 5px var(--color-primary-cyan-700),0 0 10px var(--color-primary-cyan-700)}}@keyframes sm-alt-text-glow{0%{text-shadow:0 0 5px var(--color-primary-magenta-700),0 0 10px var(--color-primary-magenta-700)}50%{text-shadow:0 0 2px var(--color-primary-magenta-700),0 0 5px var(--color-primary-magenta-700)}to{text-shadow:0 0 5px var(--color-primary-magenta-700),0 0 10px var(--color-primary-magenta-700)}}