@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@300;400;500;600;700&display=swap);@layer theme, base, components, utilities;@layer theme{@theme default{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% 0.013 17.38);--color-red-100:oklch(93.6% 0.032 17.717);--color-red-200:oklch(88.5% 0.062 18.334);--color-red-300:oklch(80.8% 0.114 19.571);--color-red-400:oklch(70.4% 0.191 22.216);--color-red-500:oklch(63.7% 0.237 25.331);--color-red-600:oklch(57.7% 0.245 27.325);--color-red-700:oklch(50.5% 0.213 27.518);--color-red-800:oklch(44.4% 0.177 26.899);--color-red-900:oklch(39.6% 0.141 25.723);--color-red-950:oklch(25.8% 0.092 26.042);--color-orange-50:oklch(98% 0.016 73.684);--color-orange-100:oklch(95.4% 0.038 75.164);--color-orange-200:oklch(90.1% 0.076 70.697);--color-orange-300:oklch(83.7% 0.128 66.29);--color-orange-400:oklch(75% 0.183 55.934);--color-orange-500:oklch(70.5% 0.213 47.604);--color-orange-600:oklch(64.6% 0.222 41.116);--color-orange-700:oklch(55.3% 0.195 38.402);--color-orange-800:oklch(47% 0.157 37.304);--color-orange-900:oklch(40.8% 0.123 38.172);--color-orange-950:oklch(26.6% 0.079 36.259);--color-amber-50:oklch(98.7% 0.022 95.277);--color-amber-100:oklch(96.2% 0.059 95.617);--color-amber-200:oklch(92.4% 0.12 95.746);--color-amber-300:oklch(87.9% 0.169 91.605);--color-amber-400:oklch(82.8% 0.189 84.429);--color-amber-500:oklch(76.9% 0.188 70.08);--color-amber-600:oklch(66.6% 0.179 58.318);--color-amber-700:oklch(55.5% 0.163 48.998);--color-amber-800:oklch(47.3% 0.137 46.201);--color-amber-900:oklch(41.4% 0.112 45.904);--color-amber-950:oklch(27.9% 0.077 45.635);--color-yellow-50:oklch(98.7% 0.026 102.212);--color-yellow-100:oklch(97.3% 0.071 103.193);--color-yellow-200:oklch(94.5% 0.129 101.54);--color-yellow-300:oklch(90.5% 0.182 98.111);--color-yellow-400:oklch(85.2% 0.199 91.936);--color-yellow-500:oklch(79.5% 0.184 86.047);--color-yellow-600:oklch(68.1% 0.162 75.834);--color-yellow-700:oklch(55.4% 0.135 66.442);--color-yellow-800:oklch(47.6% 0.114 61.907);--color-yellow-900:oklch(42.1% 0.095 57.708);--color-yellow-950:oklch(28.6% 0.066 53.813);--color-lime-50:oklch(98.6% 0.031 120.757);--color-lime-100:oklch(96.7% 0.067 122.328);--color-lime-200:oklch(93.8% 0.127 124.321);--color-lime-300:oklch(89.7% 0.196 126.665);--color-lime-400:oklch(84.1% 0.238 128.85);--color-lime-500:oklch(76.8% 0.233 130.85);--color-lime-600:oklch(64.8% 0.2 131.684);--color-lime-700:oklch(53.2% 0.157 131.589);--color-lime-800:oklch(45.3% 0.124 130.933);--color-lime-900:oklch(40.5% 0.101 131.063);--color-lime-950:oklch(27.4% 0.072 132.109);--color-green-50:oklch(98.2% 0.018 155.826);--color-green-100:oklch(96.2% 0.044 156.743);--color-green-200:oklch(92.5% 0.084 155.995);--color-green-300:oklch(87.1% 0.15 154.449);--color-green-400:oklch(79.2% 0.209 151.711);--color-green-500:oklch(72.3% 0.219 149.579);--color-green-600:oklch(62.7% 0.194 149.214);--color-green-700:oklch(52.7% 0.154 150.069);--color-green-800:oklch(44.8% 0.119 151.328);--color-green-900:oklch(39.3% 0.095 152.535);--color-green-950:oklch(26.6% 0.065 152.934);--color-emerald-50:oklch(97.9% 0.021 166.113);--color-emerald-100:oklch(95% 0.052 163.051);--color-emerald-200:oklch(90.5% 0.093 164.15);--color-emerald-300:oklch(84.5% 0.143 164.978);--color-emerald-400:oklch(76.5% 0.177 163.223);--color-emerald-500:oklch(69.6% 0.17 162.48);--color-emerald-600:oklch(59.6% 0.145 163.225);--color-emerald-700:oklch(50.8% 0.118 165.612);--color-emerald-800:oklch(43.2% 0.095 166.913);--color-emerald-900:oklch(37.8% 0.077 168.94);--color-emerald-950:oklch(26.2% 0.051 172.552);--color-teal-50:oklch(98.4% 0.014 180.72);--color-teal-100:oklch(95.3% 0.051 180.801);--color-teal-200:oklch(91% 0.096 180.426);--color-teal-300:oklch(85.5% 0.138 181.071);--color-teal-400:oklch(77.7% 0.152 181.912);--color-teal-500:oklch(70.4% 0.14 182.503);--color-teal-600:oklch(60% 0.118 184.704);--color-teal-700:oklch(51.1% 0.096 186.391);--color-teal-800:oklch(43.7% 0.078 188.216);--color-teal-900:oklch(38.6% 0.063 188.416);--color-teal-950:oklch(27.7% 0.046 192.524);--color-cyan-50:oklch(98.4% 0.019 200.873);--color-cyan-100:oklch(95.6% 0.045 203.388);--color-cyan-200:oklch(91.7% 0.08 205.041);--color-cyan-300:oklch(86.5% 0.127 207.078);--color-cyan-400:oklch(78.9% 0.154 211.53);--color-cyan-500:oklch(71.5% 0.143 215.221);--color-cyan-600:oklch(60.9% 0.126 221.723);--color-cyan-700:oklch(52% 0.105 223.128);--color-cyan-800:oklch(45% 0.085 224.283);--color-cyan-900:oklch(39.8% 0.07 227.392);--color-cyan-950:oklch(30.2% 0.056 229.695);--color-sky-50:oklch(97.7% 0.013 236.62);--color-sky-100:oklch(95.1% 0.026 236.824);--color-sky-200:oklch(90.1% 0.058 230.902);--color-sky-300:oklch(82.8% 0.111 230.318);--color-sky-400:oklch(74.6% 0.16 232.661);--color-sky-500:oklch(68.5% 0.169 237.323);--color-sky-600:oklch(58.8% 0.158 241.966);--color-sky-700:oklch(50% 0.134 242.749);--color-sky-800:oklch(44.3% 0.11 240.79);--color-sky-900:oklch(39.1% 0.09 240.876);--color-sky-950:oklch(29.3% 0.066 243.157);--color-blue-50:oklch(97% 0.014 254.604);--color-blue-100:oklch(93.2% 0.032 255.585);--color-blue-200:oklch(88.2% 0.059 254.128);--color-blue-300:oklch(80.9% 0.105 251.813);--color-blue-400:oklch(70.7% 0.165 254.624);--color-blue-500:oklch(62.3% 0.214 259.815);--color-blue-600:oklch(54.6% 0.245 262.881);--color-blue-700:oklch(48.8% 0.243 264.376);--color-blue-800:oklch(42.4% 0.199 265.638);--color-blue-900:oklch(37.9% 0.146 265.522);--color-blue-950:oklch(28.2% 0.091 267.935);--color-indigo-50:oklch(96.2% 0.018 272.314);--color-indigo-100:oklch(93% 0.034 272.788);--color-indigo-200:oklch(87% 0.065 274.039);--color-indigo-300:oklch(78.5% 0.115 274.713);--color-indigo-400:oklch(67.3% 0.182 276.935);--color-indigo-500:oklch(58.5% 0.233 277.117);--color-indigo-600:oklch(51.1% 0.262 276.966);--color-indigo-700:oklch(45.7% 0.24 277.023);--color-indigo-800:oklch(39.8% 0.195 277.366);--color-indigo-900:oklch(35.9% 0.144 278.697);--color-indigo-950:oklch(25.7% 0.09 281.288);--color-violet-50:oklch(96.9% 0.016 293.756);--color-violet-100:oklch(94.3% 0.029 294.588);--color-violet-200:oklch(89.4% 0.057 293.283);--color-violet-300:oklch(81.1% 0.111 293.571);--color-violet-400:oklch(70.2% 0.183 293.541);--color-violet-500:oklch(60.6% 0.25 292.717);--color-violet-600:oklch(54.1% 0.281 293.009);--color-violet-700:oklch(49.1% 0.27 292.581);--color-violet-800:oklch(43.2% 0.232 292.759);--color-violet-900:oklch(38% 0.189 293.745);--color-violet-950:oklch(28.3% 0.141 291.089);--color-purple-50:oklch(97.7% 0.014 308.299);--color-purple-100:oklch(94.6% 0.033 307.174);--color-purple-200:oklch(90.2% 0.063 306.703);--color-purple-300:oklch(82.7% 0.119 306.383);--color-purple-400:oklch(71.4% 0.203 305.504);--color-purple-500:oklch(62.7% 0.265 303.9);--color-purple-600:oklch(55.8% 0.288 302.321);--color-purple-700:oklch(49.6% 0.265 301.924);--color-purple-800:oklch(43.8% 0.218 303.724);--color-purple-900:oklch(38.1% 0.176 304.987);--color-purple-950:oklch(29.1% 0.149 302.717);--color-fuchsia-50:oklch(97.7% 0.017 320.058);--color-fuchsia-100:oklch(95.2% 0.037 318.852);--color-fuchsia-200:oklch(90.3% 0.076 319.62);--color-fuchsia-300:oklch(83.3% 0.145 321.434);--color-fuchsia-400:oklch(74% 0.238 322.16);--color-fuchsia-500:oklch(66.7% 0.295 322.15);--color-fuchsia-600:oklch(59.1% 0.293 322.896);--color-fuchsia-700:oklch(51.8% 0.253 323.949);--color-fuchsia-800:oklch(45.2% 0.211 324.591);--color-fuchsia-900:oklch(40.1% 0.17 325.612);--color-fuchsia-950:oklch(29.3% 0.136 325.661);--color-pink-50:oklch(97.1% 0.014 343.198);--color-pink-100:oklch(94.8% 0.028 342.258);--color-pink-200:oklch(89.9% 0.061 343.231);--color-pink-300:oklch(82.3% 0.12 346.018);--color-pink-400:oklch(71.8% 0.202 349.761);--color-pink-500:oklch(65.6% 0.241 354.308);--color-pink-600:oklch(59.2% 0.249 0.584);--color-pink-700:oklch(52.5% 0.223 3.958);--color-pink-800:oklch(45.9% 0.187 3.815);--color-pink-900:oklch(40.8% 0.153 2.432);--color-pink-950:oklch(28.4% 0.109 3.907);--color-rose-50:oklch(96.9% 0.015 12.422);--color-rose-100:oklch(94.1% 0.03 12.58);--color-rose-200:oklch(89.2% 0.058 10.001);--color-rose-300:oklch(81% 0.117 11.638);--color-rose-400:oklch(71.2% 0.194 13.428);--color-rose-500:oklch(64.5% 0.246 16.439);--color-rose-600:oklch(58.6% 0.253 17.585);--color-rose-700:oklch(51.4% 0.222 16.935);--color-rose-800:oklch(45.5% 0.188 13.697);--color-rose-900:oklch(41% 0.159 10.272);--color-rose-950:oklch(27.1% 0.105 12.094);--color-slate-50:oklch(98.4% 0.003 247.858);--color-slate-100:oklch(96.8% 0.007 247.896);--color-slate-200:oklch(92.9% 0.013 255.508);--color-slate-300:oklch(86.9% 0.022 252.894);--color-slate-400:oklch(70.4% 0.04 256.788);--color-slate-500:oklch(55.4% 0.046 257.417);--color-slate-600:oklch(44.6% 0.043 257.281);--color-slate-700:oklch(37.2% 0.044 257.287);--color-slate-800:oklch(27.9% 0.041 260.031);--color-slate-900:oklch(20.8% 0.042 265.755);--color-slate-950:oklch(12.9% 0.042 264.695);--color-gray-50:oklch(98.5% 0.002 247.839);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-300:oklch(87.2% 0.01 258.338);--color-gray-400:oklch(70.7% 0.022 261.325);--color-gray-500:oklch(55.1% 0.027 264.364);--color-gray-600:oklch(44.6% 0.03 256.802);--color-gray-700:oklch(37.3% 0.034 259.733);--color-gray-800:oklch(27.8% 0.033 256.848);--color-gray-900:oklch(21% 0.034 264.665);--color-gray-950:oklch(13% 0.028 261.692);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% 0.001 286.375);--color-zinc-200:oklch(92% 0.004 286.32);--color-zinc-300:oklch(87.1% 0.006 286.286);--color-zinc-400:oklch(70.5% 0.015 286.067);--color-zinc-500:oklch(55.2% 0.016 285.938);--color-zinc-600:oklch(44.2% 0.017 285.786);--color-zinc-700:oklch(37% 0.013 285.805);--color-zinc-800:oklch(27.4% 0.006 286.033);--color-zinc-900:oklch(21% 0.006 285.885);--color-zinc-950:oklch(14.1% 0.005 285.823);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-stone-50:oklch(98.5% 0.001 106.423);--color-stone-100:oklch(97% 0.001 106.424);--color-stone-200:oklch(92.3% 0.003 48.717);--color-stone-300:oklch(86.9% 0.005 56.366);--color-stone-400:oklch(70.9% 0.01 56.259);--color-stone-500:oklch(55.3% 0.013 58.071);--color-stone-600:oklch(44.4% 0.011 73.639);--color-stone-700:oklch(37.4% 0.01 67.558);--color-stone-800:oklch(26.8% 0.007 34.298);--color-stone-900:oklch(21.6% 0.006 56.043);--color-stone-950:oklch(14.7% 0.004 49.25);--color-black:#000;--color-white:#fff;--spacing:0.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-3xs:16rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:0.75rem;--text-xs--line-height:1.33333;--text-sm:0.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--text-3xl:1.875rem;--text-3xl--line-height:1.2;--text-4xl:2.25rem;--text-4xl--line-height:1.11111;--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-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0em;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--shadow-2xs:0 1px #0000000d;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--inset-shadow-2xs:inset 0 1px #0000000d;--inset-shadow-xs:inset 0 1px 1px #0000000d;--inset-shadow-sm:inset 0 2px 4px #0000000d;--drop-shadow-xs:0 1px 1px #0000000d;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-md:0 3px 3px #0000001f;--drop-shadow-lg:0 4px 4px #00000026;--drop-shadow-xl:0 9px 7px #0000001a;--drop-shadow-2xl:0 25px 25px #00000026;--text-shadow-2xs:0px 1px 0px #00000026;--text-shadow-xs:0px 1px 1px #0003;--text-shadow-sm:0px 1px 0px rgba(0,0,0,.075),0px 1px 1px rgba(0,0,0,.075),0px 2px 2px rgba(0,0,0,.075);--text-shadow-md:0px 1px 1px #0000001a,0px 1px 2px #0000001a,0px 2px 4px #0000001a;--text-shadow-lg:0px 1px 2px #0000001a,0px 3px 2px #0000001a,0px 4px 8px #0000001a;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,0.2,1) infinite;--animate-pulse:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;--animate-bounce:bounce 1s infinite;@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@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}}--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--perspective-dramatic:100px;--perspective-near:300px;--perspective-normal:500px;--perspective-midrange:800px;--perspective-distant:1200px;--aspect-video:16/9;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:--theme(--font-sans,initial);--default-font-feature-settings:--theme(--font-sans--font-feature-settings,initial);--default-font-variation-settings:--theme(--font-sans--font-variation-settings,initial);--default-mono-font-family:--theme(--font-mono,initial);--default-mono-font-feature-settings:--theme(--font-mono--font-feature-settings,initial);--default-mono-font-variation-settings:--theme(--font-mono--font-variation-settings,initial)}@theme default inline reference{--blur:8px;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-inner:inset 0 2px 4px 0 #0000000d;--drop-shadow:0 1px 2px #0000001a,0 1px 1px #0000000f;--radius:0.25rem;--max-width-prose:65ch}}@layer base{::-webkit-file-upload-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:--theme(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;font-family:--theme(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-variation-settings:--theme(--default-font-variation-settings,normal);line-height:1.5;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}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,pre,samp{font-feature-settings:--theme(--default-mono-font-feature-settings,normal);font-family:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:--theme(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:initial}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::-webkit-file-upload-button{font-feature-settings:inherit;background-color:initial;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:initial;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{-webkit-padding-start:20px;padding-inline-start:20px}::-webkit-file-upload-button{-webkit-margin-end:4px;margin-inline-end:4px}::file-selector-button{-webkit-margin-end:4px;margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,#0000)}}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,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{@tailwind utilities}:root{--breakpoint-xs:20rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--touch-target-min:44px;--touch-target-comfortable:48px;--touch-target-large:56px;--text-scale-mobile:0.875;--text-scale-tablet:1;--text-scale-desktop:1.125;--spacing-scale-mobile:0.75;--spacing-scale-tablet:1;--spacing-scale-desktop:1.25;--enable-3d-transforms:1;--enable-complex-animations:1;--enable-backdrop-filters:1}.responsive-container{container-name:responsive-layout;container-type:inline-size}@container responsive-layout (min-width: 20rem){.container-xs\:block{display:block}.container-xs\:flex{display:flex}.container-xs\:grid{display:grid}.container-xs\:hidden{display:none}.container-xs\:text-sm{font-size:.875rem}.container-xs\:text-base{font-size:1rem}.container-xs\:p-2{padding:.5rem}.container-xs\:p-4{padding:1rem}}@container responsive-layout (min-width: 24rem){.container-sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.container-sm\:flex-row{flex-direction:row}.container-sm\:flex-col{flex-direction:column}.container-sm\:text-lg{font-size:1.125rem}.container-sm\:gap-4{gap:1rem}}@container responsive-layout (min-width: 28rem){.container-md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.container-md\:text-xl{font-size:1.25rem}.container-md\:p-6{padding:1.5rem}}@container responsive-layout (min-width: 32rem){.container-lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.container-lg\:text-2xl{font-size:1.5rem}.container-lg\:p-8{padding:2rem}}.mobile-optimized{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100%;overflow-x:hidden}.touch-target{-webkit-tap-highlight-color:transparent;min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min);touch-action:manipulation;-webkit-user-select:none;user-select:none}.touch-target-comfortable{min-height:48px;min-height:var(--touch-target-comfortable);min-width:48px;min-width:var(--touch-target-comfortable)}.touch-target-large{min-height:56px;min-height:var(--touch-target-large);min-width:56px;min-width:var(--touch-target-large)}@media (pointer:fine){.pointer-fine\:hover\:scale-105:hover{transform:scale(1.05)}.pointer-fine\:text-sm{font-size:.875rem}.pointer-fine\:p-2{padding:.5rem}.pointer-fine\:gap-2{gap:.5rem}.pointer-fine\:cursor-pointer{cursor:pointer}}@media (pointer:coarse){.pointer-coarse\:text-lg{font-size:1.125rem}.pointer-coarse\:p-4{padding:1rem}.pointer-coarse\:gap-4{gap:1rem}.pointer-coarse\:min-h-12{min-height:3rem}.pointer-coarse\:touch-target{min-height:48px;min-height:var(--touch-target-comfortable);min-width:48px;min-width:var(--touch-target-comfortable)}}@media (any-pointer:coarse){.any-pointer-coarse\:touch-optimized{margin:.25rem;padding:.75rem}}.justify-center-safe{justify-content:safe center}.items-center-safe{align-items:safe center}.place-content-center-safe{place-content:safe center}@supports not (justify-content:safe center){.justify-center-safe{justify-content:center}.items-center-safe{align-items:center}.place-content-center-safe{place-content:center}}.wrap-balance{text-wrap:balance}.wrap-pretty{text-wrap:pretty}.wrap-break-word{word-wrap:break-word;overflow-wrap:break-word}.wrap-anywhere{overflow-wrap:anywhere}@supports not (text-wrap:balance){.wrap-balance,.wrap-pretty{text-wrap:auto}}@media (prefers-reduced-motion:reduce){.mobile-optimized *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.mobile-optimized{--enable-3d-transforms:0;--enable-complex-animations:0;--enable-backdrop-filters:0}}@media (max-width:480px) and (max-height:800px){:root{--enable-3d-transforms:0;--enable-complex-animations:0}.mobile-performance-optimized{transform:translateZ(0);will-change:auto}.mobile-performance-optimized .shadow-lg{box-shadow:0 4px 6px -1px #0000001a}.mobile-performance-optimized .backdrop-blur{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#000c}}.responsive-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:40rem){.responsive-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:48rem){.responsive-grid{gap:2rem;grid-template-columns:repeat(3,1fr)}}@media (min-width:64rem){.responsive-grid{gap:2.5rem;grid-template-columns:repeat(4,1fr)}}.responsive-grid-auto{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width:320px){.responsive-grid-auto{grid-template-columns:1fr}}.responsive-text{font-size:clamp(.875rem,2.5vw,1.125rem);line-height:1.6}.responsive-heading{text-wrap:balance;font-size:clamp(1.5rem,5vw,3rem);line-height:1.2}.responsive-subheading{text-wrap:balance;font-size:clamp(1.125rem,3.5vw,1.875rem);line-height:1.4}.responsive-padding{padding:clamp(1rem,4vw,2rem)}.responsive-margin{margin:clamp(.5rem,2vw,1rem)}.responsive-gap{gap:clamp(.5rem,2vw,1.5rem)}.mobile-nav-toggle{background:none;border:none;cursor:pointer;display:block;padding:.5rem;touch-action:manipulation}@media (min-width:48rem){.mobile-nav-toggle{display:none}}.mobile-nav-menu{align-items:center;background:#000000f2;bottom:0;display:flex;flex-direction:column;gap:2rem;justify-content:center;left:0;position:fixed;right:0;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;z-index:50}.mobile-nav-menu.active{transform:translateX(0)}@media (min-width:48rem){.mobile-nav-menu{background:none;flex-direction:row;gap:1rem;position:static;transform:none}}.responsive-form-input{border:1px solid #d1d5db;min-height:44px;min-height:var(--touch-target-min);padding:clamp(.5rem,2vw,.75rem)}.responsive-form-button,.responsive-form-input{border-radius:.375rem;font-size:clamp(.875rem,2vw,1rem);width:100%}.responsive-form-button{-webkit-tap-highlight-color:transparent;cursor:pointer;min-height:48px;min-height:var(--touch-target-comfortable);padding:clamp(.75rem,2.5vw,1rem);touch-action:manipulation;-webkit-user-select:none;user-select:none}@media (min-width:48rem){.responsive-form-button{min-width:120px;width:auto}}.responsive-image{border-radius:.375rem;height:auto;object-fit:cover;width:100%}.responsive-image-container{border-radius:.375rem;overflow:hidden;position:relative}.responsive-image-container:before{content:"";display:block;padding-bottom:56.25%}.responsive-image-container .responsive-image{height:100%;left:0;position:absolute;top:0;width:100%}.mobile-focus-visible:focus-visible{border-radius:.25rem;outline:2px solid #3b82f6;outline-offset:2px}.skip-link{background:#000;border-radius:4px;color:#fff;padding:8px;z-index:100}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.mobile-only{display:block}.desktop-up,.tablet-up{display:none}@media (min-width:48rem){.mobile-only{display:none}.tablet-up{display:block}}@media (min-width:64rem){.desktop-up{display:block}}.flex-mobile-col{display:flex;flex-direction:column}@media (min-width:48rem){.flex-mobile-col{flex-direction:row}}@supports not (container-type:inline-size){.responsive-container{width:100%}@media (min-width:20rem){.container-xs\:block{display:block}.container-xs\:flex{display:flex}}@media (min-width:24rem){.container-sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}}@supports not (display:grid){.responsive-grid{display:flex;flex-wrap:wrap}.responsive-grid>*{flex:1 1 100%}@media (min-width:48rem){.responsive-grid>*{flex-basis:calc(50% - 1rem);flex-grow:1;flex-shrink:1}}}@supports not (gap:1rem){.responsive-grid{margin:-.5rem}.responsive-grid>*{margin:.5rem}}@media print{.mobile-optimized{background:#fff!important;color:#000!important}.mobile-nav-menu,.mobile-nav-toggle{display:none!important}.responsive-image{max-width:100%!important;page-break-inside:avoid}}@media (prefers-contrast:high){.mobile-optimized{border:1px solid}.responsive-form-input{border-width:2px}.mobile-focus-visible:focus-visible{outline-width:3px}}@media (prefers-reduced-data:reduce){.responsive-image{background:#f3f4f6}.mobile-optimized{--enable-complex-animations:0}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000;left:0;position:fixed;right:0;top:0;transition:all var(--transition-normal);z-index:var(--z-fixed)}.header--scrolled{background:#fffffffa;border-bottom-color:var(--border-light);box-shadow:var(--shadow-sm)}.header__content{align-items:center;display:flex;height:4rem;justify-content:space-between;padding:0 var(--spacing-xl)}.header__logo{z-index:var(--z-dropdown)}.header__logo a{align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-secondary);font-size:var(--text-xl);font-weight:700;text-decoration:none;transition:color var(--transition-fast)}.header__logo a:hover{color:var(--primary-color)}.header__logo-text{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.header__nav{align-items:center;display:flex}.header__nav-list{display:flex;gap:var(--spacing-xl);list-style:none;margin:0;padding:0}.header__nav-item{position:relative}.header__nav-link{color:var(--text-secondary);font-weight:500;padding:var(--spacing-sm) 0;position:relative;text-decoration:none;transition:color var(--transition-fast)}.header__nav-link:hover{color:var(--primary-color)}.header__nav-link:before{background:var(--gradient-primary);border-radius:var(--radius-full);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-normal);width:0}.header__nav-link:hover:before{width:100%}.header__menu-toggle{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:2rem;justify-content:center;width:2rem;z-index:var(--z-dropdown)}.header__menu-line{background:var(--text-primary);height:2px;margin:2px 0;transform-origin:center;transition:all var(--transition-normal);width:100%}.header__menu-toggle--open .header__menu-line:first-child{transform:rotate(45deg) translate(5px,5px)}.header__menu-toggle--open .header__menu-line:nth-child(2){opacity:0}.header__menu-toggle--open .header__menu-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width:768px){.header__menu-toggle{display:flex}.header__nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transform:translateY(-100%);transition:all var(--transition-normal);visibility:hidden}.header__nav--open{opacity:1;transform:translateY(0);visibility:visible}.header__nav-list{flex-direction:column;gap:var(--spacing-2xl);text-align:center}.header__nav-link{font-size:var(--text-lg);font-weight:600}}@media (prefers-color-scheme:dark){.header{background:#111827f2}.header--scrolled{background:#111827fa;border-bottom-color:var(--border-light)}.header__menu-line{background:var(--text-primary)}@media (max-width:768px){.header__nav{background:#111827fa}}}.footer{background:var(--bg-dark);color:var(--text-light);padding:var(--spacing-4xl) 0 var(--spacing-xl);position:relative}.footer__content{grid-gap:var(--spacing-3xl);display:grid;gap:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.footer__main{grid-gap:var(--spacing-4xl);align-items:start;display:grid;gap:var(--spacing-4xl);grid-template-columns:1fr 2fr}.footer__brand h3{color:#fff;margin-bottom:var(--spacing-md)}.footer__logo{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--text-2xl)}.footer__tagline{color:var(--text-light);font-size:var(--text-base);margin-bottom:0}.footer__links{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(3,1fr)}.footer__column h4{color:#fff;font-size:var(--text-lg);margin-bottom:var(--spacing-lg)}.footer__column ul{list-style:none;margin:0;padding:0}.footer__column li{margin-bottom:var(--spacing-sm)}.footer__column a{color:var(--text-light);font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-fast)}.footer__column a:hover{color:var(--primary-color)}.footer__social{text-align:center}.footer__social h4{color:#fff;margin-bottom:var(--spacing-lg)}.footer__social-links{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}.footer__social-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:var(--radius-lg);color:var(--text-light);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all var(--transition-normal)}.footer__social-link:hover{background:var(--gradient-primary);box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-2px)}.footer__social-icon{font-size:1.25rem}.footer__social-text{font-size:var(--text-sm);font-weight:500}.footer__bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:var(--spacing-xl);position:relative}.footer__copyright p{color:var(--text-light);font-size:var(--text-sm);margin-bottom:var(--spacing-xs)}.footer__copyright p:last-child{margin-bottom:0}.footer__legal{display:flex;gap:var(--spacing-lg)}.footer__legal a{color:var(--text-light);font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-fast)}.footer__legal a:hover{color:var(--primary-color)}.footer__scroll-top{background:var(--gradient-primary);border:none;border-radius:50%;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;font-size:var(--text-lg);font-weight:700;height:50px;position:absolute;right:0;top:-25px;transition:all var(--transition-normal);width:50px}.footer__scroll-top:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}@media (max-width:1024px){.footer__main{gap:var(--spacing-2xl);grid-template-columns:1fr;text-align:center}.footer__links{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.footer{padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer__content{gap:var(--spacing-2xl)}.footer__links{gap:var(--spacing-lg);grid-template-columns:1fr}.footer__social-links{gap:var(--spacing-md)}.footer__social-link{padding:var(--spacing-sm) var(--spacing-md)}.footer__bottom{flex-direction:column;gap:var(--spacing-lg);text-align:center}.footer__legal{justify-content:center}.footer__scroll-top{margin-top:var(--spacing-lg);position:static}}@media (max-width:480px){.footer__social-links{align-items:center;flex-direction:column}.footer__social-link{justify-content:center;width:200px}.footer__legal{flex-direction:column;gap:var(--spacing-sm)}}.resizing *,.resizing :after,.resizing :before{animation-delay:0s!important;animation-duration:0s!important;transition:none!important}@config{--color-matrix-primary:#00ff41;--color-matrix-secondary:#008f11;--color-cyber-blue:#00d4ff;--color-cyber-purple:#bf00ff;--color-acid-green:#39ff14;--animate-matrix-glow:matrix-glow 2s ease-in-out infinite;--animate-cyber-pulse:cyber-pulse 3s ease-in-out infinite;--animate-terminal-blink:terminal-blink 1s step-end infinite;--animate-float-gentle:float-gentle 4s ease-in-out infinite;--transform-gpu:translateZ(0);--transform-3d:translate3d(0,0,0);--shadow-cyber-glow:0 0 20px oklch(from #00ff41 l c h/0.3);--shadow-cyber-intense:0 0 40px oklch(from #00ff41 l c h/0.5);--shadow-panel-optimized:0 4px 6px oklch(from #000 l c h/0.3),0 0 0 1px oklch(from #00ff41 l c h/0.2)}@keyframes matrix-glow{0%,to{filter:brightness(1);opacity:.8}50%{filter:brightness(1.2);opacity:1}}@keyframes cyber-pulse{0%,to{opacity:.7;transform:var(--transform-3d) scale(1)}50%{opacity:1;transform:var(--transform-3d) scale(1.05)}}@keyframes float-gentle{0%,to{transform:var(--transform-3d) translateY(0)}50%{transform:var(--transform-3d) translateY(-5px)}}@keyframes particle-drift{0%{opacity:0;transform:translateY(-10px) translateX(-5px) var(--transform-gpu)}10%,90%{opacity:.6}to{opacity:0;transform:translateY(100vh) translateX(5px) var(--transform-gpu)}}@layer utilities{.contain-strict{contain:strict}.contain-layout-style{contain:layout style}.contain-paint{contain:paint}.gpu-accelerated{transform:var(--transform-gpu);will-change:transform}.gpu-accelerated,.gpu-optimized{-webkit-backface-visibility:hidden;backface-visibility:hidden}.gpu-optimized{perspective:1000px;transform:var(--transform-3d);transform-style:preserve-3d;will-change:transform,opacity}.animate-matrix-glow{animation:var(--animate-matrix-glow)}.animate-cyber-pulse{animation:var(--animate-cyber-pulse)}.animate-float-gentle{animation:var(--animate-float-gentle)}.animate-particle-drift{animation:particle-drift 8s linear infinite}.matrix-text{color:var(--color-matrix-primary);font-family:Fira Code,monospace;text-shadow:0 0 10px currentColor}.cyber-glow{box-shadow:var(--shadow-cyber-glow)}.cyber-glow-intense{box-shadow:var(--shadow-cyber-intense)}.backdrop-cyber{-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2);background:#000c}.backdrop-matrix{-webkit-backdrop-filter:blur(4px) brightness(1.1);backdrop-filter:blur(4px) brightness(1.1);background:#001400b3}.gradient-cyber{background:linear-gradient(135deg,var(--color-matrix-primary) 0,var(--color-cyber-blue) 50%,var(--color-matrix-primary) 100%)}.gradient-matrix-text{animation:gradient-shift 3s ease-in-out infinite;background:linear-gradient(90deg,var(--color-matrix-primary),var(--color-cyber-blue),var(--color-matrix-primary));background-clip:text;-webkit-background-clip:text;background-size:200% 100%;color:#0000}.matrix-character{color:var(--color-matrix-primary);contain:layout style;font-family:Fira Code,monospace;opacity:.3;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;will-change:transform,opacity}.float-element{animation:float-gentle 4s ease-in-out infinite;contain:layout style;will-change:transform}.performance-high .matrix-character{filter:brightness(1.1);text-shadow:0 0 5px currentColor}.performance-medium .matrix-character{text-shadow:0 0 3px currentColor}.performance-low .matrix-character{opacity:.1;text-shadow:none}.scanlines-optimized{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff4105 0,#00ff4105 4px);contain:strict;mix-blend-mode:overlay;pointer-events:none}.particle-system{contain:strict;inset:0;overflow:hidden;pointer-events:none;position:absolute}.particle{animation:particle-drift 8s linear infinite;background:var(--color-matrix-primary);border-radius:50%;box-shadow:0 0 3px currentColor;contain:layout style;height:2px;position:absolute;width:2px;will-change:transform,opacity}.terminal-optimized{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000f2;border:1px solid #00ff414d;contain:layout style}.terminal-cursor{animation:terminal-blink 1s step-end infinite;will-change:opacity}.nav-card-optimized{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;border:1px solid #00ff414d;contain:layout style;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,border-color}.nav-card-optimized:hover{background:#00ff411a;border-color:#00ff4199;box-shadow:var(--shadow-cyber-glow);transform:scale(1.05) var(--transform-gpu)}.energy-core{animation:cyber-pulse 3s ease-in-out infinite;border:1px solid #00ff4133;border-radius:50%}.energy-core,.energy-core-inner{contain:layout style;will-change:transform,opacity}.energy-core-inner{animation:cyber-pulse 2s ease-in-out infinite reverse;border:1px solid #00d4ff33;border-radius:50%}}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@media (max-width:768px){.performance-high .matrix-character,.performance-medium .matrix-character{display:none}.particle{animation-duration:12s}.energy-core{animation-duration:4s}.float-element{animation-duration:6s}}@media (max-width:480px){.scanlines-optimized{opacity:.1}.particle-system{display:none}.backdrop-cyber,.backdrop-matrix{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@media (prefers-reduced-motion:reduce){.animate-cyber-pulse,.animate-float-gentle,.animate-matrix-glow,.animate-particle-drift,.energy-core,.float-element,.particle{animation:none!important}.matrix-character{opacity:.1!important}}@media (prefers-contrast:high){.matrix-character{color:#0f0;opacity:.8}.nav-card-optimized,.terminal-optimized{border-width:2px}}@media print{.energy-core,.matrix-character,.particle-system,.scanlines-optimized{display:none!important}.nav-card-optimized,.terminal-optimized{background:#fff!important;border:1px solid #000!important;color:#000!important}}:root{--cyber-primary:#00ff41;--cyber-secondary:#06f;--cyber-accent:#ff0080;--cyber-bg:#000;--cyber-surface:#001428cc;--cyber-glow:#00ff414d;--cyber-pulse:#06f6;--cyber-gradient:linear-gradient(135deg,#00ff41,#06f 50%,#ff0080);--cyber-matrix:#0f0;--cyber-circuit:#0cf;--cyber-plasma:#f0f;--perspective-dramatic:1500px;--perspective-near:800px;--perspective-far:2000px;--perspective-ultra:2500px;--blur-micro:none;--blur-subtle:blur(1px);--blur-light:blur(3px);--blur-medium:blur(6px);--blur-strong:blur(10px);--blur-heavy:blur(15px);--blur-extreme:blur(20px);--blur-ultra:blur(25px);--depth-ultra-far:-600px;--depth-far:-400px;--depth-mid-far:-250px;--depth-mid:-150px;--depth-mid-near:-75px;--depth-focus:0px;--depth-near:75px;--depth-close:150px;--depth-ultra-close:300px;--atmos-far:#00329666;--atmos-mid:#0050784d;--atmos-near:#00965033;--opacity-ultra-far:0.1;--opacity-far:0.2;--opacity-mid-far:0.3;--opacity-mid:0.5;--opacity-mid-near:0.7;--opacity-focus:1.0;--opacity-near:0.8;--opacity-close:0.4}.cyber-landing{background:var(--cyber-bg);background-image:radial-gradient(ellipse at 25% 25%,#00ff4105 0,#0000 50%),radial-gradient(ellipse at 75% 75%,#0066ff05 0,#0000 50%);color:var(--cyber-primary);font-family:Fira Code,monospace;height:100vh;left:0;opacity:1;overflow:hidden;perspective:var(--perspective-dramatic);position:fixed;top:0;transform:translateZ(0);transform-style:preserve-3d;transition:none!important;width:100vw;will-change:opacity;z-index:0}.cyber-landing--transitioning{transition:opacity 1s ease-out,transform .8s ease-out!important}.cyber-landing--loaded{opacity:1}.cyber-landing__depth-container{background:#0000!important;height:100vh;left:0;pointer-events:none;position:absolute;top:0;transform:translateZ(0);transform-style:preserve-3d;width:100vw;will-change:transform;z-index:-100}.cyber-landing__hub{margin:0 auto;max-width:900px;position:relative;text-align:center}.cyber-landing__header{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;left:50%;margin:0 auto;max-width:1200px;min-height:auto;padding:2rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%;z-index:100}.cyber-landing__hub-content{position:relative;z-index:2}.cyber-landing__mission{animation:element-rise 1s ease-out 1s forwards;margin-bottom:1.5rem;opacity:0}.cyber-landing__mission-subtitle{animation:element-rise 1s ease-out 1s forwards;margin-top:1.5rem;opacity:0}.cyber-landing__mission-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00142826;border:1px solid #00ff411a;border-radius:6px;color:#fff9;font-size:clamp(.9rem,1.8vw,1rem);font-weight:300;line-height:1.4;margin:0 auto;max-width:400px;padding:.75rem 1rem;position:relative}.cyber-landing__edge-glow{height:200px;left:0;pointer-events:none;position:absolute;right:0;z-index:5}.cyber-landing__edge-glow--top{background:linear-gradient(180deg,var(--cyber-glow) 0,#0000 100%);opacity:.3;top:0}.cyber-landing__edge-glow--bottom{background:linear-gradient(0deg,var(--cyber-pulse) 0,#0000 100%);bottom:0;opacity:.2}@media (max-width:768px){.cyber-landing{padding:1rem;perspective:800px}.cyber-landing__header{margin:0 auto;max-width:100%;padding:1.5rem;width:calc(100% - 2rem)}.cyber-landing__mission-text{font-size:clamp(.85rem,1.6vw,.95rem);max-width:360px;padding:.6rem .8rem}.cyber-landing__depth-container{perspective:600px}}@media (max-width:480px){.cyber-landing{bottom:0;box-sizing:border-box;height:100%;left:0;padding:1rem;perspective:400px;position:fixed;right:0;top:0;width:100%}.cyber-landing__header{left:50%;margin:0 auto;max-width:none;padding:1rem;top:50%;transform:translate(-50%,-50%);width:calc(100% - 2rem)}.cyber-landing__mission-text{border-radius:4px;font-size:clamp(.7rem,1.2vw,.8rem);line-height:1.2;max-width:280px;padding:.4rem .5rem}.cyber-landing__depth-container{perspective:250px;transform:translateZ(0)}.cyber-landing__edge-glow{height:80px;opacity:.3}.cyber-landing__edge-glow--top{opacity:.15}.cyber-landing__edge-glow--bottom{opacity:.1}}@media (max-width:360px){.cyber-landing{perspective:250px}.cyber-landing__header{padding:.5rem;width:calc(100% - 1rem)}.cyber-landing__mission-text{font-size:clamp(.65rem,1vw,.75rem);line-height:1.1;max-width:240px;padding:.3rem .4rem}.cyber-landing__depth-container{perspective:150px}.cyber-landing__edge-glow{height:40px;opacity:.2}}@media (max-height:500px) and (orientation:landscape){.cyber-landing__header{padding:.75rem}.cyber-landing__mission-text{font-size:clamp(.7rem,1.2vw,.8rem);max-width:300px;padding:.4rem .5rem}.cyber-landing__edge-glow{height:40px}}@media (max-width:768px){.cyber-landing,.cyber-landing__depth-container{will-change:auto}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.cyber-landing{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.cyber-landing__depth-plane--far{background:#0000;filter:var(--blur-medium) brightness(.3);opacity:var(--opacity-far);transform:translateZ(var(--depth-far)) scale(2);transform-style:preserve-3d}.cyber-landing__depth-plane--far,.cyber-landing__depth-plane--mid{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;will-change:transform,opacity}.cyber-landing__depth-plane--mid{background:conic-gradient(from 0deg at 50% 50%,#00ff411a 0deg,#0000 120deg,#0066ff1a 240deg,#0000 1turn);filter:var(--blur-light) brightness(.5);opacity:var(--opacity-mid);transform:translateZ(var(--depth-mid)) scale(1.5);transform-style:preserve-3d}.cyber-landing__depth-plane--focus{opacity:var(--opacity-focus);transform:translateZ(var(--depth-focus)) scale(1);transform-style:preserve-3d;will-change:transform}.cyber-landing__depth-plane--focus,.cyber-landing__depth-plane--near{background:#0000;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.cyber-landing__depth-plane--near{filter:var(--blur-subtle) brightness(1.1);opacity:var(--opacity-near);transform:translateZ(var(--depth-near)) scale(.9);transform-style:preserve-3d;will-change:transform,opacity}.cyber-landing__depth-plane--close{background:radial-gradient(circle at 50% 50%,#00ff410d 0,#0000 40%);background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),#00ff410d 0,#0000 40%);filter:var(--blur-light) brightness(1.2);height:100%;left:0;opacity:var(--opacity-close);pointer-events:none;position:absolute;top:0;transform:translateZ(var(--depth-close)) scale(.8);transform-style:preserve-3d;width:100%;will-change:transform,opacity}.cyber-landing__depth-plane--ultra-far{filter:var(--blur-ultra) brightness(.1) contrast(.3) hue-rotate(240deg);opacity:var(--opacity-ultra-far);transform:translateZ(var(--depth-ultra-far)) scale(4);transform-style:preserve-3d}.cyber-landing__depth-plane--mid-far,.cyber-landing__depth-plane--ultra-far{background:#0000;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.cyber-landing__depth-plane--mid-far{filter:var(--blur-strong) brightness(.3) contrast(.5) hue-rotate(120deg);opacity:var(--opacity-mid-far);transform:translateZ(var(--depth-mid-far)) scale(2.5);transform-style:preserve-3d}.cyber-landing__depth-plane--mid-1{background:conic-gradient(from 0deg at 50% 50%,#00ff411a 0deg,#0000 120deg,#0066ff1a 240deg,#0000 1turn);filter:var(--blur-medium) brightness(.4) contrast(.6) hue-rotate(90deg);opacity:var(--opacity-mid);transform:translateZ(var(--depth-mid)) scale(2);transform-style:preserve-3d}.cyber-landing__depth-plane--mid-1,.cyber-landing__depth-plane--mid-2{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.cyber-landing__depth-plane--mid-2{background:linear-gradient(45deg,#ff00800d,#0000 30%,#00ff410d 70%,#0000);filter:var(--blur-light) brightness(.6) contrast(.7) hue-rotate(60deg);opacity:var(--opacity-mid-near);transform:translateZ(var(--depth-mid-near)) scale(1.5);transform-style:preserve-3d}.cyber-landing__depth-plane--mid-3{background:#0000;filter:var(--blur-micro) brightness(1) contrast(1);height:100%;left:0;opacity:var(--opacity-focus);pointer-events:none;position:absolute;top:0;transform:translateZ(var(--depth-focus)) scale(1);transform-style:preserve-3d;width:100%}.cyber-landing__depth-plane--ultra-close{background:radial-gradient(circle at 20% 80%,#00ff411a 0,#0000 30%);filter:var(--blur-medium) brightness(1.3) contrast(1.3);height:100%;opacity:.4;transform:translateZ(var(--depth-ultra-close)) scale(.6);width:100%;will-change:transform,opacity}.cyber-landing__atmospheric-haze,.cyber-landing__depth-plane--ultra-close{left:0;pointer-events:none;position:absolute;top:0;transform-style:preserve-3d}.cyber-landing__atmospheric-haze{height:100vh;width:100vw;z-index:-50}.cyber-landing__haze-layer{height:100%;left:0;pointer-events:none;position:absolute;top:0;transform-style:preserve-3d;width:100%}.cyber-landing__haze-layer--far{animation:haze-drift-far 60s ease-in-out infinite;background:linear-gradient(45deg,var(--atmos-far) 0,#0000 30%,#0000 70%,var(--atmos-far) 100%);filter:var(--blur-heavy);opacity:.3;transform:translateZ(var(--depth-far)) scale(1.8)}.cyber-landing__haze-layer--mid{animation:haze-drift-mid 45s ease-in-out infinite reverse;background:radial-gradient(ellipse at 60% 40%,var(--atmos-mid) 0,#0000 50%);filter:var(--blur-medium);opacity:.2;transform:translateZ(var(--depth-mid)) scale(1.4)}.cyber-landing__haze-layer--near{animation:haze-drift-near 30s ease-in-out infinite;background:conic-gradient(from 45deg at 30% 70%,var(--atmos-near) 0deg,#0000 120deg,var(--atmos-near) 240deg,#0000 1turn);filter:var(--blur-subtle);opacity:.15;transform:translateZ(var(--depth-near)) scale(.9)}.cyber-landing__bg-layers{height:100vh;opacity:.6;perspective:var(--perspective-far);pointer-events:none;width:100vw;z-index:-102}.cyber-landing__bg-layers,.cyber-landing__layer{left:0;position:absolute;top:0;transform-style:preserve-3d}.cyber-landing__layer{height:100%;width:100%}.cyber-landing__layer--1{animation:layer-drift-3d 30s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#00ff4105 0,#0000 50%);background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),#00ff4105 0,#0000 50%);filter:blur(15px);opacity:.2;transform:translateZ(-200px) scale(1.5)}.cyber-landing__layer--2{animation:layer-rotate-3d 45s linear infinite;background:conic-gradient(from 0deg at 50% 50%,rgba(0,102,255,.015) 0deg,#0000 120deg,rgba(255,0,128,.015) 240deg,#0000 1turn);filter:blur(10px);opacity:.25;transform:translateZ(-100px) scale(1.3) rotateX(10deg)}.cyber-landing__layer--3{animation:layer-pulse-3d 12s ease-in-out infinite;background:linear-gradient(45deg,#0000 40%,rgba(0,255,65,.005) 50%,#0000 60%),linear-gradient(-45deg,#0000 40%,rgba(0,102,255,.005) 50%,#0000 60%);opacity:.3;transform:translateZ(100px) scale(.8) rotateY(15deg)}.cyber-landing__matrix-rain{height:100vh;left:0;opacity:.08;overflow:hidden;perspective:var(--perspective-dramatic);pointer-events:none;position:absolute;top:0;transform:translateZ(0);transform-style:preserve-3d;width:100vw;will-change:opacity;z-index:-90}.cyber-landing__matrix-character{animation:matrix-scatter-3d linear infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden;color:var(--cyber-matrix);font-family:Fira Code,monospace;font-weight:400;position:absolute;text-shadow:0 0 2px currentColor;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;will-change:transform,opacity}.cyber-landing__matrix-character--depth-1{animation-duration:45s;color:#0f06;filter:var(--blur-light);font-size:8px;opacity:.05;transform:translateZ(var(--depth-far)) scale(.7)}.cyber-landing__matrix-character--depth-2{animation-duration:35s;color:#0f09;filter:var(--blur-subtle);font-size:10px;opacity:.08;transform:translateZ(var(--depth-mid)) scale(.9)}.cyber-landing__matrix-character--depth-3{animation-duration:25s;color:var(--cyber-matrix);font-size:12px;opacity:.12;text-shadow:0 0 3px currentColor;transform:translateZ(var(--depth-focus)) scale(1)}.cyber-landing__circuit-board{height:100vh;left:0;opacity:.08;perspective:var(--perspective-dramatic);pointer-events:none;position:absolute;top:0;transform:translateZ(0);transform-style:preserve-3d;width:100vw;will-change:opacity;z-index:-85}.cyber-landing__circuit-line{animation:circuit-pulse-3d 8s ease-in-out infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(90deg,#0000 0,var(--cyber-circuit) 50%,#0000 100%);box-shadow:0 0 2px currentColor;opacity:.3;position:absolute;transform-style:preserve-3d;will-change:transform,opacity}.cyber-landing__circuit-line--h1{animation-delay:0s;filter:var(--blur-subtle);height:1px;left:0;opacity:.2;top:20%;transform:translateZ(var(--depth-mid)) scale(1.1);width:100%}.cyber-landing__circuit-line--h2{animation-delay:4s;height:1px;left:0;opacity:.25;top:70%;transform:translateZ(var(--depth-focus)) scale(1);width:100%}.cyber-landing__circuit-line--v1{animation-delay:2s;filter:var(--blur-light);height:100%;left:30%;opacity:.15;top:0;transform:translateZ(var(--depth-far)) scale(1.2) rotate(1deg);width:1px}.cyber-landing__circuit-line--v2{animation-delay:6s;height:100%;opacity:.3;right:25%;top:0;transform:translateZ(var(--depth-near)) scale(.9);width:1px}.cyber-landing__scanlines{animation:scanlines-drift 20s linear infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:repeating-linear-gradient(0deg,#0000,#0000 4px,rgba(0,255,65,.006) 0,rgba(0,255,65,.006) 6px);opacity:.3;transform:translateZ(var(--depth-focus)) scale(1);transform-style:preserve-3d;z-index:10}.cyber-landing__depth-scanlines,.cyber-landing__scanlines{height:100vh;left:0;pointer-events:none;position:absolute;top:0;width:100vw;will-change:transform}.cyber-landing__depth-scanlines{transform:translateZ(0);transform-style:preserve-3d;z-index:5}.cyber-landing__scanline-layer{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;left:0;pointer-events:none;position:absolute;top:0;transform-style:preserve-3d;width:100%;will-change:transform,opacity}.cyber-landing__scanline-layer--mid{animation:scanlines-drift 25s linear infinite reverse;background:repeating-linear-gradient(0deg,#0000,#0000 6px,rgba(255,0,128,.004) 0,rgba(255,0,128,.004) 8px);filter:var(--blur-subtle);opacity:.2;transform:translateZ(var(--depth-mid)) scale(1.2)}.cyber-landing__scanline-layer--near{animation:scanlines-drift 15s linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 3px,rgba(0,255,65,.008) 0,rgba(0,255,65,.008) 5px);opacity:.25;transform:translateZ(var(--depth-near)) scale(.9)}.cyber-landing__grid{height:100vh;left:0;perspective:var(--perspective-dramatic);pointer-events:none;position:absolute;top:0;transform-style:preserve-3d;width:100vw;z-index:-101}.cyber-landing__grid-line{animation:grid-scan-3d 6s ease-in-out infinite;background:linear-gradient(90deg,#0000 0,var(--cyber-glow) 50%,#0000 100%);position:absolute;transform-style:preserve-3d}.cyber-landing__grid-line--0{animation-delay:0s;filter:blur(1px);height:1px;left:0;opacity:.4;top:10%;transform:translateZ(-80px) rotateX(2deg) scale(.9);width:100%}.cyber-landing__grid-line--1{animation-delay:1s;height:1px;left:0;opacity:.6;top:30%;transform:translateZ(-40px) rotateX(1deg) scale(.95);width:100%}.cyber-landing__grid-line--2{animation-delay:2s;height:1px;left:0;opacity:.8;top:70%;transform:translateZ(40px) rotateX(-1deg) scale(1.05);width:100%}.cyber-landing__grid-line--3{animation-delay:3s;height:1px;left:0;opacity:1;top:90%;transform:translateZ(80px) rotateX(-2deg) scale(1.1);width:100%}.cyber-landing__title-portal{animation:element-rise 1.5s ease-out 1.5s forwards;cursor:pointer;height:500px;margin:0 auto;opacity:0;position:relative;transition:all .8s cubic-bezier(.23,1,.32,1);width:500px}.cyber-landing__title-portal:hover{transform:scale(1.05)}.cyber-landing__title-portal-container{height:100%;position:relative;transform-style:preserve-3d;width:100%}.cyber-landing__orbital-system{height:100%;left:0;position:absolute;top:0;width:100%}.cyber-landing__orbit-ring{border:1px solid;border-radius:50%;opacity:.6;position:absolute}.cyber-landing__orbit-ring--1{animation:orbit-rotate 12s linear infinite;border-color:var(--cyber-primary);bottom:60px;box-shadow:0 0 20px var(--cyber-glow);left:60px;right:60px;top:60px}.cyber-landing__orbit-ring--2{animation:orbit-rotate 18s linear infinite reverse;border-color:var(--cyber-secondary);bottom:40px;box-shadow:0 0 15px var(--cyber-pulse);left:40px;right:40px;top:40px}.cyber-landing__orbit-ring--3{animation:orbit-rotate 24s linear infinite;border-color:var(--cyber-accent);bottom:20px;box-shadow:0 0 25px #ff00804d;left:20px;right:20px;top:20px}.cyber-landing__orbit-ring--4{animation:orbit-rotate 30s linear infinite reverse;border-color:#ffffff4d;bottom:10px;left:10px;opacity:.3;right:10px;top:10px}.cyber-landing__orbit-dot{animation:dot-pulse 2s ease-in-out infinite;background:var(--cyber-primary);border-radius:50%;box-shadow:0 0 10px currentColor;height:6px;position:absolute;width:6px}.cyber-landing__orbit-dot--1{background:var(--cyber-primary);left:50%;top:-3px;transform:translateX(-50%)}.cyber-landing__orbit-dot--2{animation-delay:1s;background:var(--cyber-primary);bottom:-3px;right:20%}.cyber-landing__orbit-dot--3{background:var(--cyber-secondary);right:-3px;top:30%}.cyber-landing__orbit-dot--4{background:var(--cyber-accent);left:30%;top:-3px}.cyber-landing__orbit-dot--5{animation-delay:.5s;background:var(--cyber-accent);bottom:40%;right:-3px}.cyber-landing__orbit-dot--6{animation-delay:1.5s;background:var(--cyber-accent);bottom:-3px;left:40%}.cyber-landing__title-core{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:5}.cyber-landing__title-main-portal{-webkit-text-fill-color:#0000;animation:title-mega-pulse 3s ease-in-out infinite;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900;letter-spacing:.1em;margin-bottom:.5rem;position:relative;text-transform:uppercase}.cyber-landing__title-main-portal,.cyber-landing__title-main-portal:before{background:var(--cyber-gradient);-webkit-background-clip:text;background-clip:text}.cyber-landing__title-main-portal:before{-webkit-text-fill-color:#0000;animation:mega-glitch 4s ease-in-out infinite;content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.cyber-landing__title-sub-portal{animation:subtitle-plasma-glow 2.5s ease-in-out infinite alternate;color:var(--cyber-secondary);font-size:clamp(.9rem,2vw,1.2rem);font-weight:300;letter-spacing:.4em;opacity:.9}.cyber-landing__energy-core{height:300px;width:300px;z-index:-1}.cyber-landing__energy-core,.cyber-landing__energy-pulse{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.cyber-landing__energy-pulse{animation:energy-pulse-wave 4s ease-out infinite;border:1px solid;border-radius:50%}.cyber-landing__energy-pulse--1{animation-delay:0s;border-color:var(--cyber-primary);height:150px;width:150px}.cyber-landing__energy-pulse--2{animation-delay:1.5s;border-color:var(--cyber-secondary);height:200px;width:200px}.cyber-landing__energy-pulse--3{animation-delay:3s;border-color:var(--cyber-accent);height:250px;width:250px}.cyber-landing__hex-frame{height:350px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:350px;z-index:1}.cyber-landing__hex-side{animation:hex-glow 3s ease-in-out infinite;background:linear-gradient(90deg,#0000 0,var(--cyber-primary) 50%,#0000 100%);height:2px;position:absolute;width:100px}.cyber-landing__hex-side--1{animation-delay:0s;left:50%;top:25%;transform:translateX(-50%) rotate(0deg)}.cyber-landing__hex-side--2{animation-delay:.5s;right:20%;top:40%;transform:rotate(60deg)}.cyber-landing__hex-side--3{animation-delay:1s;bottom:40%;right:20%;transform:rotate(120deg)}.cyber-landing__hex-side--4{animation-delay:1.5s;bottom:25%;left:50%;transform:translateX(-50%) rotate(180deg)}.cyber-landing__hex-side--5{animation-delay:2s;bottom:40%;left:20%;transform:rotate(240deg)}.cyber-landing__hex-side--6{animation-delay:2.5s;left:20%;top:40%;transform:rotate(300deg)}.cyber-landing__em-aura{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-2}.cyber-landing__aura-wave{animation:aura-expansion 6s ease-out infinite;border:1px solid;border-radius:50%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.cyber-landing__aura-wave--1{animation-delay:0s;border-color:var(--cyber-primary);height:400px;width:400px}.cyber-landing__aura-wave--2{animation-delay:2s;border-color:var(--cyber-secondary);height:450px;width:450px}.cyber-landing__aura-wave--3{animation-delay:4s;border-color:var(--cyber-accent);height:500px;width:500px}.cyber-landing__nav-cards{--container-size:500px;--card-distance:calc(var(--container-size)*0.72);--card-hover-distance:calc(var(--container-size)*0.76);height:500px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:500px;z-index:3}.cyber-landing__nav-card{animation:card-appear 1.5s ease-out var(--card-delay) forwards;cursor:pointer;height:80px;left:50%;opacity:0;pointer-events:all;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(var(--card-angle)) translateY(calc(var(--card-distance)*-1)) rotate(calc(var(--card-angle)*-1));transition:all .4s cubic-bezier(.23,1,.32,1);width:160px;z-index:10}.cyber-landing__nav-card:hover{transform:translate(-50%,-50%) rotate(var(--card-angle)) translateY(calc(var(--card-hover-distance)*-1)) rotate(calc(var(--card-angle)*-1)) scale(1.15);z-index:15}.cyber-landing__nav-card-inner{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:2px solid #00ff4166;border-radius:12px;box-shadow:0 8px 32px #0006,0 0 20px #00ff4133;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.23,1,.32,1);width:100%}.cyber-landing__nav-card-inner:before{animation:border-energy-flow-perimeter 8s ease-in-out infinite;background:#0000;background:linear-gradient(90deg,#0000,#0000 30%,#00ff4166 50%,#0000 70%,#0000);border:2px solid #0000;border-radius:12px;content:"";height:100%;left:0;-webkit-mask-composite:subtract;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:source-out;mask-composite:subtract;position:absolute;top:0;width:100%;z-index:1}.cyber-landing__nav-card-inner:after{animation:scanlines-drift 15s linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#00ff4108 0,#00ff4108 6px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.cyber-landing__nav-card:hover .cyber-landing__nav-card-inner{background:#0000;border-color:var(--cyber-secondary);box-shadow:0 12px 40px #00000080,0 0 40px #0066ff4d,0 0 80px #0066ff1a;transform:rotateX(10deg) rotateY(5deg)}.cyber-landing__nav-card:first-child .cyber-landing__nav-card-inner{border-color:#00ff4180;box-shadow:0 8px 32px #0006,0 0 20px #00ff4133}.cyber-landing__nav-card:first-child:hover .cyber-landing__nav-card-inner{border-color:var(--cyber-primary);box-shadow:0 12px 40px #00000080,0 0 40px #00ff4166,0 0 80px #00ff4133}.cyber-landing__nav-card:nth-child(2) .cyber-landing__nav-card-inner{border-color:#0066ff80;box-shadow:0 8px 32px #0006,0 0 20px #06f3}.cyber-landing__nav-card:nth-child(2):hover .cyber-landing__nav-card-inner{border-color:var(--cyber-secondary);box-shadow:0 12px 40px #00000080,0 0 40px #06f6,0 0 80px #06f3}.cyber-landing__nav-card:nth-child(3) .cyber-landing__nav-card-inner{border-color:#ff008080;box-shadow:0 8px 32px #0006,0 0 20px #ff008033}.cyber-landing__nav-card:nth-child(3):hover .cyber-landing__nav-card-inner{border-color:var(--cyber-accent);box-shadow:0 12px 40px #00000080,0 0 40px #ff008066,0 0 80px #ff008033}.cyber-landing__nav-card:nth-child(4) .cyber-landing__nav-card-inner{border-color:#00ffff80;box-shadow:0 8px 32px #0006,0 0 20px #0ff3}.cyber-landing__nav-card:nth-child(4):hover .cyber-landing__nav-card-inner{border-color:#0ff;box-shadow:0 12px 40px #00000080,0 0 40px #0ff6,0 0 80px #0ff3}.cyber-landing__nav-card-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000;border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 12px #0006;color:#fffffff2;font-family:Fira Code,SF Mono,Monaco,Cascadia Code,monospace;font-size:.95rem;font-weight:700;letter-spacing:2.8px;line-height:1.4;max-width:140px;overflow:hidden;padding:10px 20px;position:relative;text-align:center;text-overflow:ellipsis;text-shadow:0 2px 4px #000c,0 0 12px #ffffff4d;text-transform:uppercase;transition:all .4s cubic-bezier(.23,1,.32,1);white-space:nowrap;z-index:3}.cyber-landing__nav-card:hover .cyber-landing__nav-card-label{background:#0000;border-color:#fff6;box-shadow:0 6px 20px #0009,0 0 25px #fff3;color:#fff;font-weight:800;letter-spacing:3px;text-shadow:0 2px 6px #000000e6,0 0 20px currentColor,0 0 30px currentColor;transform:translateY(-5px) scale(1.05)}.cyber-landing__nav-card:first-child:hover .cyber-landing__nav-card-label{color:var(--cyber-primary);text-shadow:0 2px 6px #000000e6,0 0 20px var(--cyber-primary),0 0 30px var(--cyber-primary)}.cyber-landing__nav-card:nth-child(2):hover .cyber-landing__nav-card-label{color:var(--cyber-secondary);text-shadow:0 2px 6px #000000e6,0 0 20px var(--cyber-secondary),0 0 30px var(--cyber-secondary)}.cyber-landing__nav-card:nth-child(3):hover .cyber-landing__nav-card-label{color:var(--cyber-accent);text-shadow:0 2px 6px #000000e6,0 0 20px var(--cyber-accent),0 0 30px var(--cyber-accent)}.cyber-landing__nav-card:nth-child(4):hover .cyber-landing__nav-card-label{color:#0ff;text-shadow:0 2px 6px #000000e6,0 0 20px #0ff,0 0 30px #0ff}.cyber-landing__nav-card-glow{background:radial-gradient(circle,currentColor 0,#0000 70%);border-radius:12px;height:100%;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .4s ease;width:100%;z-index:-1}.cyber-landing__nav-card:hover .cyber-landing__nav-card-glow{animation:enhanced-glow-pulse 2s ease-in-out infinite;opacity:.3}@media (max-width:768px){.cyber-landing__title-portal{height:400px;width:400px}.cyber-landing__nav-cards{--container-size:400px;--card-distance:calc(var(--container-size)*0.7);--card-hover-distance:calc(var(--container-size)*0.75);height:400px;width:400px}.cyber-landing__nav-card{height:70px;transform:translate(-50%,-50%) rotate(var(--card-angle)) translateY(calc(var(--card-distance)*-1)) rotate(calc(var(--card-angle)*-1));width:140px}.cyber-landing__nav-card:hover{transform:translate(-50%,-50%) rotate(var(--card-angle)) translateY(calc(var(--card-hover-distance)*-1)) rotate(calc(var(--card-angle)*-1)) scale(1.1)}.cyber-landing__orbit-ring--1{bottom:50px;left:50px;right:50px;top:50px}.cyber-landing__orbit-ring--2{bottom:35px;left:35px;right:35px;top:35px}.cyber-landing__orbit-ring--3{bottom:20px;left:20px;right:20px;top:20px}.cyber-landing__energy-core{height:240px;width:240px}.cyber-landing__energy-pulse--1{height:120px;width:120px}.cyber-landing__energy-pulse--2{height:160px;width:160px}.cyber-landing__energy-pulse--3{height:200px;width:200px}.cyber-landing__hex-frame{height:280px;width:280px}.cyber-landing__hex-side{width:80px}.cyber-landing__aura-wave--1{height:320px;width:320px}.cyber-landing__aura-wave--2{height:360px;width:360px}.cyber-landing__aura-wave--3{height:400px;width:400px}.cyber-landing__title-main-portal{font-size:clamp(2rem,4.5vw,3rem)}.cyber-landing__title-sub-portal{font-size:clamp(.8rem,1.8vw,1rem)}.cyber-landing__nav-card-label{font-size:.9rem}}@media (max-width:600px){.cyber-landing__title-portal{height:300px;width:300px}.cyber-landing__nav-cards{--container-size:300px;--card-distance:calc(var(--container-size)*0.6);--card-hover-distance:calc(var(--container-size)*0.63);height:300px;overflow:visible;width:300px}.cyber-landing__nav-card{height:55px;min-height:44px;min-width:44px;transform:translate(-50%,-50%) rotate(var(--card-angle)) translateY(calc(var(--card-distance)*-1)) rotate(calc(var(--card-angle)*-1));width:110px}.cyber-landing__nav-card:hover{transform:translate(-50%,-50%) rotate(var(--card-angle)) translateY(calc(var(--card-hover-distance)*-1)) rotate(calc(var(--card-angle)*-1)) scale(1.05)}.cyber-landing__orbit-ring--1{bottom:40px;left:40px;right:40px;top:40px}.cyber-landing__orbit-ring--2{bottom:28px;left:28px;right:28px;top:28px}.cyber-landing__orbit-ring--3{bottom:15px;left:15px;right:15px;top:15px}.cyber-landing__energy-core{height:180px;width:180px}.cyber-landing__energy-pulse--1{height:90px;width:90px}.cyber-landing__energy-pulse--2{height:120px;width:120px}.cyber-landing__energy-pulse--3{height:150px;width:150px}.cyber-landing__title-main-portal{font-size:clamp(1.6rem,3.8vw,2.1rem)}.cyber-landing__title-sub-portal{font-size:clamp(.6rem,1.3vw,.8rem)}.cyber-landing__nav-card-label{font-size:.7rem;letter-spacing:.05em;max-width:95px;padding:6px 10px}}@media (max-width:480px){.cyber-landing__title-portal{height:240px;width:240px}.cyber-landing__nav-cards{--container-size:240px;--card-distance:calc(var(--container-size)*0.67);--card-hover-distance:calc(var(--container-size)*0.7);height:240px;width:240px}.cyber-landing__nav-card{height:45px;transform:translate(-50%,-50%) rotate(var(--card-angle)) translateY(calc(var(--card-distance)*-1)) rotate(calc(var(--card-angle)*-1));width:90px}.cyber-landing__nav-card:hover{transform:translate(-50%,-50%) rotate(var(--card-angle)) translateY(calc(var(--card-hover-distance)*-1)) rotate(calc(var(--card-angle)*-1)) scale(1.03)}.cyber-landing__nav-card-inner{border-radius:6px;border-width:1px}.cyber-landing__orbit-ring--1{bottom:25px;left:25px;right:25px;top:25px}.cyber-landing__orbit-ring--2{bottom:18px;left:18px;right:18px;top:18px}.cyber-landing__orbit-ring--3{bottom:10px;left:10px;right:10px;top:10px}.cyber-landing__orbit-ring--4{display:none}.cyber-landing__energy-core{height:140px;width:140px}.cyber-landing__energy-pulse--1{height:70px;width:70px}.cyber-landing__energy-pulse--2{height:90px;width:90px}.cyber-landing__energy-pulse--3{height:110px;width:110px}.cyber-landing__hex-frame{height:160px;width:160px}.cyber-landing__hex-side{height:1px;width:45px}.cyber-landing__aura-wave--1{height:200px;width:200px}.cyber-landing__aura-wave--2{height:220px;width:220px}.cyber-landing__aura-wave--3{height:240px;width:240px}.cyber-landing__title-main-portal{font-size:clamp(1.4rem,3.2vw,1.8rem);letter-spacing:.01em}.cyber-landing__title-sub-portal{font-size:clamp(.55rem,1.1vw,.75rem);letter-spacing:.15em}.cyber-landing__nav-card-label{font-size:.65rem;letter-spacing:.03em;max-width:80px;padding:5px 8px}.cyber-landing__orbit-dot{height:3px;width:3px}.cyber-landing__nav-card:hover .cyber-landing__nav-card-inner{transform:none}.cyber-landing__nav-card-inner:before{animation-duration:15s}.cyber-landing__nav-card-inner:after{animation-duration:25s;opacity:.3}}@media (max-width:360px){.cyber-landing__title-portal{height:200px;width:200px}.cyber-landing__nav-cards{--container-size:200px;--card-distance:calc(var(--container-size)*0.65);--card-hover-distance:calc(var(--container-size)*0.68);height:200px;width:200px}.cyber-landing__nav-card{height:38px;transform:translate(-50%,-50%) rotate(var(--card-angle)) translateY(calc(var(--card-distance)*-1)) rotate(calc(var(--card-angle)*-1));width:75px}.cyber-landing__nav-card:hover{transform:translate(-50%,-50%) rotate(var(--card-angle)) translateY(calc(var(--card-hover-distance)*-1)) rotate(calc(var(--card-angle)*-1)) scale(1.02)}.cyber-landing__orbit-ring--1{bottom:20px;left:20px;right:20px;top:20px}.cyber-landing__orbit-ring--2{bottom:12px;left:12px;right:12px;top:12px}.cyber-landing__orbit-ring--3{display:none}.cyber-landing__energy-core{height:110px;width:110px}.cyber-landing__energy-pulse--1{height:55px;width:55px}.cyber-landing__energy-pulse--2{height:75px;width:75px}.cyber-landing__energy-pulse--3{display:none}.cyber-landing__title-main-portal{font-size:clamp(1.1rem,2.8vw,1.4rem)}.cyber-landing__title-sub-portal{font-size:clamp(.45rem,.9vw,.65rem)}.cyber-landing__nav-card-label{font-size:.55rem;letter-spacing:.02em;max-width:65px;padding:3px 6px}.cyber-landing__hex-frame{height:130px;width:130px}.cyber-landing__hex-side{width:35px}.cyber-landing__aura-wave--1{height:160px;width:160px}.cyber-landing__aura-wave--2{height:180px;width:180px}.cyber-landing__aura-wave--3{height:200px;width:200px}}@media (max-height:500px) and (orientation:landscape){.cyber-landing__title-portal{height:300px;width:300px}.cyber-landing__nav-cards{--container-size:300px;--card-distance:calc(var(--container-size)*0.67);--card-hover-distance:calc(var(--container-size)*0.7);height:300px;width:300px}.cyber-landing__nav-card{transform:translate(-50%,-50%) rotate(var(--card-angle)) translateY(calc(var(--card-distance)*-1)) rotate(calc(var(--card-angle)*-1))}.cyber-landing__title-main-portal{font-size:clamp(1.6rem,3.5vw,2.2rem)}.cyber-landing__title-sub-portal{font-size:clamp(.6rem,1.2vw,.8rem)}}.cyber-landing__depth-particles{height:100vh;left:0;perspective:var(--perspective-ultra);pointer-events:none;position:absolute;top:0;transform-style:preserve-3d;width:100vw;z-index:-75}.cyber-landing__depth-particle{background:var(--cyber-primary);border-radius:50%;height:2px;position:absolute;transform-style:preserve-3d;width:2px;will-change:transform,opacity}.cyber-landing__depth-particle--ultra-far{animation:particle-ultra-far 120s linear infinite;background:#00ff411a;filter:var(--blur-ultra);opacity:.1;transform:translateZ(var(--depth-ultra-far)) scale(.3)}.cyber-landing__depth-particle--far{animation:particle-far 90s linear infinite;background:#06f3;filter:var(--blur-heavy);opacity:.2;transform:translateZ(var(--depth-far)) scale(.5)}.cyber-landing__depth-particle--mid-far{animation:particle-mid-far 60s linear infinite;background:#ff00804d;filter:var(--blur-strong);opacity:.3;transform:translateZ(var(--depth-mid-far)) scale(.7)}.cyber-landing__depth-particle--focus{animation:particle-focus 45s linear infinite;background:var(--cyber-primary);box-shadow:0 0 8px currentColor;filter:none;opacity:.8;transform:translateZ(var(--depth-focus)) scale(1)}.cyber-landing__depth-particle--near{animation:particle-near 30s linear infinite;background:var(--cyber-secondary);box-shadow:0 0 12px currentColor;filter:var(--blur-subtle);opacity:.6;transform:translateZ(var(--depth-near)) scale(1.2)}.cyber-landing__depth-particle--close{animation:particle-close 20s linear infinite;background:var(--cyber-accent);box-shadow:0 0 16px currentColor;filter:var(--blur-light);opacity:.4;transform:translateZ(var(--depth-close)) scale(1.5)}.cyber-landing__particle-system{height:100vh;left:0;opacity:.4;perspective:var(--perspective-dramatic);pointer-events:none;position:absolute;top:0;transform-style:preserve-3d;width:100vw}.cyber-landing__particle{animation:particle-drift-3d linear infinite;background:var(--cyber-primary);border-radius:50%;box-shadow:0 0 8px currentColor;height:3px;opacity:.5;position:absolute;transform-style:preserve-3d;width:3px;will-change:transform,opacity}.cyber-landing__particle--4,.cyber-landing__particle--5,.cyber-landing__particle--6,.cyber-landing__particle--7,.cyber-landing__particle--8{display:none}.cyber-landing__particle--1{animation-delay:0s;animation-duration:30s;background:var(--cyber-primary);filter:blur(2px);left:5%;opacity:.3;top:10%;transform:translateZ(-150px) scale(.6)}.cyber-landing__particle--2{animation-delay:5s;animation-duration:35s;background:var(--cyber-secondary);filter:blur(1px);left:15%;opacity:.4;top:30%;transform:translateZ(-75px) scale(.8)}.cyber-landing__particle--3{animation-delay:10s;animation-duration:28s;background:var(--cyber-accent);left:25%;opacity:.5;top:50%;transform:translateZ(0) scale(1)}.cyber-landing__geometry{height:100vh;left:0;opacity:.8;perspective:var(--perspective-dramatic);pointer-events:none;position:absolute;top:0;transform-style:preserve-3d;width:100vw}.cyber-landing__shape{animation:shape-float-3d 15s ease-in-out infinite;border:2px solid var(--cyber-primary);box-shadow:0 0 15px var(--cyber-glow);opacity:.6;position:absolute;transform-style:preserve-3d;will-change:transform,opacity}.cyber-landing__shape--0{animation-delay:0s;border-color:var(--cyber-primary);border-radius:50%;filter:blur(1px);height:60px;left:10%;top:20%;transform:translateZ(-80px) rotateX(45deg) rotateY(30deg) scale(.9);width:60px}.cyber-landing__shape--1{animation-delay:2s;border-color:var(--cyber-secondary);border-radius:0;height:40px;opacity:.7;right:15%;top:60%;transform:translateZ(-40px) rotateX(-30deg) rotateY(60deg) scale(1.1);width:40px}.cyber-landing__shape--2{animation-delay:4s;border-color:var(--cyber-accent);border-radius:15px;bottom:30%;height:50px;left:30%;opacity:.8;transform:translateZ(40px) rotateX(60deg) rotateY(-45deg) scale(1.3);width:30px}.cyber-landing__circuit-node{animation:node-pulse-3d 6s ease-in-out infinite;background:radial-gradient(circle,var(--cyber-circuit) 0,#0000 70%);border:1px solid var(--cyber-circuit);border-radius:50%;box-shadow:0 0 5px currentColor;height:6px;opacity:.4;position:absolute;transform-style:preserve-3d;width:6px;will-change:transform,opacity}.cyber-landing__circuit-node--3,.cyber-landing__circuit-node--4{display:none}.cyber-landing__circuit-node--1{animation-delay:0s;filter:blur(1px);left:15%;top:20%;transform:translateZ(-70px) scale(.8)}.cyber-landing__circuit-node--2{animation-delay:3s;left:45%;top:40%;transform:translateZ(-30px) scale(.9)}.cyber-landing__data-streams{height:100vh;left:0;opacity:.3;perspective:var(--perspective-dramatic);pointer-events:none;position:absolute;top:0;transform-style:preserve-3d;width:100vw;z-index:-101}.cyber-landing__data-packet{animation:data-transmission-3d linear infinite;background:var(--cyber-primary);border-radius:50%;box-shadow:0 0 8px currentColor;height:4px;opacity:.4;position:absolute;transform-style:preserve-3d;width:4px;will-change:transform,opacity}.cyber-landing__data-packet--1{animation-delay:0s;animation-duration:6s;filter:blur(1px);left:0;opacity:.6;top:10%;transform:translateZ(-100px) scale(.8)}.cyber-landing__data-packet--2{animation-delay:1s;animation-duration:8s;background:var(--cyber-secondary);left:0;opacity:.7;top:30%;transform:translateZ(-50px) scale(.9)}.cyber-landing__data-packet--3{animation-delay:2s;animation-duration:7s;background:var(--cyber-accent);left:0;opacity:.8;top:50%;transform:translateZ(0) scale(1)}.cyber-landing__data-packet--4{animation-delay:3s;animation-duration:9s;background:var(--cyber-matrix);left:0;opacity:.9;top:70%;transform:translateZ(50px) scale(1.1)}.cyber-landing__data-packet--5{animation-delay:4s;animation-duration:5s;background:var(--cyber-circuit);left:0;opacity:1;top:90%;transform:translateZ(100px) scale(1.2)}.cyber-landing__em-field{height:100vh;left:0;perspective:var(--perspective-dramatic);pointer-events:none;position:absolute;top:0;transform-style:preserve-3d;width:100vw;z-index:-101}.cyber-landing__field-line{animation:field-pulse-3d 4s ease-in-out infinite;background:linear-gradient(180deg,#0000 0,var(--cyber-primary) 50%,#0000 100%);height:200px;opacity:.2;position:absolute;transform-style:preserve-3d;width:2px}.cyber-landing__field-line--0{animation-delay:calc(var(--delay)*.5);filter:blur(2px);left:20%;opacity:.1;top:10%;transform:translateZ(-90px) rotateX(15deg) rotateY(10deg) rotate(15deg) scale(.8)}.cyber-landing__field-line--1{animation-delay:calc(var(--delay)*.7);background:linear-gradient(180deg,#0000 0,var(--cyber-secondary) 50%,#0000 100%);filter:blur(1px);opacity:.15;right:25%;top:30%;transform:translateZ(-45px) rotateX(-20deg) rotateY(-5deg) rotate(-20deg) scale(.9)}.cyber-landing__field-line--2{animation-delay:calc(var(--delay)*.3);bottom:20%;left:30%;opacity:.25;transform:translateZ(45deg) rotateX(45deg) rotateY(15deg) rotate(45deg) scale(1.1)}.cyber-landing__field-line--3{animation-delay:calc(var(--delay)*.9);background:linear-gradient(180deg,#0000 0,var(--cyber-accent) 50%,#0000 100%);opacity:.3;right:15%;top:50%;transform:translateZ(90px) rotateX(-10deg) rotateY(-20deg) rotate(-10deg) scale(1.2)}.cyber-landing__plasma-streams{height:100vh;left:0;perspective:var(--perspective-dramatic);pointer-events:none;position:absolute;top:0;transform-style:preserve-3d;width:100vw;z-index:-102}.cyber-landing__plasma-stream{animation:plasma-flow-3d 8s ease-in-out infinite;background:linear-gradient(90deg,#0000 0,var(--cyber-plasma) 25%,var(--cyber-accent) 50%,var(--cyber-plasma) 75%,#0000 100%);box-shadow:0 0 20px var(--cyber-plasma);height:4px;opacity:.6;position:absolute;transform-style:preserve-3d;width:100%}.cyber-landing__plasma-stream--1{animation-delay:0s;filter:blur(2px);opacity:.4;top:25%;transform:translateZ(-120px) rotateX(5deg) rotate(15deg) scale(.8)}.cyber-landing__plasma-stream--2{animation-delay:2s;filter:blur(1px);opacity:.5;top:50%;transform:translateZ(-60px) rotateX(2deg) rotate(-10deg) scale(.9)}.cyber-landing__plasma-stream--3{animation-delay:4s;opacity:.7;top:75%;transform:translateZ(60px) rotateX(-3deg) rotate(8deg) scale(1.1)}.cyber-landing__quantum-field{animation:quantum-fluctuation-3d 12s ease-in-out infinite;background:radial-gradient(ellipse at 20% 20%,#00ff4108 0,#0000 60%),radial-gradient(ellipse at 80% 80%,#0066ff08 0,#0000 60%),radial-gradient(ellipse at 60% 40%,#ff008008 0,#0000 60%);filter:blur(8px);opacity:.4;transform:translateZ(-300px) scale(1.6);transform-style:preserve-3d;z-index:-103}.cyber-landing__particle-canvas,.cyber-landing__quantum-field{height:100vh;left:0;pointer-events:none;position:absolute;top:0;width:100vw}.cyber-landing__particle-canvas{opacity:.8;z-index:-50}.cyber-landing__terminal-wrapper{animation:element-rise 1s ease-out .5s forwards;margin-bottom:3rem;opacity:0;position:relative;transform:translateY(30px) rotateX(10deg);z-index:200}.cyber-landing__terminal-wrapper--bottom{animation:none;bottom:0;left:0;margin-bottom:0;opacity:1;position:fixed;right:0;transform:none;transition:all .8s cubic-bezier(.23,1,.32,1);z-index:999}.cyber-landing__terminal-wrapper--collapsed{opacity:.9;pointer-events:none;transform:translateY(calc(100% - 50px))}.cyber-landing__terminal-wrapper--collapsed .cyber-landing__terminal-content{max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(20px)}.cyber-landing__terminal-toggle{align-items:center;-webkit-backdrop-filter:var(--blur-subtle);backdrop-filter:var(--blur-subtle);background:#000000f2;border:1px solid var(--cyber-primary);border-bottom:none;border-radius:8px 8px 0 0;color:var(--cyber-primary);cursor:pointer;display:flex;font-family:Fira Code,monospace;font-size:.8rem;gap:.5rem;letter-spacing:.05em;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .4s cubic-bezier(.23,1,.32,1);z-index:10}.cyber-landing__terminal-toggle:before{animation:energy-flow 3s ease-in-out infinite;background:var(--cyber-gradient);content:"";height:2px;left:-100%;position:absolute;top:0;width:100%}.cyber-landing__terminal-toggle:hover{background:#001428e6;border-color:var(--cyber-secondary);box-shadow:0 0 20px var(--cyber-glow);color:var(--cyber-secondary)}.cyber-landing__terminal-toggle-icon{display:inline-block;font-size:.9rem;transition:transform .6s cubic-bezier(.23,1,.32,1)}.cyber-landing__terminal-wrapper--collapsed .cyber-landing__terminal-toggle{display:none}.cyber-landing__terminal-wrapper:not(.cyber-landing__terminal-wrapper--collapsed) .cyber-landing__terminal-toggle-icon{transform:rotate(180deg)}.cyber-landing__terminal-wrapper--collapsed .cyber-landing__terminal-toggle-icon{transform:rotate(0deg)}.cyber-landing__terminal-content{max-height:400px;opacity:1;overflow:hidden;transform:translateY(0);transition:all .8s cubic-bezier(.23,1,.32,1)}.cyber-landing__terminal{-webkit-backdrop-filter:var(--blur-subtle);backdrop-filter:var(--blur-subtle);background:#000000f2;border:1px solid var(--cyber-primary);border-radius:12px;box-shadow:0 0 40px var(--cyber-glow),0 0 80px #00ff411a,inset 0 1px 1px #ffffff1a;overflow:hidden;position:relative;transform:perspective(var(--perspective-dramatic)) rotateX(5deg);transition:all .6s cubic-bezier(.23,1,.32,1)}.cyber-landing__terminal:before{animation:energy-flow 3s ease-in-out infinite;background:var(--cyber-gradient);content:"";height:2px;left:-100%;position:absolute;top:0;width:100%}.cyber-landing__terminal:hover{border-color:var(--cyber-secondary);box-shadow:0 0 60px var(--cyber-pulse),0 20px 40px #0000004d;transform:perspective(var(--perspective-dramatic)) rotateX(0deg) translateY(-10px)}.cyber-landing__summon-button{animation:summon-button-appear .8s ease-out .2s forwards;-webkit-backdrop-filter:var(--blur-subtle);backdrop-filter:var(--blur-subtle);background:#000000e6;border:1px solid var(--cyber-primary);border-radius:8px;bottom:2rem;cursor:pointer;font-family:Fira Code,monospace;opacity:0;overflow:hidden;padding:.75rem 1rem;position:fixed;right:2rem;transform:translateY(20px) scale(.9);transition:all .4s cubic-bezier(.23,1,.32,1);z-index:1001}.cyber-landing__summon-button:before{animation:summon-energy-sweep 3s ease-in-out infinite;background:linear-gradient(90deg,#0000 0,var(--cyber-glow) 50%,#0000 100%);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.cyber-landing__summon-button:hover{border-color:var(--cyber-secondary);box-shadow:0 0 30px var(--cyber-glow),0 10px 20px #0000004d;transform:translateY(-5px) scale(1.05)}.cyber-landing__summon-button:active{transform:translateY(-2px) scale(1.02)}.cyber-landing__summon-icon{align-items:center;display:flex;flex-direction:column;gap:.25rem;position:relative;z-index:2}.cyber-landing__summon-text{color:var(--cyber-primary);font-size:.7rem;font-weight:500;letter-spacing:.1em;opacity:.9;transition:all .3s ease}.cyber-landing__summon-symbol{animation:summon-symbol-pulse 2s ease-in-out infinite;color:var(--cyber-secondary);font-size:1.2rem;font-weight:700}.cyber-landing__summon-button:hover .cyber-landing__summon-text{color:var(--cyber-secondary);opacity:1}.cyber-landing__summon-button:hover .cyber-landing__summon-symbol{animation-duration:1s;color:var(--cyber-accent)}.cyber-landing__summon-glow{background:radial-gradient(circle,var(--cyber-glow) 0,#0000 70%);border-radius:8px;height:100%;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:100%}.cyber-landing__summon-button:hover .cyber-landing__summon-glow{animation:summon-glow-pulse 1.5s ease-in-out infinite;opacity:.3}.matrix-terminal{-webkit-backdrop-filter:var(--blur-subtle);backdrop-filter:var(--blur-subtle);background:#000000f2;border:1px solid var(--cyber-primary);border-radius:12px;box-shadow:0 0 40px var(--cyber-glow),0 0 80px #00ff411a,inset 0 1px 1px #ffffff1a;font-family:Fira Code,monospace;max-height:60vh;min-height:300px;overflow:hidden;position:relative;transform:perspective(var(--perspective-dramatic)) rotateX(2deg);transition:all .6s cubic-bezier(.23,1,.32,1);width:100%}.matrix-terminal:before{animation:border-energy-flow-perimeter 10s ease-in-out infinite;background:#0000;background:linear-gradient(90deg,#0000,#0000 30%,#00ff414d 50%,#0000 70%,#0000);border:2px solid #0000;border-radius:12px;content:"";height:100%;left:0;-webkit-mask-composite:subtract;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:source-out;mask-composite:subtract;position:absolute;top:0;width:100%;z-index:1}.matrix-terminal:after{animation:scanlines-drift 15s linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff4105 0,#00ff4105 4px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.matrix-terminal:hover{border-color:var(--cyber-secondary);box-shadow:0 0 60px var(--cyber-pulse),0 20px 40px #0000004d;transform:perspective(var(--perspective-dramatic)) rotateX(0deg) translateY(-3px)}.matrix-terminal--minimized{display:none}.matrix-terminal__header{align-items:center;background:#001428e6;border-bottom:1px solid #00ff414d;border-radius:12px 12px 0 0;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;position:relative;transition:all .3s ease;z-index:2}.matrix-terminal__header:hover{background:#001e3ce6}.matrix-terminal__controls{align-items:center;display:flex;gap:.5rem}.matrix-terminal__dot{animation:terminal-pulse 2s ease-in-out infinite;border-radius:50%;height:12px;position:relative;width:12px}.matrix-terminal__dot--red{background:red;box-shadow:0 0 10px red,inset 0 1px 1px #ffffff4d}.matrix-terminal__dot--yellow{animation-delay:.3s;background:#ff0;box-shadow:0 0 10px #ff0,inset 0 1px 1px #ffffff4d}.matrix-terminal__dot--green{animation-delay:.6s;background:#0f0;box-shadow:0 0 10px #0f0,inset 0 1px 1px #ffffff4d}.matrix-terminal__title{flex:1 1;font-family:Fira Code,monospace;font-size:.9rem;font-weight:600;letter-spacing:2px;text-align:center;text-shadow:0 0 10px #00ff4180}.matrix-terminal__status,.matrix-terminal__title{color:var(--cyber-primary);text-transform:uppercase}.matrix-terminal__status{align-items:center;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;letter-spacing:.1em}.matrix-terminal__indicator{animation:status-pulse 1.5s ease-in-out infinite;background:var(--cyber-primary);border-radius:50%;box-shadow:0 0 8px currentColor;height:8px;width:8px}.matrix-terminal__body{display:flex;flex-direction:column;height:calc(100% - 60px);padding:1rem;position:relative;z-index:2}.matrix-terminal__history{flex:1 1;margin-bottom:1rem;max-height:300px;min-height:200px;overflow-y:auto;scrollbar-color:var(--cyber-primary) #0000004d;scrollbar-width:thin}.matrix-terminal__history::-webkit-scrollbar{width:6px}.matrix-terminal__history::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.matrix-terminal__history::-webkit-scrollbar-thumb{background:var(--cyber-primary);border-radius:3px;box-shadow:0 0 5px #00ff4180}.matrix-terminal__history::-webkit-scrollbar-thumb:hover{background:var(--cyber-secondary)}.matrix-terminal__line{align-items:baseline;display:flex;font-size:.9rem;gap:.5rem;line-height:1.4;margin-bottom:.5rem}.matrix-terminal__line--command{animation:terminal-line-appear .5s ease-out}.matrix-terminal__line--active{background:#0000;border:none}.matrix-terminal__prompt{color:var(--cyber-secondary);font-weight:600;min-width:-webkit-fit-content;min-width:fit-content;text-shadow:0 0 8px currentColor;white-space:nowrap}.matrix-terminal__command{animation:text-glow-subtle 2s ease-in-out infinite alternate;color:var(--cyber-primary);text-shadow:0 0 5px currentColor}.matrix-terminal__output{color:#fffc;line-height:1.5;white-space:pre-wrap;word-break:break-word}.matrix-terminal__output--output{color:#fffc}.matrix-terminal__output--success{color:var(--cyber-primary);font-weight:500;text-shadow:0 0 5px #00ff4180}.matrix-terminal__output--warning{animation:warning-pulse 2s ease-in-out infinite;color:orange;font-weight:500;text-shadow:0 0 5px #ffa50080}.matrix-terminal__output--error{animation:error-flash .1s ease-in-out 3;color:#ff6b6b;font-weight:500;text-shadow:0 0 5px #ff6b6b80}.matrix-terminal__prompt--success{color:var(--cyber-primary)!important;text-shadow:0 0 10px #00ff4199}.matrix-terminal__prompt--warning{color:orange!important;text-shadow:0 0 10px #ffa50099}.matrix-terminal__prompt--error{color:#ff6b6b!important;text-shadow:0 0 10px #ff6b6b99}.matrix-terminal__input-form{background:#0000;border:none;margin:0;padding:0}.matrix-terminal__input{background:#0000!important;border:2px solid #00ff4180!important;border-radius:8px!important;box-shadow:0 0 10px #00ff414d,0 0 20px #00ff411a!important;caret-color:var(--cyber-primary)!important;color:var(--cyber-primary)!important;flex:1 1!important;font-family:Fira Code,monospace!important;font-size:.9rem!important;margin:0!important;outline:none!important;padding:.75rem 1rem!important;position:relative!important;text-shadow:0 0 15px currentColor!important;transition:all .3s cubic-bezier(.23,1,.32,1)!important}.matrix-terminal__input::placeholder{color:#00ff4199!important;font-style:italic!important;text-shadow:0 0 8px #00ff414d!important}.matrix-terminal__input:focus{background:#0000!important;border-color:var(--cyber-primary)!important;box-shadow:0 0 25px #00ff4199,0 0 40px #00ff414d,0 0 60px #00ff411a!important;outline:none!important;text-shadow:0 0 20px currentColor!important;transform:scale(1.02)!important}.matrix-terminal__input:hover{border-color:#00ff41b3!important;box-shadow:0 0 15px #00ff4166,0 0 25px #00ff4133!important;transform:scale(1.01)!important}.matrix-terminal__line--active{background:#0000!important;border:2px solid #00ff414d!important;border-radius:10px!important;box-shadow:0 0 15px #00ff4133!important;margin:.5rem 0!important;overflow:hidden!important;padding:.5rem .75rem!important;position:relative!important;transition:all .3s ease!important}.matrix-terminal__line--active:before{animation:border-energy-flow-perimeter 12s ease-in-out infinite!important;background:#0000!important;background:linear-gradient(90deg,#0000,#0000 35%,#00ff4140 50%,#0000 65%,#0000)!important;border:2px solid #0000!important;border-radius:10px!important;content:""!important;height:100%!important;left:0!important;-webkit-mask-composite:subtract!important;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;-webkit-mask-composite:source-out!important;mask-composite:subtract!important;pointer-events:none!important;position:absolute!important;top:0!important;width:100%!important;z-index:1!important}.matrix-terminal__line--active:focus-within{background:#0000!important;border-color:#00ff4199!important;box-shadow:0 0 30px #00ff414d!important;transform:scale(1.01)!important}.matrix-terminal__line--active:focus-within:before{animation-duration:1.5s!important}.matrix-terminal__cursor{animation:cursor-blink-dramatic 1s infinite!important;color:var(--cyber-primary)!important;font-size:1rem!important;font-weight:700!important;margin-left:6px!important;position:relative!important;text-shadow:0 0 20px currentColor!important;z-index:2!important}.matrix-terminal__cursor:after{animation:cursor-glow-pulse-dramatic 1.5s ease-in-out infinite!important;background:radial-gradient(circle,var(--cyber-primary) 0,#0000 70%)!important;content:""!important;height:calc(100% + 4px)!important;left:-2px!important;position:absolute!important;top:-2px!important;width:calc(100% + 4px)!important;z-index:-1!important}.cyber-landing__terminal{border-radius:0 0 12px 12px;border-top:none}@media (max-width:768px){.cyber-landing__terminal-content{max-height:350px}.cyber-landing__terminal{border-radius:8px;max-height:50vh;min-height:250px}.cyber-landing__summon-button{bottom:1.5rem;padding:.6rem .8rem;right:1.5rem}.cyber-landing__summon-text{font-size:.65rem}.cyber-landing__summon-symbol{font-size:1.1rem}.matrix-terminal__header{padding:.6rem .8rem}.matrix-terminal__title{font-size:.8rem;letter-spacing:1px}.matrix-terminal__status{font-size:.7rem}.matrix-terminal__body{padding:.8rem}.matrix-terminal__history{max-height:250px;min-height:150px}.matrix-terminal__line{font-size:.85rem;margin-bottom:.4rem}.cyber-landing__terminal-toggle{font-size:.75rem;padding:.4rem .8rem}}@media (max-width:480px){.cyber-landing__terminal-wrapper--bottom{bottom:.5rem;left:.5rem;right:.5rem}.cyber-landing__terminal-wrapper--collapsed{transform:translateY(calc(100% - 40px))}.cyber-landing__terminal-content{max-height:300px}.cyber-landing__terminal{border-radius:6px;max-height:40vh;min-height:200px;transform:perspective(1000px) rotateX(0deg)}.cyber-landing__terminal:hover{transform:perspective(1000px) rotateX(0deg) translateY(-2px)}.cyber-landing__summon-button{border-radius:6px;bottom:1rem;padding:.5rem .6rem;right:1rem}.cyber-landing__summon-text{font-size:.6rem;letter-spacing:.05em}.cyber-landing__summon-symbol{font-size:1rem}.matrix-terminal__header{border-radius:6px 6px 0 0;padding:.5rem .6rem}.matrix-terminal__title{font-size:.7rem;letter-spacing:.5px}.matrix-terminal__status{font-size:.65rem}.matrix-terminal__dot{height:10px;width:10px}.matrix-terminal__controls{gap:.3rem}.matrix-terminal__body{height:calc(100% - 50px);padding:.6rem}.matrix-terminal__history{margin-bottom:.6rem;max-height:200px;min-height:120px}.matrix-terminal__line{font-size:.8rem;gap:.3rem;margin-bottom:.3rem}.matrix-terminal__input{font-size:.8rem;padding:.3rem 0}.cyber-landing__terminal-toggle{border-radius:6px 6px 0 0;font-size:.7rem;padding:.3rem .6rem}.cyber-landing__terminal-toggle-icon{font-size:.8rem}.matrix-terminal__history::-webkit-scrollbar{width:4px}.matrix-terminal{box-shadow:0 0 20px var(--cyber-glow),0 0 40px #00ff410d}.matrix-terminal:hover{box-shadow:0 0 30px var(--cyber-pulse),0 10px 20px #0003}.cyber-landing__summon-button{box-shadow:none}.cyber-landing__summon-button:hover{box-shadow:0 0 15px var(--cyber-glow),0 5px 10px #0003}}@media (max-width:360px){.cyber-landing__terminal-wrapper--bottom{bottom:.25rem;left:.25rem;right:.25rem}.cyber-landing__terminal{max-height:35vh;min-height:180px}.cyber-landing__summon-button{bottom:.75rem;padding:.4rem .5rem;right:.75rem}.cyber-landing__summon-text{font-size:.55rem}.cyber-landing__summon-symbol{font-size:.9rem}.matrix-terminal__header{padding:.4rem .5rem}.matrix-terminal__title{font-size:.65rem;letter-spacing:0}.matrix-terminal__status{font-size:.6rem}.matrix-terminal__body{padding:.5rem}.matrix-terminal__history{max-height:150px;min-height:100px}.matrix-terminal__line{font-size:.75rem;margin-bottom:.25rem}.matrix-terminal__input{font-size:.75rem}.cyber-landing__terminal-toggle{font-size:.65rem;padding:.25rem .5rem}}@media (max-height:500px) and (orientation:landscape){.cyber-landing__terminal-content{max-height:250px}.cyber-landing__terminal{max-height:30vh;min-height:150px}.matrix-terminal__history{max-height:120px;min-height:80px}.cyber-landing__summon-button{bottom:.5rem;right:.5rem}}@media (hover:none) and (pointer:coarse){.cyber-landing__terminal:hover{transform:perspective(1000px) rotateX(0deg)}.cyber-landing__summon-button:hover{transform:none}.matrix-terminal__header:hover{background:#001428e6}.cyber-landing__summon-button{min-height:45px;min-width:60px}.cyber-landing__terminal-toggle{min-height:35px}.matrix-terminal__dot{height:14px;width:14px}.matrix-terminal__line{line-height:1.5}.matrix-terminal__input{min-height:35px}}@keyframes haze-drift-far{0%,to{opacity:.3;transform:translateZ(var(--depth-far)) scale(1.8) rotateY(0deg)}50%{opacity:.2;transform:translateZ(var(--depth-far)) scale(1.9) rotateY(5deg)}}@keyframes haze-drift-mid{0%,to{opacity:.2;transform:translateZ(var(--depth-mid)) scale(1.4) rotateX(0deg)}50%{opacity:.15;transform:translateZ(var(--depth-mid)) scale(1.5) rotateX(3deg)}}@keyframes haze-drift-near{0%,to{opacity:.15;transform:translateZ(var(--depth-near)) scale(.9) rotate(0deg)}50%{opacity:.1;transform:translateZ(var(--depth-near)) scale(1) rotate(2deg)}}@keyframes particle-ultra-far{0%{opacity:0;transform:translateZ(var(--depth-ultra-far)) scale(.3) translateX(-50vw) translateY(100vh) rotateY(0deg)}10%,90%{opacity:.1}to{opacity:0;transform:translateZ(var(--depth-ultra-far)) scale(.3) translateX(150vw) translateY(-50vh) rotateY(1turn)}}@keyframes particle-far{0%{opacity:0;transform:translateZ(var(--depth-far)) scale(.5) translateX(-30vw) translateY(80vh) rotateX(0deg)}15%,85%{opacity:.2}to{opacity:0;transform:translateZ(var(--depth-far)) scale(.5) translateX(130vw) translateY(-30vh) rotateX(180deg)}}@keyframes particle-mid-far{0%{opacity:0;transform:translateZ(var(--depth-mid-far)) scale(.7) translateX(-20vw) translateY(60vh) rotate(0deg)}20%,80%{opacity:.3}to{opacity:0;transform:translateZ(var(--depth-mid-far)) scale(.7) translateX(120vw) translateY(-20vh) rotate(270deg)}}@keyframes particle-focus{0%{opacity:0;transform:translateZ(var(--depth-focus)) scale(1) translateX(-10vw) translateY(40vh)}25%,75%{opacity:.8}to{opacity:0;transform:translateZ(var(--depth-focus)) scale(1) translateX(110vw) translateY(-10vh)}}@keyframes particle-near{0%{opacity:0;transform:translateZ(var(--depth-near)) scale(1.2) translateX(0) translateY(20vh)}30%,70%{opacity:.6}to{opacity:0;transform:translateZ(var(--depth-near)) scale(1.2) translateX(100vw) translateY(0)}}@keyframes particle-close{0%{opacity:0;transform:translateZ(var(--depth-close)) scale(1.5) translateX(10vw) translateY(10vh)}35%,65%{opacity:.4}to{opacity:0;transform:translateZ(var(--depth-close)) scale(1.5) translateX(90vw) translateY(-5vh)}}@keyframes scanlines-drift{0%{filter:var(--blur-micro);transform:translateY(0) translateZ(var(--depth-focus)) scale(1)}50%{filter:var(--blur-micro) brightness(1.1);transform:translateY(3px) translateZ(var(--depth-focus)) scale(1.001)}to{filter:var(--blur-micro);transform:translateY(6px) translateZ(var(--depth-focus)) scale(1)}}@keyframes summon-button-appear{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes summon-energy-sweep{0%,to{left:-100%}50%{left:100%}}@keyframes summon-symbol-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes summon-glow-pulse{0%,to{opacity:.2}50%{opacity:.4}}@keyframes terminal-pulse{0%,to{box-shadow:0 0 10px currentColor,inset 0 1px 1px #ffffff4d;opacity:1;transform:scale(1)}50%{box-shadow:0 0 15px currentColor,inset 0 1px 1px #ffffff4d;opacity:.7;transform:scale(1.05)}}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes terminal-line-appear{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes text-glow-subtle{0%{text-shadow:0 0 5px currentColor}to{text-shadow:0 0 8px currentColor,0 0 12px currentColor}}@keyframes error-flash{0%,to{opacity:1}50%{opacity:.7}}@keyframes warning-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes input-energy-sweep-dramatic{0%,to{left:-100%!important;opacity:0!important}50%{left:100%!important;opacity:.5!important}}@keyframes cursor-blink-dramatic{0%,50%{opacity:1!important;text-shadow:0 0 20px currentColor!important;transform:scale(1)!important}51%,to{opacity:.2!important;text-shadow:0 0 10px currentColor!important;transform:scale(.95)!important}}@keyframes cursor-glow-pulse-dramatic{0%,to{opacity:.4!important;transform:scale(1)!important}50%{opacity:1!important;transform:scale(1.3)!important}}@keyframes plasma-flow-3d{0%,to{filter:brightness(1);opacity:.1}50%{filter:brightness(1.3);opacity:.6}}@keyframes quantum-fluctuation-3d{0%,to{filter:hue-rotate(0deg) brightness(1) blur(8px);transform:translateZ(-300px) scale(1.6) rotateX(0deg) rotateY(0deg)}33%{filter:hue-rotate(120deg) brightness(1.2) blur(6px);transform:translateZ(-250px) scale(1.65) rotateX(5deg) rotateY(10deg)}66%{filter:hue-rotate(240deg) brightness(.8) blur(10px);transform:translateZ(-350px) scale(1.55) rotateX(-5deg) rotateY(-10deg)}}@keyframes data-transmission-3d{0%{opacity:0;transform:translateX(0) rotateY(0deg)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateX(100vw) rotateY(1turn)}}@keyframes grid-scan-3d{0%,to{opacity:0;transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}}@keyframes matrix-scatter-3d{0%{opacity:0;transform:translateY(-100vh) rotateX(0deg)}10%,90%{opacity:1}to{opacity:0;transform:translateY(100vh) rotateX(1turn)}}@keyframes circuit-pulse-3d{0%,to{opacity:.2;transform:scaleX(1)}50%{opacity:.6;transform:scaleX(1.02)}}@keyframes element-rise{0%{opacity:0;transform:translateY(20px) rotateX(5deg)}to{opacity:1;transform:translateY(0) rotateX(0deg)}}@keyframes energy-flow{0%{left:-100%;opacity:0}50%{opacity:.6}to{left:100%;opacity:0}}@keyframes title-mega-pulse{0%,to{filter:brightness(1) contrast(1);text-shadow:0 0 20px var(--cyber-glow)}50%{filter:brightness(1.2) contrast(1.1);text-shadow:0 0 40px var(--cyber-glow)}}@keyframes mega-glitch{0%,95%,to{filter:hue-rotate(0deg);opacity:.1;transform:translate(0)}2%{filter:hue-rotate(90deg);opacity:.7;transform:translate(-2px,1px)}4%{filter:hue-rotate(180deg);opacity:.5;transform:translate(2px,-1px)}}@keyframes subtitle-plasma-glow{0%{opacity:.8;text-shadow:0 0 10px var(--cyber-secondary)}to{opacity:1;text-shadow:0 0 20px var(--cyber-secondary)}}@keyframes orbit-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes energy-pulse-wave{0%{opacity:.8;transform:translate(-50%,-50%) scale(.9)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}@keyframes hex-glow{0%,to{box-shadow:0 0 8px currentColor;opacity:.4}50%{box-shadow:0 0 16px currentColor;opacity:.8}}@keyframes aura-expansion{0%{opacity:.6;transform:translate(-50%,-50%) scale(.9)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@keyframes particle-drift-3d{0%{opacity:0;transform:translateX(-50px) translateY(100vh) rotate(0deg)}20%,80%{opacity:.8}to{opacity:0;transform:translateX(calc(100vw + 50px)) translateY(-50px) rotate(180deg)}}@keyframes shape-float-3d{0%,to{opacity:.1;transform:translateY(0) rotateY(0deg) rotateX(0deg)}50%{opacity:.3;transform:translateY(-20px) rotateY(180deg) rotateX(90deg)}}@keyframes layer-drift-3d{0%,to{opacity:.15;transform:translateZ(-200px) scale(1.5) rotateY(0deg)}50%{opacity:.1;transform:translateZ(-180px) scale(1.52) rotateY(2deg)}}@keyframes layer-rotate-3d{0%{transform:translateZ(-100px) scale(1.3) rotateX(10deg) rotate(0deg)}to{transform:translateZ(-100px) scale(1.3) rotateX(10deg) rotate(1turn)}}@keyframes layer-pulse-3d{0%,to{opacity:.2;transform:translateZ(100px) scale(.8) rotateY(15deg)}50%{opacity:.15;transform:translateZ(120px) scale(.82) rotateY(17deg)}}@keyframes node-pulse-3d{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes field-pulse-3d{0%,to{opacity:.1;transform:scaleY(.9)}50%{opacity:.3;transform:scaleY(1.1)}}@keyframes card-appear{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--card-angle)) translateY(calc(var(--card-distance)*-1*.83)) rotate(calc(var(--card-angle)*-1)) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--card-angle)) translateY(calc(var(--card-distance)*-1)) rotate(calc(var(--card-angle)*-1)) scale(1)}}@keyframes border-energy-flow-perimeter{0%{background:linear-gradient(90deg,#00ff4166,#0000 10%,#0000 90%,#0000);transform:rotate(0deg)}25%{background:linear-gradient(180deg,#0000,#0000 40%,#00ff4166 50%,#0000 60%,#0000);transform:rotate(90deg)}50%{background:linear-gradient(270deg,#0000,#0000 40%,#00ff4166 50%,#0000 60%,#0000);transform:rotate(180deg)}75%{background:linear-gradient(1turn,#0000,#0000 40%,#00ff4166 50%,#0000 60%,#0000);transform:rotate(270deg)}to{background:linear-gradient(90deg,#00ff4166,#0000 10%,#0000 90%,#0000);transform:rotate(1turn)}}@keyframes enhanced-glow-pulse{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.1)}}:root{--explosion-primary:#ff0040;--explosion-secondary:#00ff80;--explosion-accent:#8000ff;--shockwave-color:#fffc;--debris-color:#ff4000;--glitch-primary:red;--glitch-secondary:#0f0;--glitch-tertiary:#00f;--transition-duration:4s;--smooth-ease-out:cubic-bezier(0.19,1,0.22,1);--smooth-ease-in:cubic-bezier(0.4,0,0.6,1);--smooth-ease-in-out:cubic-bezier(0.4,0,0.2,1);--ultra-smooth:cubic-bezier(0.25,0.1,0.25,1);--gentle-bounce:cubic-bezier(0.68,-0.55,0.265,1.55)}.cyber-landing--transitioning,.cyber-landing--transitioning *,.page-transition,.page-transition *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:strict;perspective:1000px;transform:translateZ(0);transform-style:preserve-3d;will-change:transform,opacity,filter}.page-transition__worker-particles{contain:layout style paint;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.page-transition__worker-particles--active{pointer-events:all}.page-transition .worker-particle-canvas{-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:strict;height:100vh;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:translateZ(0);transition:opacity .3s ease;width:100vw;will-change:opacity,transform;z-index:5}.page-transition--active .worker-particle-canvas{animation:worker-particles-explosion-entrance 4s ease forwards;animation:worker-particles-explosion-entrance 4s var(--ultra-smooth) forwards;opacity:1}.page-transition__explosion-particles{animation:explosion-particle-burst 3.5s ease-out forwards}.page-transition__spiral-particles{animation:spiral-particle-dance 4s ease forwards;animation:spiral-particle-dance 4s var(--ultra-smooth) forwards}.page-transition__shockwave-particles{animation:shockwave-particle-dispersion 3s ease-out .5s forwards}.page-transition__reality-tear-particles{animation:reality-tear-particle-chaos 3.5s steps(20) forwards}.page-transition[data-performance=high] .worker-particle-canvas{animation-duration:4s;filter:blur(0) brightness(1)}.page-transition[data-performance=medium] .worker-particle-canvas{animation-duration:3.5s;filter:blur(.5px) brightness(.9)}.page-transition[data-performance=low] .worker-particle-canvas{animation-duration:3s;filter:blur(1px) brightness(.8);opacity:.7}@media (max-width:768px){.page-transition .worker-particle-canvas{filter:blur(.5px);opacity:.6}}@media (max-width:480px){.page-transition .worker-particle-canvas{filter:blur(1px);opacity:.4}}@media (prefers-reduced-motion:reduce){.page-transition .worker-particle-canvas{animation-duration:.5s!important;filter:blur(2px)!important;opacity:.3!important}}.page-transition{contain:layout style paint;height:100vh;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100vw;z-index:9999}.page-transition--active{pointer-events:all}.cyber-landing--transitioning .cyber-landing__title-portal{animation:logo-spiral-entrance 1s cubic-bezier(.19,1,.22,1) 0s,logo-smooth-explosion-spin 3.5s ease 1s forwards;animation:logo-spiral-entrance 1s var(--smooth-ease-out) 0s,logo-smooth-explosion-spin 3.5s var(--ultra-smooth) 1s forwards;contain:layout;transform-origin:center center}.cyber-landing--transitioning .cyber-landing__title-main-portal{animation:logo-text-smooth-glitch 1.2s cubic-bezier(.4,0,.2,1) 0s,logo-ultra-smooth-spiral-exit 3s cubic-bezier(.19,1,.22,1) 1.2s forwards;animation:logo-text-smooth-glitch 1.2s var(--smooth-ease-in-out) 0s,logo-ultra-smooth-spiral-exit 3s var(--smooth-ease-out) 1.2s forwards;contain:layout}.cyber-landing--transitioning .cyber-landing__title-sub-portal{animation:subtitle-gentle-float 1.8s cubic-bezier(.19,1,.22,1) .3s forwards,subtitle-smooth-disintegrate 2s cubic-bezier(.4,0,.6,1) 2.2s forwards;animation:subtitle-gentle-float 1.8s var(--smooth-ease-out) .3s forwards,subtitle-smooth-disintegrate 2s var(--smooth-ease-in) 2.2s forwards;contain:layout}.cyber-landing--transitioning .cyber-landing__terminal-wrapper{animation:terminal-slide-entrance 1.2s cubic-bezier(.19,1,.22,1) 0s,terminal-ultra-smooth-spiral-away 3.5s ease 1.2s forwards;animation:terminal-slide-entrance 1.2s var(--smooth-ease-out) 0s,terminal-ultra-smooth-spiral-away 3.5s var(--ultra-smooth) 1.2s forwards;contain:layout;transform-origin:center top}.cyber-landing--transitioning .matrix-terminal{animation:terminal-smooth-glitch-out 1.5s cubic-bezier(.4,0,.2,1) 0s,terminal-smooth-reality-tear 3s cubic-bezier(.4,0,.6,1) 1.5s forwards;animation:terminal-smooth-glitch-out 1.5s var(--smooth-ease-in-out) 0s,terminal-smooth-reality-tear 3s var(--smooth-ease-in) 1.5s forwards;contain:layout}.cyber-landing--transitioning .cyber-landing__particle-system{animation:particles-ultra-smooth-chaos 4s ease forwards;animation:particles-ultra-smooth-chaos 4s var(--ultra-smooth) forwards;contain:layout}.cyber-landing--transitioning .cyber-landing__particle{animation:particle-ultra-smooth-explosion 4s ease forwards!important;animation:particle-ultra-smooth-explosion 4s var(--ultra-smooth) forwards!important;contain:layout}.cyber-landing--transitioning .cyber-landing__circuit-line{animation:circuit-ultra-smooth-overload 3.5s cubic-bezier(.19,1,.22,1) forwards!important;animation:circuit-ultra-smooth-overload 3.5s var(--smooth-ease-out) forwards!important;contain:layout}.cyber-landing--transitioning .cyber-landing__circuit-node{animation:node-ultra-smooth-explosion 3s cubic-bezier(.19,1,.22,1) forwards!important;animation:node-ultra-smooth-explosion 3s var(--smooth-ease-out) forwards!important;contain:layout}.cyber-landing--transitioning .cyber-landing__matrix-character{animation:matrix-rain-ultra-smooth-acceleration 4s cubic-bezier(.4,0,.6,1) forwards!important;animation:matrix-rain-ultra-smooth-acceleration 4s var(--smooth-ease-in) forwards!important;contain:layout}.cyber-landing--transitioning .cyber-landing__bg-layers{animation:background-ultra-smooth-collapse 4s ease forwards;animation:background-ultra-smooth-collapse 4s var(--ultra-smooth) forwards;contain:layout}.cyber-landing--transitioning{animation:screen-ultra-smooth-shake 1.5s cubic-bezier(.4,0,.2,1) 0s,reality-ultra-smooth-distortion 4s ease 1.2s forwards;animation:screen-ultra-smooth-shake 1.5s var(--smooth-ease-in-out) 0s,reality-ultra-smooth-distortion 4s var(--ultra-smooth) 1.2s forwards;contain:layout}.page-transition__explosion-overlay{animation:explosion-flash-enhanced 3.5s ease-out forwards;background:radial-gradient(circle at 50% 50%,#ff0040 0,#0000 40%),radial-gradient(circle at 30% 70%,#00ff80 0,#0000 60%),radial-gradient(circle at 70% 30%,#8000ff 0,#0000 50%);background:radial-gradient(circle at 50% 50%,var(--explosion-primary) 0,#0000 40%),radial-gradient(circle at 30% 70%,var(--explosion-secondary) 0,#0000 60%),radial-gradient(circle at 70% 30%,var(--explosion-accent) 0,#0000 50%)}.page-transition__explosion-overlay,.page-transition__fade-out{contain:layout;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.page-transition__fade-out{animation:smooth-fade-to-navigation 1.2s ease-in 3.2s forwards;background:linear-gradient(135deg,#000000e6,#001428f2 30%,#000000fa 70%,#000);z-index:10000}.page-transition__shockwave{border:2px solid #fffc;border:2px solid var(--shockwave-color);border-radius:50%;contain:layout;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.page-transition__shockwave--1{animation:shockwave-ultra-smooth-expansion 4s ease .2s forwards;animation:shockwave-ultra-smooth-expansion 4s var(--ultra-smooth) .2s forwards;height:100px;width:100px}.page-transition__shockwave--2{animation:shockwave-ultra-smooth-expansion 4s ease .4s forwards;animation:shockwave-ultra-smooth-expansion 4s var(--ultra-smooth) .4s forwards;height:200px;width:200px}.page-transition__shockwave--3{animation:shockwave-ultra-smooth-expansion 4s ease .6s forwards;animation:shockwave-ultra-smooth-expansion 4s var(--ultra-smooth) .6s forwards;height:300px;width:300px}.page-transition__shockwave--4{animation:shockwave-ultra-smooth-expansion 4s ease .8s forwards;animation:shockwave-ultra-smooth-expansion 4s var(--ultra-smooth) .8s forwards;height:500px;width:500px}.page-transition__shockwave--5{animation:shockwave-ultra-smooth-expansion 4s ease 1s forwards;animation:shockwave-ultra-smooth-expansion 4s var(--ultra-smooth) 1s forwards;height:800px;width:800px}.page-transition__shockwave--6{animation:shockwave-ultra-smooth-expansion 4s ease 1.2s forwards;animation:shockwave-ultra-smooth-expansion 4s var(--ultra-smooth) 1.2s forwards;height:1200px;width:1200px}.page-transition__energy-ripple{border:1px solid #00ff80;border:1px solid var(--explosion-secondary);border-radius:50%;contain:layout;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.page-transition__energy-ripple--1{animation:energy-ripple-wave 2.5s ease-out .5s forwards;height:50px;width:50px}.page-transition__energy-ripple--2{animation:energy-ripple-wave 2.5s ease-out .8s forwards;height:150px;width:150px}.page-transition__energy-ripple--3{animation:energy-ripple-wave 2.5s ease-out 1.1s forwards;height:250px;width:250px}.page-transition__plasma-burst{animation:plasma-burst-explosion 2.8s ease-out 1.2s forwards;background:radial-gradient(circle,#8000ff 0,#ff0040 30%,#0000 70%);background:radial-gradient(circle,var(--explosion-accent) 0,var(--explosion-primary) 30%,#0000 70%);contain:layout;height:200px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}.page-transition__reality-glitch{animation:reality-tear-enhanced 3.5s steps(30) forwards;background:linear-gradient(90deg,red,#0000 2%,#0000 98%,#0f0);background:linear-gradient(90deg,var(--glitch-primary) 0,#0000 2%,#0000 98%,var(--glitch-secondary) 100%);mix-blend-mode:difference}.page-transition__reality-glitch,.page-transition__screen-crack{contain:layout;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.page-transition__screen-crack{animation:screen-crack-appear-enhanced 2s ease-out 1.5s forwards;background:linear-gradient(45deg,#0000 45%,#ffffffe6 46%,#ffffffe6 47%,#0000 48%),linear-gradient(-45deg,#0000 52%,#ffffffb3 53%,#ffffffb3 54%,#0000 55%),linear-gradient(135deg,#0000 58%,#ffffff80 59%,#ffffff80 60%,#0000 61%),linear-gradient(-135deg,#0000 35%,#fff9 36%,#fff9 37%,#0000 38%)}.page-transition__debris{background:#ff4000;background:var(--debris-color);border-radius:50%;box-shadow:0 0 10px currentColor,0 0 20px #ff400080;contain:layout;height:6px;position:absolute;width:6px}.page-transition__debris--1{animation:debris-explosion-enhanced-1 3.5s cubic-bezier(.25,.46,.45,.94) .2s forwards;left:50%;top:50%}.page-transition__debris--2{animation:debris-explosion-enhanced-2 3.5s cubic-bezier(.25,.46,.45,.94) .4s forwards;left:50%;top:50%}.page-transition__debris--3{animation:debris-explosion-enhanced-3 3.5s cubic-bezier(.25,.46,.45,.94) .6s forwards;left:50%;top:50%}.page-transition__debris--4{animation:debris-explosion-enhanced-4 3.5s cubic-bezier(.25,.46,.45,.94) .8s forwards;left:50%;top:50%}.page-transition__debris--5{animation:debris-explosion-enhanced-5 3.5s cubic-bezier(.25,.46,.45,.94) 1s forwards;left:50%;top:50%}.page-transition__debris--6{animation:debris-explosion-enhanced-6 3.5s cubic-bezier(.25,.46,.45,.94) 1.2s forwards;left:50%;top:50%}.page-transition__debris--7{animation:debris-explosion-enhanced-7 3.5s cubic-bezier(.25,.46,.45,.94) 1.4s forwards;left:50%;top:50%}.page-transition__debris--8{animation:debris-explosion-enhanced-8 3.5s cubic-bezier(.25,.46,.45,.94) 1.6s forwards;left:50%;top:50%}@keyframes logo-spiral-entrance{0%{opacity:0;transform:translateX(-100vw) translateY(50vh) rotate(-180deg)}30%{opacity:.3;transform:translateX(-30vw) translateY(20vh) rotate(-90deg)}60%{opacity:.7;transform:translateX(-5vw) translateY(5vh) rotate(-30deg)}80%{opacity:.9;transform:translateX(-1vw) translateY(1vh) rotate(-10deg)}to{opacity:1;transform:translateX(0) translateY(0) rotate(0deg)}}@keyframes logo-smooth-explosion-spin{0%{filter:brightness(1) blur(0);opacity:1;transform:rotate(0deg)}20%{filter:brightness(1.3) blur(.5px);opacity:.98;transform:rotate(90deg)}40%{filter:brightness(2) blur(1.8px);opacity:.9;transform:rotate(252deg)}60%{filter:brightness(4) blur(5px);opacity:.65;transform:rotate(486deg)}80%{filter:brightness(10) blur(13px);opacity:.25;transform:rotate(792deg)}to{filter:brightness(25) blur(30px);opacity:0;transform:rotate(3turn)}}@keyframes logo-text-smooth-glitch{0%,85%,to{filter:hue-rotate(0deg);opacity:1;transform:translate(0)}5%{filter:hue-rotate(90deg);opacity:.9;transform:translate(-2px,1px)}10%{filter:hue-rotate(180deg);opacity:.8;transform:translate(2px,-1px)}15%{filter:hue-rotate(270deg);opacity:.9;transform:translate(-1px,-1px)}}@keyframes logo-ultra-smooth-spiral-exit{0%{filter:brightness(1) blur(0) hue-rotate(0deg);opacity:1;transform:translateX(0) translateY(0) rotate(0deg)}25%{filter:brightness(3) blur(2px) hue-rotate(90deg);opacity:1;transform:translateX(20vw) translateY(-10vh) rotate(90deg)}50%{filter:brightness(8) blur(8px) hue-rotate(180deg);opacity:.7;transform:translateX(50vw) translateY(-30vh) rotate(270deg)}75%{filter:brightness(15) blur(15px) hue-rotate(270deg);opacity:.3;transform:translateX(80vw) translateY(-60vh) rotate(540deg)}to{filter:brightness(25) blur(30px) hue-rotate(1turn);opacity:0;transform:translateX(120vw) translateY(-100vh) rotate(2turn)}}@keyframes subtitle-gentle-float{0%{opacity:1;transform:translateY(0) translateX(0) rotate(0deg)}30%{opacity:.8;transform:translateY(-30px) translateX(-10px) rotate(45deg)}60%{opacity:.4;transform:translateY(-80px) translateX(20px) rotate(180deg)}to{opacity:0;transform:translateY(-200px) translateX(-30px) rotate(1turn)}}@keyframes subtitle-smooth-disintegrate{0%{filter:blur(0);opacity:.4}50%{filter:blur(8px);opacity:.2}to{filter:blur(25px);opacity:0}}@keyframes terminal-slide-entrance{0%{opacity:0;transform:translateY(100vh) translateX(-50vw) rotate(-45deg)}40%{opacity:.6;transform:translateY(20vh) translateX(-10vw) rotate(-15deg)}70%{opacity:.9;transform:translateY(5vh) translateX(-2vw) rotate(-5deg)}to{opacity:1;transform:translateY(0) translateX(0) rotate(0deg)}}@keyframes terminal-ultra-smooth-spiral-away{0%{opacity:1;transform:translateY(0) translateX(0) rotate(0deg)}20%{opacity:.88;transform:translateY(55px) translateX(50px) rotate(32deg)}40%{opacity:.7;transform:translateY(140px) translateX(120px) rotate(100deg)}60%{opacity:.45;transform:translateY(300px) translateX(230px) rotate(220deg)}80%{opacity:.18;transform:translateY(580px) translateX(380px) rotate(420deg)}to{opacity:0;transform:translateY(1000px) translateX(600px) rotate(2turn)}}@keyframes terminal-smooth-glitch-out{0%,to{filter:hue-rotate(0deg) brightness(1);transform:translate(0)}8%{filter:hue-rotate(45deg) brightness(1.5);transform:translate(-3px,1px)}16%{filter:hue-rotate(90deg) brightness(.7);transform:translate(3px,-1px)}24%{filter:hue-rotate(135deg) brightness(2);transform:translate(-2px,-2px)}32%{filter:hue-rotate(180deg) brightness(1);transform:translate(2px,2px)}}@keyframes terminal-smooth-reality-tear{0%{-webkit-clip-path:inset(0);clip-path:inset(0);filter:blur(0);opacity:1}20%{-webkit-clip-path:inset(5px 3px 8px 5px);clip-path:inset(5px 3px 8px 5px);filter:blur(1px);opacity:.9}40%{-webkit-clip-path:inset(15px 10px 20px 8px);clip-path:inset(15px 10px 20px 8px);filter:blur(3px);opacity:.7}60%{-webkit-clip-path:inset(35px 25px 40px 20px);clip-path:inset(35px 25px 40px 20px);filter:blur(8px);opacity:.4}80%{-webkit-clip-path:inset(60px 45px 65px 40px);clip-path:inset(60px 45px 65px 40px);filter:blur(18px);opacity:.1}to{-webkit-clip-path:inset(100% 100% 100% 100%);clip-path:inset(100% 100% 100% 100%);filter:blur(35px);opacity:0}}@keyframes explosion-flash-enhanced{0%{-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%);opacity:0}15%{-webkit-clip-path:circle(25% at 50% 50%);clip-path:circle(25% at 50% 50%);opacity:.7}25%{-webkit-clip-path:circle(40% at 50% 50%);clip-path:circle(40% at 50% 50%);opacity:1}60%{-webkit-clip-path:circle(80% at 50% 50%);clip-path:circle(80% at 50% 50%);opacity:.6}to{-webkit-clip-path:circle(150% at 50% 50%);clip-path:circle(150% at 50% 50%);opacity:0}}@keyframes shockwave-ultra-smooth-expansion{0%{height:0;opacity:1;transform:translate(-50%,-50%);width:0}20%{height:200px;opacity:.8;transform:translate(-50%,-50%);width:200px}50%{height:800px;opacity:.48;transform:translate(-50%,-50%);width:800px}80%{height:1800px;opacity:.12;transform:translate(-50%,-50%);width:1800px}to{height:2400px;opacity:0;transform:translate(-50%,-50%);width:2400px}}@keyframes energy-ripple-wave{0%{-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%);opacity:.8;transform:translate(-50%,-50%)}50%{-webkit-clip-path:circle(150% at 50% 50%);clip-path:circle(150% at 50% 50%);opacity:.6;transform:translate(-50%,-50%)}to{-webkit-clip-path:circle(300% at 50% 50%);clip-path:circle(300% at 50% 50%);opacity:0;transform:translate(-50%,-50%)}}@keyframes plasma-burst-explosion{0%{-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%);opacity:0;transform:translate(-50%,-50%) rotate(0deg)}30%{-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);opacity:1;transform:translate(-50%,-50%) rotate(120deg)}70%{-webkit-clip-path:circle(100% at 50% 50%);clip-path:circle(100% at 50% 50%);opacity:.5;transform:translate(-50%,-50%) rotate(240deg)}to{-webkit-clip-path:circle(200% at 50% 50%);clip-path:circle(200% at 50% 50%);opacity:0;transform:translate(-50%,-50%) rotate(1turn)}}@keyframes reality-tear-enhanced{0%,to{opacity:0;transform:scaleX(1) scaleY(1) skewX(0deg)}8%{opacity:.2;transform:scaleX(1.05) scaleY(.98) skewX(2deg)}24%{opacity:.6;transform:scaleX(1.08) scaleY(.95) skewX(3deg)}40%{opacity:.7;transform:scaleX(1.12) scaleY(.88) skewX(4deg)}72%{opacity:.3;transform:scaleX(1.03) scaleY(.97) skewX(1deg)}96%{opacity:.02;transform:scaleX(.99) scaleY(1.01) skewX(-.1deg)}}@keyframes screen-crack-appear-enhanced{0%{opacity:0;transform:scale(.5)}30%{opacity:.4;transform:scale(.8)}60%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes debris-explosion-enhanced-1{0%{opacity:1;transform:translate(0) rotate(0deg)}20%{opacity:1;transform:translate(-60px,-80px) rotate(180deg)}50%{opacity:.6;transform:translate(-150px,-200px) rotate(450deg)}80%{opacity:.2;transform:translate(-280px,-380px) rotate(2turn)}to{opacity:0;transform:translate(-400px,-550px) rotate(3turn)}}@keyframes debris-explosion-enhanced-2{0%{opacity:1;transform:translate(0) rotate(0deg)}20%{opacity:1;transform:translate(80px,-60px) rotate(-150deg)}50%{opacity:.7;transform:translate(200px,-180px) rotate(-420deg)}80%{opacity:.3;transform:translate(350px,-320px) rotate(-680deg)}to{opacity:0;transform:translate(500px,-480px) rotate(-900deg)}}@keyframes debris-explosion-enhanced-3{0%{opacity:1;transform:translate(0) rotate(0deg)}20%{opacity:1;transform:translate(-90px,70px) rotate(200deg)}50%{opacity:.5;transform:translate(-220px,160px) rotate(500deg)}80%{opacity:.2;transform:translate(-380px,280px) rotate(800deg)}to{opacity:0;transform:translate(-550px,420px) rotate(1200deg)}}@keyframes debris-explosion-enhanced-4{0%{opacity:1;transform:translate(0) rotate(0deg)}20%{opacity:1;transform:translate(70px,90px) rotate(-180deg)}50%{opacity:.6;transform:translate(180px,220px) rotate(-450deg)}80%{opacity:.3;transform:translate(320px,380px) rotate(-2turn)}to{opacity:0;transform:translate(480px,550px) rotate(-3turn)}}@keyframes debris-explosion-enhanced-5{0%{opacity:1;transform:translate(0) rotate(0deg)}20%{opacity:1;transform:translate(-50px,-100px) rotate(160deg)}50%{opacity:.7;transform:translate(-130px,-250px) rotate(400deg)}80%{opacity:.2;transform:translate(-250px,-420px) rotate(640deg)}to{opacity:0;transform:translate(-380px,-600px) rotate(960deg)}}@keyframes debris-explosion-enhanced-6{0%{opacity:1;transform:translate(0) rotate(0deg)}20%{opacity:1;transform:translate(100px,50px) rotate(-200deg)}50%{opacity:.6;transform:translate(250px,130px) rotate(-500deg)}80%{opacity:.3;transform:translate(420px,250px) rotate(-800deg)}to{opacity:0;transform:translate(600px,380px) rotate(-1200deg)}}@keyframes debris-explosion-enhanced-7{0%{opacity:1;transform:translate(0) rotate(0deg)}20%{opacity:1;transform:translate(-80px,60px) rotate(220deg)}50%{opacity:.5;transform:translate(-200px,150px) rotate(550deg)}80%{opacity:.2;transform:translate(-350px,270px) rotate(880deg)}to{opacity:0;transform:translate(-520px,410px) rotate(1320deg)}}@keyframes debris-explosion-enhanced-8{0%{opacity:1;transform:translate(0) rotate(0deg)}20%{opacity:1;transform:translate(60px,-110px) rotate(-240deg)}50%{opacity:.7;transform:translate(150px,-280px) rotate(-600deg)}80%{opacity:.3;transform:translate(280px,-470px) rotate(-960deg)}to{opacity:0;transform:translate(420px,-680px) rotate(-4turn)}}@keyframes particles-ultra-smooth-chaos{0%{filter:brightness(1) hue-rotate(0deg) saturate(1);opacity:1}30%{filter:brightness(3) hue-rotate(120deg) saturate(1.8);opacity:.8}60%{filter:brightness(8) hue-rotate(240deg) saturate(.3);opacity:.4}to{filter:brightness(0) hue-rotate(1turn) saturate(0);opacity:0}}@keyframes particle-ultra-smooth-explosion{0%{filter:brightness(1) hue-rotate(0deg) saturate(1);opacity:1;transform:translate(0) rotate(0deg)}40%{filter:brightness(5) hue-rotate(144deg) saturate(.8);opacity:.7;transform:translate(-60px,80px) rotate(180deg)}80%{filter:brightness(.2) hue-rotate(288deg) saturate(.1);opacity:.1;transform:translate(-180px,120px) rotate(1turn)}to{filter:brightness(0) hue-rotate(1turn) saturate(0);opacity:0;transform:translate(250px,-200px) rotate(450deg)}}@keyframes circuit-ultra-smooth-overload{0%{box-shadow:0 0 5px currentColor;filter:brightness(1) blur(0) hue-rotate(0deg) saturate(1);opacity:.4}40%{box-shadow:0 0 30px currentColor;filter:brightness(5) blur(3px) hue-rotate(90deg) saturate(2);opacity:1}80%{box-shadow:0 0 80px currentColor;filter:brightness(20) blur(12px) hue-rotate(270deg) saturate(.5);opacity:.6}to{box-shadow:0 0 0 #0000;filter:brightness(0) blur(25px) hue-rotate(1turn) saturate(0);opacity:0}}@keyframes node-ultra-smooth-explosion{0%{box-shadow:0 0 15px currentColor;filter:brightness(1) hue-rotate(0deg) saturate(1);opacity:.6}60%{box-shadow:0 0 60px currentColor;filter:brightness(8) hue-rotate(180deg) saturate(.6);opacity:.8}to{box-shadow:0 0 0 #0000;filter:brightness(0) hue-rotate(1turn) saturate(0);opacity:0}}@keyframes matrix-rain-ultra-smooth-acceleration{0%{filter:brightness(1) hue-rotate(0deg) saturate(1);opacity:.2;transform:translateY(0)}40%{filter:brightness(4) hue-rotate(90deg) saturate(1.6);opacity:1;transform:translateY(60vh)}80%{filter:brightness(.5) hue-rotate(270deg) saturate(.3);opacity:.4;transform:translateY(180vh)}to{filter:brightness(0) hue-rotate(1turn) saturate(0);opacity:0;transform:translateY(250vh)}}@keyframes background-ultra-smooth-collapse{0%{filter:brightness(1) contrast(1) blur(0) hue-rotate(0deg) saturate(1);opacity:1}40%{filter:brightness(.5) contrast(2) blur(4px) hue-rotate(90deg) saturate(.6);opacity:.7}80%{filter:brightness(.1) contrast(.1) blur(20px) hue-rotate(270deg) saturate(.1);opacity:.1}to{filter:brightness(0) contrast(0) blur(35px) hue-rotate(1turn) saturate(0);opacity:0}}@keyframes screen-ultra-smooth-shake{0%,to{transform:translate(0) rotate(0deg)}8%{transform:translate(-4px,2px) rotate(.2deg)}16%{transform:translate(3px,-2px) rotate(-.1deg)}24%{transform:translate(-5px,4px) rotate(.3deg)}32%{transform:translate(6px,-3px) rotate(-.2deg)}48%{transform:translate(4px,-6px) rotate(-.3deg)}64%{transform:translate(5px,-4px) rotate(-.1deg)}80%{transform:translate(3px,-5px) rotate(-.2deg)}96%{transform:translate(2px,-2px) rotate(-.05deg)}}@keyframes reality-ultra-smooth-distortion{0%{filter:brightness(1) contrast(1) saturate(1) hue-rotate(0deg);opacity:1}40%{filter:brightness(.3) contrast(3) saturate(.2) hue-rotate(144deg);opacity:.7}80%{filter:brightness(.1) contrast(.2) saturate(.1) hue-rotate(288deg);opacity:.1}to{filter:brightness(0) contrast(0) saturate(0) hue-rotate(1turn);opacity:0}}@keyframes smooth-fade-to-navigation{0%{filter:blur(10px);opacity:0;transform:scale(.95)}30%{filter:blur(5px);opacity:.3;transform:scale(.98)}70%{filter:blur(1px);opacity:.8;transform:scale(1.01)}to{filter:blur(0);opacity:1;transform:scale(1)}}@keyframes worker-particles-explosion-entrance{0%{filter:brightness(.5) hue-rotate(0deg) saturate(1);opacity:0;transform:scale(.8) rotate(0deg)}20%{filter:brightness(2) hue-rotate(90deg) saturate(1.5);opacity:.8;transform:scale(1.1) rotate(72deg)}40%{filter:brightness(4) hue-rotate(180deg) saturate(.8);opacity:1;transform:scale(1.3) rotate(144deg)}60%{filter:brightness(8) hue-rotate(270deg) saturate(.4);opacity:.7;transform:scale(1.8) rotate(216deg)}80%{filter:brightness(15) hue-rotate(320deg) saturate(.1);opacity:.3;transform:scale(2.5) rotate(288deg)}to{filter:brightness(0) hue-rotate(1turn) saturate(0);opacity:0;transform:scale(3.2) rotate(1turn)}}@keyframes explosion-particle-burst{0%{filter:brightness(1) hue-rotate(0deg);opacity:1;transform:scale(1) translate(0)}30%{filter:brightness(3) hue-rotate(120deg);opacity:1;transform:scale(1.5) translate(0)}60%{filter:brightness(8) hue-rotate(240deg);opacity:.6;transform:scale(2.2) translate(0)}to{filter:brightness(0) hue-rotate(1turn);opacity:0;transform:scale(3.5) translate(0)}}@keyframes spiral-particle-dance{0%{filter:brightness(1) hue-rotate(0deg) saturate(1);opacity:1;transform:scale(1) rotate(0deg) translateX(0) rotate(0deg)}25%{filter:brightness(2) hue-rotate(90deg) saturate(1.2);opacity:.9;transform:scale(1.2) rotate(90deg) translateX(50px) rotate(-90deg)}50%{filter:brightness(5) hue-rotate(180deg) saturate(.8);opacity:.6;transform:scale(1.6) rotate(180deg) translateX(120px) rotate(-180deg)}75%{filter:brightness(12) hue-rotate(270deg) saturate(.3);opacity:.3;transform:scale(2.1) rotate(270deg) translateX(200px) rotate(-270deg)}to{filter:brightness(0) hue-rotate(1turn) saturate(0);opacity:0;transform:scale(2.8) rotate(1turn) translateX(300px) rotate(-1turn)}}@keyframes shockwave-particle-dispersion{0%{filter:brightness(1) blur(0) hue-rotate(0deg);opacity:.8;transform:scale(1) translateZ(0)}40%{filter:brightness(4) blur(2px) hue-rotate(144deg);opacity:.6;transform:scale(1.8) translateZ(0)}80%{filter:brightness(.5) blur(8px) hue-rotate(288deg);opacity:.2;transform:scale(3.2) translateZ(0)}to{filter:brightness(0) blur(15px) hue-rotate(1turn);opacity:0;transform:scale(4.5) translateZ(0)}}@keyframes reality-tear-particle-chaos{0%,to{filter:brightness(1) contrast(1) hue-rotate(0deg);opacity:1;transform:scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}12%{filter:brightness(3) contrast(2) hue-rotate(45deg);opacity:.9;transform:scaleX(1.1) scaleY(.9) skewX(2deg) skewY(-1deg)}25%{filter:brightness(6) contrast(.5) hue-rotate(90deg);opacity:.7;transform:scaleX(.8) scaleY(1.3) skewX(-3deg) skewY(2deg)}37%{filter:brightness(12) contrast(3) hue-rotate(135deg);opacity:.5;transform:scaleX(1.3) scaleY(.7) skewX(4deg) skewY(-3deg)}50%{filter:brightness(20) contrast(.2) hue-rotate(180deg);opacity:.3;transform:scaleX(.6) scaleY(1.5) skewX(-5deg) skewY(4deg)}62%{filter:brightness(8) contrast(1.5) hue-rotate(225deg);opacity:.4;transform:scaleX(1.4) scaleY(.6) skewX(3deg) skewY(-2deg)}75%{filter:brightness(3) contrast(.8) hue-rotate(270deg);opacity:.2;transform:scaleX(.9) scaleY(1.2) skewX(-2deg) skewY(1deg)}87%{filter:brightness(1) contrast(1.2) hue-rotate(315deg);opacity:.1;transform:scaleX(1.1) scaleY(.8) skewX(1deg) skewY(-.5deg)}}@media (max-width:768px){:root{--transition-duration:3.5s}.page-transition__shockwave--5,.page-transition__shockwave--6{display:none}.page-transition__debris{height:4px;width:4px}.page-transition__debris--7,.page-transition__debris--8{display:none}.page-transition__fade-out{animation:smooth-fade-to-navigation 1s ease-in 2.8s forwards}}@media (max-width:480px){:root{--transition-duration:3s}.page-transition__debris--6,.page-transition__debris--7,.page-transition__debris--8,.page-transition__energy-ripple--3,.page-transition__shockwave--4,.page-transition__shockwave--5,.page-transition__shockwave--6{display:none}.page-transition__fade-out{animation:smooth-fade-to-navigation .8s ease-in 2.5s forwards}}@media (prefers-reduced-motion:reduce){.cyber-landing--transitioning *{animation-duration:.5s!important}.page-transition__debris,.page-transition__energy-ripple,.page-transition__shockwave{display:none}.page-transition__fade-out{animation:smooth-fade-to-navigation .5s ease-in .3s forwards}}.transform-gpu{transform:translateZ(0);-webkit-transform:translateZ(0)}.will-change-transform{will-change:transform,opacity}.will-change-auto{will-change:auto}.backface-hidden{backface-visibility:hidden;-webkit-backface-visibility:hidden}.preserve-3d{transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.animate-fade-in{animation:optimized-fade-in .6s ease-out forwards}.animate-fade-out{animation:optimized-fade-out .3s ease-in forwards}.animate-slide-in-up{animation:optimized-slide-in-up .8s cubic-bezier(.25,.46,.45,.94) forwards}.animate-scale-in{animation:optimized-scale-in .3s cubic-bezier(.25,.46,.45,.94) forwards}.animate-scale-out{animation:optimized-scale-out .2s ease-in forwards}@keyframes optimized-fade-in{0%{opacity:0;transform:translateZ(0)}to{opacity:1;transform:translateZ(0)}}@keyframes optimized-fade-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translateZ(0)}}@keyframes optimized-slide-in-up{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes optimized-scale-in{0%{opacity:0;transform:translateZ(0) scale(.9)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes optimized-scale-out{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translateZ(0) scale(.9)}}.about{background:var(--bg-secondary);background-attachment:fixed;background-image:linear-gradient(45deg,#0000 48%,#00ff4108 49%,#00ff4108 51%,#0000 52%),linear-gradient(-45deg,#0000 48%,#00d4ff05 49%,#00d4ff05 51%,#0000 52%),linear-gradient(0deg,#0000,#0000 45%,rgba(0,255,65,.015) 50%,#0000 55%,#0000),linear-gradient(90deg,#0000,#0000 48%,#00d4ff03 50%,#0000 52%,#0000),radial-gradient(ellipse at 25% 25%,#00ff4105 0,#0000 50%),radial-gradient(ellipse at 75% 75%,rgba(0,212,255,.015) 0,#0000 50%);background-position:0 0,0 0,0 0,0 0,0 0,100% 100%;background-size:120px 120px,100px 100px,8px 64px,64px 8px,300px 300px,400px 400px;contain:layout style paint;margin:0 -2rem;min-height:100vh;overflow:hidden;position:relative;transform:translateZ(0);width:100vw;will-change:auto}.about .container{margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;z-index:1}.about:before{animation:data-transmission 4s ease-in-out infinite;background:linear-gradient(90deg,#0000 0,var(--matrix-primary) 15%,var(--cyber-blue) 30%,var(--matrix-primary) 45%,#0000 50%,var(--cyber-blue) 65%,var(--matrix-primary) 80%,#0000 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:translateZ(0)}@keyframes data-transmission{0%{background-position:-100% 0;opacity:.3}50%{background-position:0 0;opacity:.8}to{background-position:100% 0;opacity:.3}}.about__journey{padding:5rem 0;position:relative;z-index:2}.about__header{margin-bottom:5rem;opacity:0;text-align:center;transform:translate3d(0,20px,0);transition:all .8s ease-out}.about--animated .about__header{opacity:1;transform:translateZ(0)}.about__title{-webkit-text-fill-color:#0000;background:var(--gradient-matrix);-webkit-background-clip:text;background-clip:text;font-family:var(--font-secondary);font-size:clamp(2.25rem,5vw,3.5rem);letter-spacing:1px;margin-bottom:2rem;text-shadow:0 0 15px var(--matrix-primary);text-transform:uppercase}.about__subtitle{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.9}.about__subtitle em{color:var(--cyber-blue);display:block;font-size:1rem;font-style:italic;margin-top:1rem;opacity:.9}.about__journey-content{margin:0 auto;max-width:900px}.about__text{opacity:0;transform:translate3d(-20px,0,0);transition:all .8s ease-out}.about--animated .about__text{opacity:1;transform:translateZ(0);transition-delay:.2s}.about__text h3{color:var(--matrix-primary);font-family:var(--font-secondary);font-size:1.25rem;letter-spacing:.5px;margin-bottom:2rem;text-shadow:0 0 6px var(--matrix-primary);text-transform:uppercase}.about__text p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:2rem}.about__highlights{display:flex;flex-direction:column;gap:1.5rem;margin-top:3rem}.about__highlight{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#001400cc;border-left:3px solid var(--matrix-primary);border-radius:1rem;box-shadow:var(--shadow-panel);overflow:hidden;padding:2rem;position:relative;transform:translateZ(0);transition:all .3s ease}.about__highlight:before{background:var(--gradient-matrix);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:3px}.about__highlight:hover{border-left-color:var(--cyber-blue);box-shadow:var(--shadow-lg);transform:translate3d(6px,0,0)}.about__highlight:hover:before{width:6px}.about__highlight h4{color:var(--text-primary);font-family:var(--font-secondary);font-size:1.125rem;letter-spacing:.3px;margin-bottom:1rem;text-transform:uppercase}.about__highlight p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:0}.about__philosophy{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00140099;border:1px solid var(--border-primary);border-radius:1rem;margin-top:3rem;overflow:hidden;padding:2rem;position:relative}.about__philosophy:before{background:var(--gradient-matrix);content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0}.about__philosophy h4{color:var(--matrix-primary);font-family:var(--font-secondary);font-size:1.125rem;letter-spacing:.5px;margin-bottom:1.5rem;text-shadow:0 0 6px var(--matrix-primary);text-transform:uppercase}.about__code-block{background:#000c;border:1px solid var(--matrix-primary);border-radius:.75rem;box-shadow:inset 0 0 10px #00ff411a;overflow:hidden;padding:1.5rem;position:relative}.about__code-block:before{background:var(--gradient-matrix);content:"";height:1px;left:0;opacity:.4;position:absolute;right:0;top:0}.about__code-block code{color:var(--matrix-primary);display:block;font-family:Courier New,monospace;font-size:.875rem;line-height:1.6;text-shadow:0 0 3px var(--matrix-primary);white-space:pre}.about__skills-section{background:linear-gradient(135deg,#00140066,#00001499 50%,#00140066);border-top:1px solid var(--border-primary);contain:layout style paint;padding:6rem 0;position:relative;transform:translateZ(0)}.about__skills-section:before{animation:ai-processing 15s ease-in-out infinite;background-image:radial-gradient(circle at 20% 30%,#00ff4105 0,#0000 30%),radial-gradient(circle at 80% 70%,rgba(0,212,255,.015) 0,#0000 25%),radial-gradient(circle at 60% 20%,#ffd70003 0,#0000 20%),radial-gradient(circle at 30% 80%,#bf00ff03 0,#0000 25%);background-size:200px 200px,250px 250px,150px 150px,180px 180px;content:"";height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateZ(0);will-change:transform,background-position}@keyframes ai-processing{0%,to{background-position:0 0,100% 100%,50% 0,0 100%;opacity:.6}25%{background-position:10% 5%,90% 95%,60% 10%,5% 90%;opacity:.8}50%{background-position:20% 10%,80% 90%,70% 20%,10% 80%;opacity:1}75%{background-position:10% 5%,90% 95%,40% 30%,15% 70%;opacity:.8}}.about__skills-header{margin-bottom:4rem;opacity:0;text-align:center;transform:translate3d(0,20px,0);transition:all .8s ease-out}.about--animated .about__skills-header{opacity:1;transform:translateZ(0);transition-delay:.3s}.about__skills-title{-webkit-text-fill-color:#0000;background:var(--gradient-cyber);-webkit-background-clip:text;background-clip:text;font-family:var(--font-secondary);font-size:clamp(2rem,4vw,3rem);letter-spacing:1px;margin-bottom:1.5rem;text-shadow:0 0 15px var(--cyber-blue);text-transform:uppercase}.about__skills-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.9}.skills-mode-controls{display:flex;justify-content:center;margin:2rem 0 3rem;opacity:0;transform:translate3d(0,20px,0);transition:all .8s ease-out;will-change:transform,opacity}.about--animated .skills-mode-controls{opacity:1;transform:translateZ(0);transition-delay:.4s}.skills-mode-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#000000e6;border:2px solid var(--matrix-primary);border-radius:1rem;box-shadow:0 4px 15px #0000004d,0 0 20px #00ff411a;color:var(--matrix-primary);contain:layout style;cursor:pointer;display:flex;font-family:var(--font-secondary);font-size:.9rem;font-weight:600;gap:.5rem;letter-spacing:.5px;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-transform:uppercase;transform:translateZ(0);transition:all .4s cubic-bezier(.25,.46,.45,.94);will-change:transform,box-shadow}.skills-mode-toggle:before{background:linear-gradient(135deg,#00ff411a,#0000 50%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.skills-mode-toggle:hover{border-color:var(--cyber-blue);box-shadow:0 6px 20px #0006,0 0 30px #00d4ff4d;color:var(--cyber-blue);transform:translate3d(0,-2px,0) scale3d(1.02,1.02,1.02)}.skills-mode-toggle:hover:before{opacity:1}.skills-mode-toggle:active{transform:translateZ(0) scale3d(.98,.98,.98)}.skills-mode-toggle--planet{animation:planet-mode-toggle-glow 3s ease-in-out infinite;background:#00283ce6;border-color:var(--cyber-blue);color:var(--cyber-blue)}.skills-mode-toggle--constellation{background:#001400e6;border-color:var(--matrix-primary);color:var(--matrix-primary)}@keyframes planet-mode-toggle-glow{0%,to{box-shadow:0 4px 15px #0000004d,0 0 20px #00d4ff33}50%{box-shadow:0 4px 15px #0000004d,0 0 30px #00d4ff66}}.mode-toggle-icon{align-items:center;display:flex}.skills-mode-toggle:hover .mode-toggle-icon{transform:scale3d(1.1,1.1,1.1)}.mode-toggle-text{font-weight:600;letter-spacing:.5px}.skills-browser{margin-top:4rem;position:relative}.skills-constellation{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:radial-gradient(ellipse at center,#0000001a 0,#000000b3 100%),linear-gradient(135deg,#0014000d,#00001426);border:1px solid var(--border-primary);border-radius:2rem;box-shadow:0 20px 40px #0006,inset 0 1px 0 #ffffff08;height:700px;overflow:hidden;perspective:1200px;position:relative;transition:transform .4s cubic-bezier(.23,1,.32,1);width:100%}.constellation--focused{box-shadow:0 25px 50px #00000080,inset 0 1px 0 #ffffff0d;transform:translateZ(0) scale(1.01)}.constellation-bg{opacity:.6;will-change:opacity}.constellation-bg,.constellation-grid{inset:0;position:absolute;transform:translateZ(0)}.constellation-grid{animation:system-flow 20s linear infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-image:linear-gradient(#00ff4105 1px,#0000 0),linear-gradient(90deg,#00ff4105 1px,#0000 0),linear-gradient(45deg,#0000 48%,rgba(0,212,255,.015) 49%,rgba(0,212,255,.015) 51%,#0000 52%),linear-gradient(135deg,#0000 48%,#ffd70003 49%,#ffd70003 51%,#0000 52%);background-size:40px 40px,40px 40px,80px 80px,120px 120px;will-change:transform,background-position}@keyframes system-flow{0%{background-position:0 0,0 0,0 0,0 0;transform:translateZ(0)}25%{background-position:10px 10px,10px 10px,20px 20px,30px 30px}50%{background-position:20px 20px,20px 20px,40px 40px,60px 60px}75%{background-position:30px 30px,30px 30px,60px 60px,90px 90px}to{background-position:40px 40px,40px 40px,80px 80px,120px 120px;transform:translate3d(40px,40px,0)}}.constellation-core{animation:core-pulse-optimized 8s ease-in-out infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:radial-gradient(circle at center,#00ff410f 0,#00ff4103 30%,#0000 70%);border-radius:50%;height:150px;left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);width:150px;will-change:transform,opacity}@keyframes core-pulse-optimized{0%,to{opacity:.2;transform:translate3d(-50%,-50%,0) scale(1)}50%{opacity:.05;transform:translate3d(-50%,-50%,0) scale(1.1)}}.constellation-particles{inset:0;opacity:.7;pointer-events:none;position:absolute;transform:translateZ(0);transition:opacity .3s ease;will-change:opacity}.constellation--focused .constellation-particles{opacity:.3}.particle{animation:particle-float-optimized var(--duration) ease-in-out infinite var(--delay);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#00ff414d;border-radius:50%;box-shadow:0 0 3px #00ff4166;contain:layout style;height:1.5px;left:var(--x);position:absolute;top:var(--y);transform:translateZ(0);width:1.5px;will-change:transform,opacity}@keyframes particle-float-optimized{0%,to{opacity:.3;transform:translateZ(0) scale(1)}50%{opacity:.6;transform:translate3d(0,-15px,0) scale(1.1)}}.skill-node{animation:node-appear-optimized .8s cubic-bezier(.23,1,.32,1) forwards;animation-delay:0s;animation-delay:var(--delay,0s);-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout style;cursor:pointer;left:var(--x);opacity:0;position:absolute;top:var(--y);transform:translate3d(-50%,-50%,0);transition:transform .3s cubic-bezier(.23,1,.32,1);will-change:transform,opacity;z-index:10}@keyframes node-appear-optimized{0%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.3)}to{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}}.skill-node__core{align-items:center;background:radial-gradient(circle at 30% 30%,var(--color) 0,#000000e6 70%);border:2px solid var(--color);border-radius:50%;box-shadow:0 0 15px #000c,0 0 12px var(--color),inset 0 0 10px #000000e6;contain:layout style;display:flex;height:5rem;justify-content:center;overflow:hidden;transition:transform .3s cubic-bezier(.23,1,.32,1),box-shadow .3s ease;width:5rem;will-change:transform,box-shadow;z-index:2}.skill-node__core,.skill-node__icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative;transform:translateZ(0)}.skill-node__icon{filter:drop-shadow(0 0 6px currentColor);font-size:2rem;transition:transform .2s ease,filter .2s ease;will-change:transform,filter;z-index:1}.skill-node__label{-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout style;left:50%;margin-top:1rem;opacity:0;pointer-events:none;position:absolute;text-align:center;top:100%;transform:translate3d(-50%,0,0);transition:all .3s cubic-bezier(.23,1,.32,1);will-change:transform,opacity}.skill-node:hover .skill-node__core{box-shadow:0 0 20px #000000e6,0 0 16px var(--color),inset 0 0 12px #000000e6;transform:translateZ(0) scale(1.08)}.skill-node:hover .skill-node__icon{filter:drop-shadow(0 0 8px currentColor);transform:translateZ(0) scale(1.05)}.skill-node:hover .skill-node__label{opacity:1;transform:translate3d(-50%,-.5rem,0)}.skill-node--active .skill-node__core{border-width:3px;box-shadow:0 0 25px #000000e6,0 0 20px var(--color),inset 0 0 15px var(--color);transform:translateZ(0) scale(1.15)}.skill-node--active .skill-node__icon{filter:drop-shadow(0 0 10px currentColor);transform:translateZ(0) scale(1.1)}.skill-node--active .skill-node__label{opacity:1;transform:translate3d(-50%,-1rem,0)}.tech-orbit{contain:layout style paint;isolation:isolate;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);will-change:contents}.tech-name{contain:layout style;will-change:transform,box-shadow}.skill-details-panel{animation:panel-appear .4s cubic-bezier(.23,1,.32,1) forwards;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#000000f2;border:1px solid var(--border-primary);border-radius:1.5rem;bottom:2rem;box-shadow:0 20px 40px #000c,0 0 30px #00ff411a;contain:layout style;left:2rem;margin:0 auto;max-width:800px;opacity:0;padding:2.5rem;position:fixed;right:2rem;transform:translate3d(0,2rem,0);will-change:transform,opacity;z-index:100}@keyframes panel-appear{0%{opacity:0;transform:translate3d(0,2rem,0)}to{opacity:1;transform:translateZ(0)}}.tech-chip{animation:chip-appear .3s ease-out forwards;animation-delay:0s;animation-delay:var(--chip-delay,0s);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#001400cc;border:1px solid var(--chip-color,var(--matrix-primary));border-radius:.75rem;color:var(--matrix-primary);color:var(--chip-color,var(--matrix-primary));contain:layout style;font-family:var(--font-terminal);font-size:.85rem;opacity:0;padding:.75rem 1rem;text-align:center;transform:translate3d(0,10px,0);transition:all .2s ease;will-change:transform,opacity}@keyframes chip-appear{0%{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:translateZ(0)}}.tech-chip:hover{box-shadow:0 4px 12px #00000080,0 0 15px var(--matrix-primary);box-shadow:0 4px 12px #00000080,0 0 15px var(--chip-color,var(--matrix-primary));transform:translate3d(0,-2px,0)}.particle,.skill-node,.tech-satellite{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout style;will-change:transform,opacity}.skill-node__core,.skill-node__icon,.skill-node__label,.tech-name{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.ai-processing,.constellation-core,.constellation-grid,.particle,.skill-node__pulse{animation:none!important}.about__highlight:hover,.skill-node--active .skill-node__core,.skill-node:hover .skill-node__core,.tech-chip:hover{transform:none!important}}@container (width < 768px){.skill-node__core{height:4rem;width:4rem}.skill-node__icon{font-size:1.5rem}}@media (-webkit-min-device-pixel-ratio:2){.particle{height:1px;width:1px}}.skills-constellation{contain:layout style paint;isolation:isolate;transform:translateZ(0);will-change:transform}.tech-satellite{animation:satellite-appear-optimized .4s cubic-bezier(.25,.46,.45,.94) forwards var(--tech-delay);-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout style;left:var(--tech-x);opacity:0;position:absolute;top:var(--tech-y);transform:translate3d(-50%,-50%,0);will-change:transform,opacity;z-index:15}@keyframes satellite-appear-optimized{0%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.5)}to{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}}.tech-name{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#000000f2;border:1px solid #00ff41;border:1px solid var(--color,#00ff41);border-radius:.75rem;box-shadow:0 4px 12px #0009,0 0 8px #00ff4166;box-shadow:0 4px 12px #0009,0 0 8px var(--color,#00ff4166);color:#00ff41;color:var(--color,#00ff41);font-family:var(--font-terminal);font-size:.8rem;overflow:hidden;padding:.6rem 1rem;position:relative;transform:translateZ(0);transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap;will-change:transform}.tech-satellite:hover .tech-name{box-shadow:0 6px 16px #000000b3,0 0 12px #00ff4199;box-shadow:0 6px 16px #000000b3,0 0 12px var(--color,#00ff4199);transform:translateZ(0) scale(1.03)}.skills-instructions{margin-top:3rem;opacity:.9;text-align:center;transform:translateZ(0)}.instruction-text{display:flex;flex-direction:column;gap:.5rem}.instruction-primary{animation:primary-glow 4s ease-in-out infinite;color:var(--matrix-primary);font-family:var(--font-secondary);font-size:1.1rem;letter-spacing:1px;text-transform:uppercase;transform:translateZ(0)}.instruction-secondary{animation:secondary-pulse 3s ease-in-out infinite;color:var(--text-secondary);font-family:var(--font-terminal);font-size:.9rem;opacity:.7;transform:translateZ(0)}@keyframes primary-glow{0%,to{opacity:.8;text-shadow:0 0 5px currentColor}50%{opacity:1;text-shadow:0 0 12px currentColor}}@keyframes secondary-pulse{0%,to{opacity:.5}50%{opacity:.8}}@media (prefers-reduced-motion:reduce){.about__highlight:hover,.skill-node--active .skill-node__core,.skill-node:hover .skill-node__core,.tech-chip:hover{transform:none!important}.skills-mode-toggle,.skills-mode-toggle--planet{animation:none!important;transition:none!important}.skill-node:focus-visible{outline:2px solid var(--matrix-primary);outline-offset:4px}.skills-mode-toggle:focus-visible{outline:2px solid var(--cyber-blue);outline-offset:4px}}.skills-mode-toggle:focus-visible{box-shadow:0 6px 20px #0006,0 0 30px #00d4ff4d,0 0 0 4px #00d4ff1a;outline:2px solid var(--cyber-blue);outline-offset:4px}.skills-mode-toggle--constellation:focus-visible{box-shadow:0 6px 20px #0006,0 0 30px #00ff414d,0 0 0 4px #00ff411a;outline-color:var(--matrix-primary)}.skill-node:focus-visible{outline:2px solid var(--matrix-primary);outline-offset:4px}@media (prefers-contrast:high){.skills-mode-toggle{background:#000;border-width:3px}.skills-mode-toggle--planet{background:#000;border-color:#00d4ff;color:#00d4ff}.skills-mode-toggle--constellation{background:#000;border-color:#00ff41;color:#00ff41}}@media print{.about{animation:none!important;background:#fff;color:#000;margin:0;padding:1rem;width:auto}.about .container{padding:0}.about__highlight{background:#fff;border:1px solid #ccc;box-shadow:none;break-inside:avoid;margin-bottom:1rem;page-break-inside:avoid}.skills-browser{display:none}.constellation-core,.constellation-grid,.constellation-particles,.particle{display:none!important}}.skill-details-close-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#000000e6;border:2px solid var(--matrix-primary);border-radius:50%;color:var(--matrix-primary);cursor:pointer;display:flex;font-size:1rem;height:2.5rem;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:2.5rem;will-change:transform;z-index:10}.skill-details-close-button:hover{border-color:var(--cyber-blue);box-shadow:0 0 20px #00d4ff66;color:var(--cyber-blue);transform:scale3d(1.1,1.1,1.1)}.skill-details-close-button:active{transform:scale3d(.95,.95,.95)}.skill-details-close-button:focus-visible{outline:2px solid var(--matrix-primary);outline-offset:4px}.moon-orbit{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #ffffff14;opacity:0;transform:translate3d(-50%,-50%,0);transition:all .8s cubic-bezier(.25,.46,.45,.94);will-change:transform}.moon-orbit--visible{animation-delay:0s;animation-delay:var(--moon-delay,0s);opacity:1}.moon-orbit--floating{border-color:#ffffff26;box-shadow:0 0 20px #ffffff1a}.moon-orbit:hover{border-color:#fff3;box-shadow:0 0 15px #ffffff1a}.moon-orbit--floating:hover{border-color:#ffffff4d;box-shadow:0 0 25px #fff3}.moon{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:24px;height:var(--moon-size,24px);opacity:0;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:24px;width:var(--moon-size,24px);will-change:transform,opacity;z-index:20}.moon--visible{animation:moon-appear .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:0s;animation-delay:var(--moon-delay,0s);opacity:1}.moon--floating{filter:drop-shadow(0 0 8px #00FF41);filter:drop-shadow(0 0 8px var(--moon-color,#00FF41));z-index:30}@keyframes moon-appear{0%{opacity:0;transform:translate3d(-50%,-50%,0) scale3d(.3,.3,.3)}to{opacity:1;transform:translate3d(-50%,-50%,0) scaleX(1)}}.moon--interactive{cursor:pointer}.moon--interactive:focus{outline:2px solid #00ff41;outline:2px solid var(--moon-color,#00ff41);outline-offset:4px}.moon__surface{align-items:center;background:radial-gradient(circle at 35% 25%,#f0f0f0 0,#e0e0e0 25%,silver 50%,#a0a0a0 75%,grey 100%);border-radius:50%;box-shadow:inset 0 0 8px #0000004d,0 2px 6px #0006;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.moon--floating .moon__surface{box-shadow:inset 0 0 12px #0006,0 4px 12px #0009,0 0 15px #00ff414d;box-shadow:inset 0 0 12px #0006,0 4px 12px #0009,0 0 15px var(--moon-color,#00ff414d)}.moon__craters{background:radial-gradient(circle at 30% 30%,#0000004d 0,#0000 15%),radial-gradient(circle at 70% 60%,#0003 0,#0000 12%),radial-gradient(circle at 60% 20%,#00000040 0,#0000 10%),radial-gradient(circle at 20% 70%,#0003 0,#0000 8%);border-radius:50%;inset:0;opacity:.6;pointer-events:none;position:absolute}.moon__tech-indicator{align-items:center;color:#00ff41;color:var(--moon-color,#00ff41);display:flex;font-family:var(--font-secondary);font-size:9.6px;font-size:calc(var(--moon-size, 24px)*.4);font-weight:700;height:100%;justify-content:center;position:relative;text-shadow:0 0 4px currentColor,0 1px 2px #000c;transition:all .3s ease;width:100%;z-index:5}.moon--floating .moon__tech-indicator{font-size:10.8px;font-size:calc(var(--moon-size, 24px)*.45);text-shadow:0 0 8px currentColor,0 2px 4px #000c}.moon__glow{background:radial-gradient(circle at center,#00ff41 0,#0000 60%);background:radial-gradient(circle at center,var(--moon-color,#00ff41) 0,#0000 60%);border-radius:50%;filter:blur(4px);inset:-20%;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:-1}.moon--floating .moon__glow{filter:blur(6px);opacity:.3}.moon__label{left:50%;opacity:0;pointer-events:none;position:absolute;top:120%;transform:translate3d(-50%,0,0);transition:all .3s cubic-bezier(.25,.46,.45,.94);white-space:nowrap;z-index:30}.moon__label--always-visible{animation:label-float 3s ease-in-out infinite;opacity:1;transform:translate3d(-50%,-.5rem,0)}@keyframes label-float{0%,to{transform:translate3d(-50%,-.5rem,0)}50%{transform:translate3d(-50%,-.8rem,0)}}.moon__name{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000f2;border:1px solid #00ff41;border:1px solid var(--moon-color,#00ff41);border-radius:.6rem;box-shadow:0 4px 12px #0009,0 0 8px #00ff414d;box-shadow:0 4px 12px #0009,0 0 8px var(--moon-color,#00ff414d);color:#00ff41;color:var(--moon-color,#00ff41);font-family:var(--font-terminal);font-size:.75rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:.4rem .8rem;position:relative}.moon--floating .moon__name{border-width:2px;box-shadow:0 6px 20px #000c,0 0 15px #00ff4180;box-shadow:0 6px 20px #000c,0 0 15px var(--moon-color,#00ff4180);font-size:.8rem;padding:.5rem 1rem;text-shadow:0 0 4px currentColor}.moon__name:before{background:linear-gradient(135deg,#ffffff1a,#0000 50%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.moon:hover{transform:translate3d(-50%,-50%,10px) scale3d(1.15,1.15,1.15)}.moon--floating:hover{transform:translate3d(-50%,-50%,15px) scale3d(1.2,1.2,1.2)}.moon:hover .moon__surface{box-shadow:inset 0 0 12px #0006,0 4px 12px #0009,0 0 15px #00ff4166;box-shadow:inset 0 0 12px #0006,0 4px 12px #0009,0 0 15px var(--moon-color,#00ff4166)}.moon--floating:hover .moon__surface{box-shadow:inset 0 0 16px #00000080,0 6px 18px #000000b3,0 0 25px #00ff4199;box-shadow:inset 0 0 16px #00000080,0 6px 18px #000000b3,0 0 25px var(--moon-color,#00ff4199)}.moon:hover .moon__glow{opacity:.6;transform:scale3d(1.2,1.2,1.2)}.moon--floating:hover .moon__glow{opacity:.8;transform:scale3d(1.3,1.3,1.3)}.moon:hover .moon__tech-indicator{text-shadow:0 0 8px currentColor,0 2px 4px #000c;transform:scale3d(1.1,1.1,1.1)}.moon--floating:hover .moon__tech-indicator{text-shadow:0 0 12px currentColor,0 3px 6px #000c;transform:scale3d(1.15,1.15,1.15)}.moon:hover .moon__label{opacity:1;transform:translate3d(-50%,-.5rem,0)}.moon:hover .moon__name:before{opacity:1}.moon:active{transform:translate3d(-50%,-50%,5px) scale3d(1.05,1.05,1.05)}.moon--floating:active{transform:translate3d(-50%,-50%,8px) scale3d(1.08,1.08,1.08)}.moon:focus-visible{transform:translate3d(-50%,-50%,15px) scale3d(1.2,1.2,1.2)}.moon--floating:focus-visible{transform:translate3d(-50%,-50%,20px) scale3d(1.25,1.25,1.25)}.moon:focus-visible .moon__label{opacity:1;transform:translate3d(-50%,-.8rem,0)}.moon[data-name*=React] .moon__surface{background:radial-gradient(circle at 35% 25%,#61dafb 0,#4fc3d7 25%,#3a9bc1 50%,#2e7d96 75%,#1e5266 100%)}.moon[data-name*=TS] .moon__surface,.moon[data-name*=TypeScript] .moon__surface{background:radial-gradient(circle at 35% 25%,#3178c6 0,#2c6ab3 25%,#245c9f 50%,#1d4d8c 75%,#163e79 100%)}.moon[data-name*=Python] .moon__surface{background:radial-gradient(circle at 35% 25%,#3776ab 0,#306998 25%,#285d85 50%,#205072 75%,#18425f 100%)}.moon[data-name*=Docker] .moon__surface{background:radial-gradient(circle at 35% 25%,#2496ed 0,#1f7cc7 25%,#1a6ba1 50%,#15597b 75%,#104855 100%)}.moon[data-name*=Node] .moon__surface{background:radial-gradient(circle at 35% 25%,#393 0,#2d8329 25%,#266d1f 50%,#1f5615 75%,#18400b 100%)}.moon[data-name*=Git] .moon__surface{background:radial-gradient(circle at 35% 25%,#f05032 0,#d9442b 25%,#c23824 50%,#ab2c1d 75%,#941f16 100%)}.moon:not([data-name*=React]):not([data-name*=TypeScript]):not([data-name*=Python]):not([data-name*=Docker]):not([data-name*=Node]):not([data-name*=Git]) .moon__surface{background:radial-gradient(circle at 35% 25%,#fff 0,#e6e6e6 25%,#ccc 50%,#b3b3b3 75%,#999 100%)}.moon,.moon-orbit{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;will-change:transform,opacity}.moon,.moon-orbit,.moon__glow,.moon__label,.moon__surface{-webkit-backface-visibility:hidden;backface-visibility:hidden}.moon__glow,.moon__label,.moon__surface{transform-style:preserve-3d}@media (max-width:768px){.moon{--moon-size:calc(var(--moon-size, 24px)*0.8)}.moon__name{font-size:.7rem;padding:.3rem .6rem}.moon--floating .moon__name{font-size:.75rem;padding:.4rem .8rem}.moon:hover{transform:translate3d(-50%,-50%,5px) scale3d(1.1,1.1,1.1)}.moon--floating:hover{transform:translate3d(-50%,-50%,8px) scale3d(1.15,1.15,1.15)}}@media (max-width:480px){.moon{--moon-size:calc(var(--moon-size, 24px)*0.6)}.moon__name{font-size:.65rem;padding:.25rem .5rem}.moon--floating .moon__name{font-size:.7rem;padding:.35rem .7rem}.moon:hover{transform:translate3d(-50%,-50%,3px) scale3d(1.05,1.05,1.05)}.moon--floating:hover{transform:translate3d(-50%,-50%,5px) scale3d(1.1,1.1,1.1)}.moon-orbit{border-width:.5px}.moon-orbit--floating{border-width:1px}}@media (prefers-reduced-motion:reduce){.label-float,.moon,.moon-orbit,.moon__glow,.moon__label,.moon__surface,.moon__tech-indicator{animation:none!important;transition:none!important}.moon:focus-visible,.moon:hover{transform:translate3d(-50%,-50%,0) scaleX(1)!important}.moon__label--always-visible{opacity:1;transform:translate3d(-50%,-.5rem,0)!important}}@media (prefers-contrast:high){.moon__surface{border:2px solid #000}.moon__name{background:#000;border-width:2px}.moon-orbit{border-color:#fff6;border-width:2px}.moon-orbit--floating{border-color:#fff9;border-width:3px}}@media (prefers-color-scheme:dark){.moon__surface{background:radial-gradient(circle at 35% 25%,#d0d0d0 0,silver 25%,#a0a0a0 50%,grey 75%,#606060 100%)}}.planet-mode-container{height:100%;perspective:2000px;perspective-origin:50%}.planet-space{height:200%;left:-50%;position:absolute;top:-50%;transition:transform 1.2s cubic-bezier(.25,.46,.45,.94);width:200%}.planet-space--zoomed{transform:scale3d(3,3,3) translateZ(500px)}.planet-core{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%;position:absolute;transform-style:preserve-3d;transition:all .8s cubic-bezier(.23,1,.32,1);will-change:transform}.planet-core--focused{transform:scale3d(2.5,2.5,2.5) translateZ(200px);z-index:1000}.planet-surface{background:radial-gradient(circle at 30% 30%,#00ff41 0,#0000004d 40%,#000c 70%,#000000f2 100%);background:radial-gradient(circle at 30% 30%,var(--planet-color,#00ff41) 0,#0000004d 40%,#000c 70%,#000000f2 100%);border-radius:50%;height:100%;overflow:hidden;position:relative;transform-style:preserve-3d;width:100%}.planet-surface:before{animation:planet-surface-rotation 20s linear infinite;background:radial-gradient(ellipse 30% 20% at 25% 25%,#ffffff4d 0,#0000 50%),radial-gradient(ellipse 20% 30% at 70% 60%,#ffffff26 0,#0000 50%),linear-gradient(45deg,#0000 40%,#0000001a 50%,#0000 60%);border-radius:50%;content:"";inset:0;position:absolute}@keyframes planet-surface-rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.planet-atmosphere{animation:atmosphere-pulse 4s ease-in-out infinite;background:radial-gradient(circle at center,#0000 60%,#00ff414d 70%,#00ff4199 85%,#0000 100%);background:radial-gradient(circle at center,#0000 60%,var(--atmosphere-color,#00ff414d) 70%,var(--atmosphere-color,#00ff4199) 85%,#0000 100%);border-radius:50%;inset:-20%;opacity:.3;opacity:var(--atmosphere-intensity,.3);pointer-events:none;position:absolute;transform:translateZ(-10px)}@keyframes atmosphere-pulse{0%,to{opacity:.3;opacity:var(--atmosphere-intensity,.3);transform:translateZ(-10px) scaleX(1)}50%{opacity:.45;opacity:calc(var(--atmosphere-intensity, .3)*1.5);transform:translateZ(-10px) scale3d(1.05,1.05,1.05)}}.planet-glow{animation:planet-glow-pulse 6s ease-in-out infinite;background:radial-gradient(circle at center,#0000 50%,#00ff41 60%,#0000 80%);background:radial-gradient(circle at center,#0000 50%,var(--planet-color,#00ff41) 60%,#0000 80%);filter:blur(8px);inset:-40%;opacity:.2;transform:translateZ(-20px)}.moon-orbit,.planet-glow{border-radius:50%;pointer-events:none;position:absolute}.moon-orbit{animation:moon-orbit-rotation 10s linear infinite;animation:moon-orbit-rotation var(--orbit-duration,10s) linear infinite;border:1px solid #ffffff1a;left:50%;top:50%;transform-style:preserve-3d}@keyframes moon-orbit-rotation{0%{transform:translate3d(-50%,-50%,0) rotateY(0deg)}to{transform:translate3d(-50%,-50%,0) rotateY(1turn)}}.moon{background:radial-gradient(circle at 30% 30%,#fff 0,#fff9 40%,#646464cc 100%);background:radial-gradient(circle at 30% 30%,var(--moon-color,#fff) 0,#fff9 40%,#646464cc 100%);border-radius:50%;box-shadow:0 0 20px #000c,inset 0 0 10px #00000080;cursor:pointer;left:50%;position:absolute;top:0;transform:translate3d(-50%,-50%,0);transition:transform .3s ease;will-change:transform}.moon:hover{transform:translate3d(-50%,-50%,20px) scale3d(1.2,1.2,1.2)}.moon:after{background:#000000e6;border:1px solid #fff3;border-radius:.5rem;color:#fff;content:attr(data-name);font-family:var(--font-terminal);font-size:.7rem;left:50%;opacity:0;padding:.25rem .5rem;pointer-events:none;position:absolute;top:120%;transform:translate3d(-50%,0,0);transition:opacity .3s ease;white-space:nowrap}.moon:hover:after{opacity:1}.planet-system{transition:all 1s cubic-bezier(.25,.46,.45,.94)}.planet-system--orbiting{animation:planet-system-orbit 60s linear infinite;animation:planet-system-orbit var(--system-orbit-duration,60s) linear infinite}@keyframes planet-system-orbit{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@media (max-width:768px){.planet-mode-container{perspective:1000px}.planet-space--zoomed{transform:scale3d(2,2,2) translateZ(300px)}.planet-core--focused{transform:scale3d(2,2,2) translateZ(150px)}.moon:hover{transform:translate3d(-50%,-50%,10px) scale3d(1.1,1.1,1.1)}}@media (max-width:480px){.planet-mode-container{perspective:800px}.planet-space--zoomed{transform:scale3d(1.5,1.5,1.5) translateZ(200px)}.planet-core--focused{transform:scale3d(1.8,1.8,1.8) translateZ(100px)}.moon:after{font-size:.6rem;padding:.2rem .4rem}}@media (prefers-reduced-motion:reduce){.atmosphere-pulse,.moon-orbit,.planet-glow-pulse,.planet-surface:before,.planet-system--orbiting{animation:none!important}.planet-core,.planet-space,.planet-system{transition:none!important}}.planet-mode-enter{animation:planetModeEnter 1.5s cubic-bezier(.25,.46,.45,.94) forwards}.planet-mode-exit{animation:planetModeExit 1s cubic-bezier(.55,.055,.675,.19) forwards}@keyframes planetModeEnter{0%{filter:blur(0);transform:scaleX(1) translateZ(0)}50%{filter:blur(2px);transform:scale3d(.8,.8,.8) translateZ(-200px)}to{filter:blur(0);transform:scale3d(1.2,1.2,1.2) translateZ(100px)}}@keyframes planetModeExit{0%{filter:blur(0);transform:scale3d(1.2,1.2,1.2) translateZ(100px)}50%{filter:blur(1px);transform:scale3d(.9,.9,.9) translateZ(-100px)}to{filter:blur(0);transform:scaleX(1) translateZ(0)}}.planet-zoom-in{animation:planetZoomIn 2s cubic-bezier(.25,.46,.45,.94) forwards}.planet-zoom-out{animation:planetZoomOut 1.5s cubic-bezier(.55,.055,.675,.19) forwards}@keyframes planetZoomIn{0%{opacity:1;transform:translateZ(0) scaleX(1);transform:translate3d(var(--start-x,0),var(--start-y,0),0) scaleX(1)}20%{opacity:.9;transform:translateZ(100px) scale3d(1.2,1.2,1.2);transform:translate3d(var(--start-x,0),var(--start-y,0),100px) scale3d(1.2,1.2,1.2)}60%{opacity:.7;transform:translateZ(300px) scale3d(2,2,2)}to{opacity:1;transform:translateZ(500px) scale3d(3,3,3)}}@keyframes planetZoomOut{0%{opacity:1;transform:translateZ(500px) scale3d(3,3,3)}40%{opacity:.8;transform:translateZ(300px) scale3d(2,2,2)}80%{opacity:.9;transform:translateZ(100px) scale3d(1.2,1.2,1.2);transform:translate3d(var(--end-x,0),var(--end-y,0),100px) scale3d(1.2,1.2,1.2)}to{opacity:1;transform:translateZ(0) scaleX(1);transform:translate3d(var(--end-x,0),var(--end-y,0),0) scaleX(1)}}.surrounding-planet-enter{animation:surroundingPlanetEnter 1s cubic-bezier(.25,.46,.45,.94) forwards}.surrounding-planet-exit{animation:surroundingPlanetExit .8s cubic-bezier(.55,.055,.675,.19) forwards}@keyframes surroundingPlanetEnter{0%{opacity:0;transform:translateZ(-200px) scale3d(.5,.5,.5)}50%{opacity:.7;transform:translateZ(0) scale3d(.8,.8,.8);transform:translate3d(var(--orbit-x,0),var(--orbit-y,0),0) scale3d(.8,.8,.8)}to{opacity:1;transform:translateZ(0) scaleX(1);transform:translate3d(var(--orbit-x,0),var(--orbit-y,0),0) scaleX(1)}}@keyframes surroundingPlanetExit{0%{opacity:1;transform:translateZ(0) scaleX(1);transform:translate3d(var(--orbit-x,0),var(--orbit-y,0),0) scaleX(1)}50%{opacity:.5;transform:translateZ(-100px) scale3d(.8,.8,.8);transform:translate3d(var(--orbit-x,0),var(--orbit-y,0),-100px) scale3d(.8,.8,.8)}to{opacity:0;transform:translateZ(-200px) scale3d(.5,.5,.5)}}.moon-orbit-appear{animation:moonOrbitAppear 1.2s cubic-bezier(.25,.46,.45,.94) forwards}.moon-appear{animation:moonAppear .8s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:0s;animation-delay:var(--moon-delay,0s)}@keyframes moonOrbitAppear{0%{opacity:0;transform:translate3d(-50%,-50%,0) scale3d(.5,.5,.5)}60%{opacity:.3;transform:translate3d(-50%,-50%,0) scale3d(1.1,1.1,1.1)}to{opacity:.6;transform:translate3d(-50%,-50%,0) scaleX(1)}}@keyframes moonAppear{0%{opacity:0;transform:translate3d(-50%,-50%,-50px) scale3d(.3,.3,.3)}70%{opacity:.8;transform:translate3d(-50%,-50%,10px) scale3d(1.1,1.1,1.1)}to{opacity:1;transform:translate3d(-50%,-50%,0) scaleX(1)}}.mode-toggle-button--active{animation:modeTogglePulse 2s ease-in-out infinite}@keyframes modeTogglePulse{0%,to{box-shadow:0 0 15px #00ff41;box-shadow:0 0 15px var(--color,#00ff41);transform:translateZ(0) scaleX(1)}50%{box-shadow:0 0 25px #00ff41;box-shadow:0 0 25px var(--color,#00ff41);transform:translateZ(0) scale3d(1.05,1.05,1.05)}}.constellation-to-planet{animation:constellationToPlanet 1.8s cubic-bezier(.25,.46,.45,.94) forwards}.planet-to-constellation{animation:planetToConstellation 1.5s cubic-bezier(.55,.055,.675,.19) forwards}@keyframes constellationToPlanet{0%{filter:brightness(1) blur(0);transform:scaleX(1) translateZ(0)}30%{filter:brightness(.8) blur(1px);transform:scale3d(.7,.7,.7) translateZ(-100px)}70%{filter:brightness(1.2) blur(0);transform:scale3d(1.3,1.3,1.3) translateZ(200px)}to{filter:brightness(1) blur(0);transform:scaleX(1) translateZ(0)}}@keyframes planetToConstellation{0%{filter:brightness(1) blur(0);transform:scaleX(1) translateZ(0)}40%{filter:brightness(1.1) blur(0);transform:scale3d(1.2,1.2,1.2) translateZ(150px)}to{filter:brightness(1) blur(0);transform:scaleX(1) translateZ(0)}}.space-background-planet-mode{animation:spaceBackgroundPlanetMode 30s linear infinite}@keyframes spaceBackgroundPlanetMode{0%{background-position:0 0,100% 100%,50% 50%,0 100%;transform:translateZ(0) rotate(0deg)}25%{background-position:25% 25%,75% 75%,75% 25%,25% 75%;transform:translateZ(0) rotate(90deg)}50%{background-position:50% 50%,50% 50%,100% 0,50% 50%;transform:translateZ(0) rotate(180deg)}75%{background-position:75% 75%,25% 25%,25% 75%,75% 25%;transform:translateZ(0) rotate(270deg)}to{background-position:100% 100%,0 0,0 100%,100% 0;transform:translateZ(0) rotate(1turn)}}.planet-detail-panel-enter{animation:planetDetailPanelEnter .8s cubic-bezier(.25,.46,.45,.94) forwards}.planet-detail-panel-exit{animation:planetDetailPanelExit .6s cubic-bezier(.55,.055,.675,.19) forwards}@keyframes planetDetailPanelEnter{0%{opacity:0;transform:translate3d(0,100%,0) scale3d(.9,.9,.9)}60%{opacity:.8;transform:translate3d(0,-10%,0) scale3d(1.02,1.02,1.02)}to{opacity:1;transform:translateZ(0) scaleX(1)}}@keyframes planetDetailPanelExit{0%{opacity:1;transform:translateZ(0) scaleX(1)}40%{opacity:.6;transform:translate3d(0,-20%,0) scale3d(.98,.98,.98)}to{opacity:0;transform:translate3d(0,100%,0) scale3d(.9,.9,.9)}}@media (max-width:768px){@keyframes planetZoomIn{0%{transform:translateZ(0) scaleX(1);transform:translate3d(var(--start-x,0),var(--start-y,0),0) scaleX(1)}to{transform:translateZ(300px) scale3d(2,2,2)}}@keyframes planetZoomOut{0%{transform:translateZ(300px) scale3d(2,2,2)}to{transform:translateZ(0) scaleX(1);transform:translate3d(var(--end-x,0),var(--end-y,0),0) scaleX(1)}}}@media (max-width:480px){@keyframes planetZoomIn{0%{transform:translateZ(0) scaleX(1);transform:translate3d(var(--start-x,0),var(--start-y,0),0) scaleX(1)}to{transform:translateZ(200px) scale3d(1.5,1.5,1.5)}}@keyframes planetZoomOut{0%{transform:translateZ(200px) scale3d(1.5,1.5,1.5)}to{transform:translateZ(0) scaleX(1);transform:translate3d(var(--end-x,0),var(--end-y,0),0) scaleX(1)}}.mode-toggle-button--active{animation-duration:3s}}@media (prefers-reduced-motion:reduce){.constellation-to-planet,.mode-toggle-button--active,.moon-appear,.moon-orbit-appear,.planet-detail-panel-enter,.planet-detail-panel-exit,.planet-mode-enter,.planet-mode-exit,.planet-to-constellation,.planet-zoom-in,.planet-zoom-out,.space-background-planet-mode,.surrounding-planet-enter,.surrounding-planet-exit{animation:none!important}.mode-toggle-button{transition:none!important}}.moon-orbit *,.planet-core *,.planet-mode-container *,.planet-space *,.planet-system *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.depth-layer-background{z-index:1}.depth-layer-space{z-index:10}.depth-layer-constellation{z-index:20}.depth-layer-planets{z-index:30}.depth-layer-focused-planet{z-index:100}.depth-layer-moons{z-index:110}.depth-layer-ui{z-index:200}.depth-layer-panels{z-index:300}.depth-layer-modals{z-index:400}.depth-layer-tooltips{z-index:500}.constellation-layer-grid{opacity:.4;z-index:1}.constellation-layer-particles{opacity:.6;z-index:2}.constellation-layer-connections{opacity:.7;z-index:3}.constellation-layer-nodes{z-index:4}.constellation-layer-active-node{z-index:5}.constellation-layer-satellites{z-index:6}.planet-layer-space-background{opacity:.8;z-index:1}.planet-layer-distant-planets{opacity:.6;z-index:10}.planet-layer-orbit-paths{opacity:.3;z-index:15}.planet-layer-surrounding-planets{opacity:.8;z-index:20}.planet-layer-focused-planet{z-index:50}.planet-layer-planet-atmosphere{opacity:.7;z-index:51}.planet-layer-planet-glow{opacity:.5;z-index:49}.planet-layer-moon-orbits{opacity:.4;z-index:60}.planet-layer-moons{z-index:70}.planet-layer-moon-details{z-index:75}.depth-focused{isolation:isolate;position:relative;z-index:1000!important}.depth-focused:before{background:#0000004d;border-radius:50%;content:"";filter:blur(20px);inset:-20px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.depth-focused.depth-focused--active:before{opacity:1}.depth-dimmed{opacity:.3;pointer-events:none;transition:opacity .5s ease}.depth-hidden{opacity:0;pointer-events:none;transform:translateZ(-100px);transition:all .5s ease}.shadow-depth-1{box-shadow:0 2px 4px #0003}.shadow-depth-2{box-shadow:0 4px 8px #0000004d,0 2px 4px #0003}.shadow-depth-3{box-shadow:0 8px 16px #0006,0 4px 8px #0000004d,0 2px 4px #0003}.shadow-depth-4{box-shadow:0 16px 32px #00000080,0 8px 16px #0006,0 4px 8px #0000004d,0 2px 4px #0003}.shadow-depth-5{box-shadow:0 24px 48px #0009,0 16px 32px #00000080,0 8px 16px #0006,0 4px 8px #0000004d,0 2px 4px #0003}.glow-depth-1{filter:drop-shadow(0 0 4px currentColor)}.glow-depth-2{filter:drop-shadow(0 0 8px currentColor) drop-shadow(0 0 4px currentColor)}.glow-depth-3{filter:drop-shadow(0 0 12px currentColor) drop-shadow(0 0 8px currentColor) drop-shadow(0 0 4px currentColor)}.glow-depth-4{filter:drop-shadow(0 0 16px currentColor) drop-shadow(0 0 12px currentColor) drop-shadow(0 0 8px currentColor) drop-shadow(0 0 4px currentColor)}.glow-depth-5{filter:drop-shadow(0 0 24px currentColor) drop-shadow(0 0 16px currentColor) drop-shadow(0 0 12px currentColor) drop-shadow(0 0 8px currentColor) drop-shadow(0 0 4px currentColor)}.parallax-background{opacity:.3;transform:translateZ(-200px) scale(3)}.parallax-midground{opacity:.6;transform:translateZ(-100px) scale(2)}.parallax-foreground{opacity:1;transform:translateZ(0) scale(1)}.parallax-overlay{opacity:.9;transform:translateZ(100px) scale(.8)}.depth-state-entering{animation:depthEnter .8s cubic-bezier(.25,.46,.45,.94) forwards;z-index:100;z-index:var(--target-z-index,100)}.depth-state-exiting{animation:depthExit .6s cubic-bezier(.55,.055,.675,.19) forwards}@keyframes depthEnter{0%{opacity:0;transform:translateZ(-200px) scale3d(.8,.8,.8)}60%{opacity:.9;transform:translateZ(20px) scale3d(1.05,1.05,1.05)}to{opacity:1;transform:translateZ(0) scaleX(1)}}@keyframes depthExit{0%{opacity:1;transform:translateZ(0) scaleX(1)}40%{opacity:.7;transform:translateZ(-50px) scale3d(.95,.95,.95)}to{opacity:0;transform:translateZ(-200px) scale3d(.8,.8,.8)}}.depth-occluded{filter:blur(1px);opacity:.2;transform:scale3d(.95,.95,.95);transition:all .5s ease}.depth-masked{mask:radial-gradient(circle at center,#fff 0,#fff 60%,#0000 80%);-webkit-mask:radial-gradient(circle at center,#fff 0,#fff 60%,#0000 80%)}.depth-partially-hidden{opacity:.5;transform:translateZ(-50px) scale3d(.9,.9,.9);transition:all .4s ease}.depth-interactive{cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.depth-interactive:hover{transform:translateZ(20px) scale3d(1.05,1.05,1.05);z-index:110;z-index:calc(var(--base-z-index, 100) + 10)}.depth-interactive:active{transform:translateZ(10px) scale3d(1.02,1.02,1.02)}.depth-interactive--disabled{cursor:not-allowed;opacity:.4;pointer-events:none;transform:translateZ(-20px) scale3d(.95,.95,.95)}.depth-indicator{position:relative}.depth-indicator:after{background:radial-gradient(ellipse at center,#0000004d 0,#0000 100%);border-radius:50%;bottom:-10px;content:"";filter:blur(4px);height:8px;left:50%;opacity:0;position:absolute;transform:translate3d(-50%,0,0);transition:opacity .3s ease;width:80%}.depth-indicator--active:after{opacity:1}.depth-ring{border:2px solid #fff3;border-radius:50%;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate3d(-50%,-50%,-10px);transition:all .4s ease}.depth-ring--visible{opacity:.6;transform:translate3d(-50%,-50%,-10px) scale3d(1.2,1.2,1.2)}.stacking-context{isolation:isolate;position:relative}.stacking-context--planet-mode{transform-style:preserve-3d}.stacking-context--constellation-mode{transform-style:flat}@media (max-width:768px){.parallax-background{transform:translateZ(-100px) scale(2)}.parallax-midground{transform:translateZ(-50px) scale(1.5)}.depth-interactive:hover{transform:translateZ(10px) scale3d(1.03,1.03,1.03)}.shadow-depth-4,.shadow-depth-5{box-shadow:0 8px 16px #0006,0 4px 8px #0000004d}}@media (max-width:480px){.parallax-background{transform:translateZ(-50px) scale(1.5)}.parallax-midground{transform:translateZ(-25px) scale(1.25)}.depth-interactive:hover{transform:translateZ(5px) scale3d(1.02,1.02,1.02)}.shadow-depth-3,.shadow-depth-4,.shadow-depth-5{box-shadow:0 4px 8px #0000004d,0 2px 4px #0003}.glow-depth-4,.glow-depth-5{filter:drop-shadow(0 0 8px currentColor) drop-shadow(0 0 4px currentColor)}}@media (prefers-reduced-motion:reduce){.depth-interactive,.depth-occluded,.depth-partially-hidden,.depth-state-entering,.depth-state-exiting{animation:none!important;transition:none!important}}@media (prefers-contrast:high){.shadow-depth-1,.shadow-depth-2,.shadow-depth-3,.shadow-depth-4,.shadow-depth-5{box-shadow:0 4px 8px #000c,0 2px 4px #0009}.depth-dimmed{opacity:.5}.depth-occluded{opacity:.4}}.planet-mode{animation:planet-mode-background 60s linear infinite;background:radial-gradient(ellipse at 20% 20%,#00ff4105 0,#0000 50%),radial-gradient(ellipse at 80% 80%,rgba(0,212,255,.015) 0,#0000 50%),radial-gradient(ellipse at 60% 40%,#ffd70003 0,#0000 40%),radial-gradient(ellipse at 40% 80%,#bf00ff03 0,#0000 35%),linear-gradient(135deg,#00140099,#000028cc);background-position:0 0,100% 100%,30% 20%,70% 80%,0 0;background-size:300px 300px,400px 400px,250px 250px,350px 350px,100% 100%;height:100%;overflow:hidden;perspective:2000px;perspective-origin:50%;position:relative;transform-style:preserve-3d;width:100%}.planet-mode--focused{animation-duration:80s;background:radial-gradient(ellipse at 50% 50%,#00ff4108 0,#0000 60%),radial-gradient(ellipse at 30% 70%,#00d4ff05 0,#0000 50%),linear-gradient(135deg,#000a00cc,#000014e6)}@keyframes planet-mode-background{0%{background-position:0 0,100% 100%,30% 20%,70% 80%,0 0}25%{background-position:20% 10%,80% 90%,50% 40%,50% 60%,0 0}50%{background-position:40% 20%,60% 80%,70% 60%,30% 40%,0 0}75%{background-position:60% 30%,40% 70%,90% 80%,10% 20%,0 0}to{background-position:80% 40%,20% 60%,110% 100%,-10% 0,0 0}}.planet-mode:before{animation:stellar-field 80s linear infinite;background:radial-gradient(circle at 25% 25%,#ffffff03 0,#0000 30%),radial-gradient(circle at 75% 75%,hsla(0,0%,100%,.008) 0,#0000 25%),radial-gradient(circle at 50% 10%,hsla(0,0%,100%,.005) 0,#0000 20%),radial-gradient(circle at 10% 60%,hsla(0,0%,100%,.006) 0,#0000 22%);background-size:100px 100px,150px 150px,80px 80px,120px 120px;content:"";inset:0;opacity:.6;pointer-events:none;position:absolute}@keyframes stellar-field{0%{background-position:0 0,100% 100%,50% 0,0 50%;transform:rotate(0deg)}to{background-position:100% 100%,0 0,150% 100%,100% 150%;transform:rotate(1turn)}}.mode-controls{align-items:center;display:flex;gap:1rem;position:absolute;right:2rem;top:2rem;z-index:200}.mode-toggle-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border:2px solid var(--matrix-primary);border-radius:1rem;box-shadow:0 4px 15px #0000004d,0 0 20px #00ff411a;color:var(--matrix-primary);cursor:pointer;font-family:var(--font-secondary);font-size:.9rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-transform:uppercase;transform:translateZ(0);transition:all .3s cubic-bezier(.25,.46,.45,.94);will-change:transform,box-shadow}.mode-toggle-button:before{background:linear-gradient(135deg,#00ff411a,#0000 50%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.mode-toggle-button:hover{border-color:var(--cyber-blue);box-shadow:0 6px 20px #0006,0 0 30px #00d4ff4d;color:var(--cyber-blue);transform:translate3d(0,-2px,0) scale3d(1.02,1.02,1.02)}.mode-toggle-button:hover:before{opacity:1}.mode-toggle-button:active{transform:translateZ(0) scale3d(.98,.98,.98)}.mode-toggle-button--planet-mode{animation:planet-mode-glow 3s ease-in-out infinite;background:#00283ce6;border-color:var(--cyber-blue);color:var(--cyber-blue)}@keyframes planet-mode-glow{0%,to{box-shadow:0 4px 15px #0000004d,0 0 20px #00d4ff33}50%{box-shadow:0 4px 15px #0000004d,0 0 30px #00d4ff66}}.mode-toggle-button--constellation-mode{background:#001400e6;border-color:var(--matrix-primary);color:var(--matrix-primary)}.mode-toggle-icon{font-size:1.1rem;margin-right:.5rem;transition:transform .3s ease}.mode-toggle-button:hover .mode-toggle-icon{transform:scale3d(1.1,1.1,1.1)}.mode-status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;border:1px solid var(--border-primary);border-radius:.75rem;bottom:2rem;left:2rem;opacity:0;padding:1rem 1.5rem;position:absolute;transform:translate3d(-20px,0,0);transition:all .5s cubic-bezier(.25,.46,.45,.94);z-index:200}.mode-status--visible{opacity:1;transform:translateZ(0)}.mode-status--focused{border-color:var(--cyber-blue);box-shadow:0 0 20px #00d4ff4d}.mode-status__title{color:var(--text-primary);font-family:var(--font-secondary);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.mode-status__description{color:var(--text-secondary);font-size:.8rem;line-height:1.4;max-width:300px}.planet-viewport{height:100%;position:relative;transform-style:preserve-3d;transition:all 1.5s cubic-bezier(.25,.46,.45,.94);width:100%}.planet-viewport--zoomed{transform:scale3d(1.1,1.1,1.1)}.planet-mode-container{height:700px;overflow:hidden}.planet-mode-container,.planet-space{position:relative;transform-style:preserve-3d;width:100%}.planet-space{height:100%;perspective:2000px}.planet-solar-system{height:100%;transform-origin:center center;width:100%}.planet-solar-system,.planet-system{position:absolute;transform-style:preserve-3d}.planet-system{transition:all 1.2s cubic-bezier(.25,.46,.45,.94);will-change:transform}.planet-system--faded{opacity:.1;pointer-events:none;transform:scale3d(.8,.8,.8) translateZ(-100px)}.solar-system-center{animation:solar-center-pulse 8s ease-in-out infinite;background:radial-gradient(circle at center,#ffd7001a 0,#ffd7000d 30%,#0000 60%);border:2px solid #ffd70033;border-radius:50%;height:200px;left:50%;opacity:1;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);transition:opacity .8s ease;width:200px}.solar-system-center--hidden{opacity:0}@keyframes solar-center-pulse{0%,to{opacity:.6;transform:translate3d(-50%,-50%,0) scaleX(1)}50%{opacity:.9;transform:translate3d(-50%,-50%,0) scale3d(1.1,1.1,1.1)}}.orbit-path{border:1px solid #ffffff1a;border-radius:50%;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);transition:opacity .5s ease}.orbit-path--visible{opacity:.3}.orbit-path--hidden{opacity:0}.orbit-path--active{animation:orbit-path-glow 2s ease-in-out infinite;border-color:#00d4ff66;opacity:.6}@keyframes orbit-path-glow{0%,to{border-color:#00d4ff66;box-shadow:0 0 0 #00d4ff00}50%{border-color:#00d4ff99;box-shadow:0 0 10px #00d4ff4d}}.planet-mode-instructions{left:50%;opacity:0;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate3d(-50%,-50%,0);transition:opacity .8s ease;z-index:100}.planet-mode-instructions--visible{opacity:1}.planet-mode-instructions--hidden{opacity:0}.planet-instruction-primary{animation:instruction-glow 4s ease-in-out infinite;color:var(--cyber-blue);font-family:var(--font-secondary);font-size:1.5rem;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.planet-instruction-secondary{animation:instruction-pulse 3s ease-in-out infinite;color:var(--text-secondary);font-family:var(--font-terminal);font-size:1rem;line-height:1.6;max-width:400px;opacity:.8}@keyframes instruction-glow{0%,to{opacity:.8;text-shadow:0 0 10px currentColor}50%{opacity:1;text-shadow:0 0 20px currentColor}}@keyframes instruction-pulse{0%,to{opacity:.6}50%{opacity:.9}}.planet-zoom-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .8s ease;z-index:90}.planet-zoom-overlay--active{opacity:1;pointer-events:auto}.zoom-exit-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border:2px solid var(--matrix-primary);border-radius:50%;color:var(--matrix-primary);cursor:pointer;display:flex;font-size:1.2rem;height:3rem;justify-content:center;position:absolute;right:2rem;top:2rem;transition:all .3s ease;width:3rem}.zoom-exit-button:hover{border-color:var(--cyber-blue);box-shadow:0 0 20px #00d4ff66;color:var(--cyber-blue);transform:scale3d(1.1,1.1,1.1)}.planet-mode--solo-focus{background:radial-gradient(ellipse at 50% 50%,#00ff4108 0,#0000 70%),linear-gradient(135deg,#000500e6,#00000af2)}.planet-mode--solo-focus:before{animation-duration:120s;opacity:.3}.planet-mode--solo-focus .solar-system-center{opacity:0;pointer-events:none}.planet-mode--solo-focus .orbit-path{opacity:0}@media (max-width:768px){.mode-controls{gap:.75rem;right:1.5rem;top:1.5rem}.mode-toggle-button{font-size:.8rem;padding:.6rem 1.2rem}.mode-status{bottom:1.5rem;left:1.5rem;padding:.8rem 1.2rem}.planet-instruction-primary{font-size:1.2rem}.planet-instruction-secondary{font-size:.9rem;max-width:300px}.solar-system-center{height:150px;width:150px}.planet-mode-container{height:600px}}@media (max-width:480px){.mode-controls{flex-direction:column;gap:.5rem;right:1rem;top:1rem}.mode-toggle-button{font-size:.75rem;padding:.5rem 1rem}.mode-status{bottom:1rem;left:1rem;padding:.6rem 1rem}.mode-status__description{font-size:.75rem;max-width:250px}.planet-instruction-primary{font-size:1rem}.planet-instruction-secondary{font-size:.8rem;max-width:260px}.solar-system-center{height:120px;width:120px}.zoom-exit-button{font-size:1rem;height:2.5rem;width:2.5rem}.planet-mode-container{height:500px}}@media (prefers-reduced-motion:reduce){.mode-toggle-button--planet-mode,.orbit-path--active,.planet-instruction-primary,.planet-instruction-secondary,.planet-mode,.planet-mode:before,.solar-system-center{animation:none!important}.mode-status,.mode-toggle-button,.orbit-path,.planet-system,.planet-viewport,.planet-zoom-overlay,.zoom-exit-button{transition:none!important}}.mode-toggle-button:focus-visible{outline:2px solid var(--cyber-blue);outline-offset:4px}.zoom-exit-button:focus-visible{outline:2px solid var(--matrix-primary);outline-offset:4px}@media (prefers-contrast:high){.mode-toggle-button{background:#000;border-width:3px}.mode-status{background:#000}.mode-status,.orbit-path{border-width:2px}.orbit-path--visible{opacity:.6}.orbit-path--active{opacity:.9}.planet-system--faded{opacity:.05}}.planet{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#00ff41;background:var(--planet-color,#00ff41);cursor:pointer;pointer-events:auto;position:absolute;transform-style:preserve-3d;transition:all .8s cubic-bezier(.23,1,.32,1);will-change:transform}.planet,.planet__surface{border-radius:50%;overflow:hidden}.planet__surface{background:inherit;height:100%;position:relative;width:100%}.planet__texture{animation:planet-rotation 20s linear infinite;animation:planet-rotation var(--rotation-speed,20s) linear infinite;background-repeat:repeat-x;background-size:200% 100%;border-radius:50%;inset:0;opacity:.8;position:absolute}@keyframes planet-rotation{0%{background-position:0 0}to{background-position:200% 0}}.planet__atmosphere{animation:atmosphere-shimmer 4s ease-in-out infinite;background:radial-gradient(circle at center,#0000 60%,#00ff414d 70%,#00ff4199 85%,#0000 100%);background:radial-gradient(circle at center,#0000 60%,var(--atmosphere-color,#00ff414d) 70%,var(--atmosphere-color,#00ff4199) 85%,#0000 100%);border-radius:50%;inset:-10%;opacity:.3;opacity:var(--atmosphere-intensity,.3);pointer-events:none;position:absolute}@keyframes atmosphere-shimmer{0%,to{opacity:.3;opacity:var(--atmosphere-intensity,.3);transform:scaleX(1)}50%{opacity:.42;opacity:calc(var(--atmosphere-intensity, .3)*1.4);transform:scale3d(1.05,1.05,1.05)}}.planet__glow{animation:planet-glow-pulse 6s ease-in-out infinite;background:radial-gradient(circle at center,#0000 50%,#00ff41 60%,#0000 80%);background:radial-gradient(circle at center,#0000 50%,var(--planet-color,#00ff41) 60%,#0000 80%);border-radius:50%;filter:blur(8px);inset:-20%;opacity:.15;pointer-events:none;position:absolute}@keyframes planet-glow-pulse{0%,to{opacity:.15;transform:scaleX(1)}50%{opacity:.3;transform:scale3d(1.1,1.1,1.1)}}.planet__icon{color:#00ff41;color:var(--planet-color,#00ff41);filter:drop-shadow(0 0 6px currentColor);font-size:2rem;left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);transition:all .3s ease;z-index:10}.planet--web-design{--planet-color:#00ff41;--atmosphere-color:#00ff414d;--atmosphere-intensity:0.3;--rotation-speed:16s}.planet--web-design .planet__surface{background:radial-gradient(circle at 30% 30%,#00ff41 0,#0c3 20%,#092 40%,#061 70%,#030 100%)}.planet--web-design .planet__texture{background:linear-gradient(45deg,#0000 40%,#ffffff1a 45%,#ffffff1a 55%,#0000 60%),linear-gradient(-45deg,#0000 40%,#00ff4133 45%,#00ff4133 55%,#0000 60%),radial-gradient(ellipse 20% 10% at 25% 25%,#ffffff4d 0,#0000 50%),radial-gradient(ellipse 15% 20% at 75% 60%,#fff3 0,#0000 50%);background-size:60px 60px,80px 80px,40px 40px,50px 50px}.planet--ai-ml{--planet-color:#00d4ff;--atmosphere-color:#00d4ff66;--atmosphere-intensity:0.4;--rotation-speed:12s}.planet--ai-ml .planet__surface{background:radial-gradient(circle at 30% 30%,#00d4ff 0,#0ac 20%,#008099 40%,#056 70%,#002a33 100%)}.planet--ai-ml .planet__texture{animation-duration:18s;background:linear-gradient(0deg,#0000 30%,#00d4ff4d 35%,#00d4ff4d 65%,#0000 70%),linear-gradient(60deg,#0000 30%,#ffffff26 35%,#ffffff26 65%,#0000 70%),linear-gradient(120deg,#0000 30%,#00d4ff33 35%,#00d4ff33 65%,#0000 70%),radial-gradient(circle at 20% 80%,#ffffff40 0,#0000 30%);background-size:8px 40px,12px 60px,10px 50px,30px 30px}.planet--computer-vision{--planet-color:#bf00ff;--atmosphere-color:#bf00ff59;--atmosphere-intensity:0.35;--rotation-speed:20s}.planet--computer-vision .planet__surface{background:radial-gradient(circle at 30% 30%,#bf00ff 0,#90c 20%,#709 40%,#506 70%,#203 100%)}.planet--computer-vision .planet__texture{animation-duration:25s;background:radial-gradient(circle at 25% 25%,#ffffff4d 0,#0000 15%),radial-gradient(circle at 75% 75%,#bf00ff66 0,#0000 20%),radial-gradient(circle at 60% 40%,#fff3 0,#0000 12%),linear-gradient(45deg,#0000 48%,#bf00ff33 49%,#bf00ff33 51%,#0000 52%);background-size:25px 25px,35px 35px,20px 20px,15px 15px}.planet--developer-tools{--planet-color:#39ff14;--atmosphere-color:#39ff1440;--atmosphere-intensity:0.25;--rotation-speed:14s}.planet--developer-tools .planet__surface{background:radial-gradient(circle at 30% 30%,#39ff14 0,#2dcc10 20%,#21990c 40%,#156608 70%,#093304 100%)}.planet--developer-tools .planet__texture{background:linear-gradient(90deg,#0000 40%,#39ff144d 45%,#39ff144d 55%,#0000 60%),linear-gradient(0deg,#0000 40%,#fff3 45%,#fff3 55%,#0000 60%),repeating-linear-gradient(45deg,#0000,#0000 3px,#39ff141a 0,#39ff141a 6px);background-size:30px 30px,20px 20px,12px 12px}.planet--data-systems{--planet-color:gold;--atmosphere-color:#ffd70080;--atmosphere-intensity:0.5;--rotation-speed:10s}.planet--data-systems .planet__surface{background:radial-gradient(circle at 30% 30%,gold 0,#fc0 15%,#e6b800 30%,#c90 50%,#b8860b 70%,#8b6914 100%);box-shadow:0 0 30px #ffd70099,inset 0 0 20px #ffffff4d}.planet--data-systems .planet__texture{animation-duration:15s;background:radial-gradient(circle at 20% 20%,#fff6 0,#0000 25%),radial-gradient(circle at 80% 80%,#ffd70099 0,#0000 30%),radial-gradient(circle at 60% 30%,#ffffff4d 0,#0000 20%),radial-gradient(circle at 30% 70%,#ffd70080 0,#0000 25%),linear-gradient(0deg,#0000,#fff3 50%,#0000);background-size:40px 40px,50px 50px,30px 30px,35px 35px,100% 100%}.planet--data-systems .planet__glow{animation-duration:4s;opacity:.4}.planet--data-systems .planet__atmosphere{animation-duration:3s;inset:-15%}.planet--game-dev{--planet-color:#ff4500;--atmosphere-color:#ff45004d;--atmosphere-intensity:0.3;--rotation-speed:24s}.planet--game-dev .planet__surface{background:radial-gradient(circle at 30% 30%,#ff4500 0,#e63900 20%,#cc2e00 40%,#b32200 70%,#661300 100%)}.planet--game-dev .planet__texture{background:radial-gradient(ellipse 30% 15% at 25% 25%,#ff450066 0,#0000 50%),radial-gradient(ellipse 20% 25% at 75% 60%,#ff8c004d 0,#0000 50%),linear-gradient(135deg,#0000 40%,#ff450033 45%,#ff450033 55%,#0000 60%),repeating-radial-gradient(circle at 50% 50%,#0000 0,#0000 8px,#ff45001a 0,#ff45001a 16px);background-size:50px 50px,40px 40px,25px 25px,32px 32px}.planet--blockchain{--planet-color:#ff0080;--atmosphere-color:#ff008047;--atmosphere-intensity:0.28;--rotation-speed:18s}.planet--blockchain .planet__surface{background:radial-gradient(circle at 30% 30%,#ff0080 0,#e6006b 20%,#c05 40%,#b30040 70%,#660020 100%)}.planet--blockchain .planet__texture{background:linear-gradient(45deg,#0000 45%,#ff00804d 48%,#ff00804d 52%,#0000 55%),linear-gradient(-45deg,#0000 45%,#ffffff26 48%,#ffffff26 52%,#0000 55%),repeating-linear-gradient(90deg,#0000,#0000 4px,#ff008033 0,#ff008033 8px),radial-gradient(circle at 40% 60%,#fff3 0,#0000 25%);background-size:20px 20px,24px 24px,16px 16px,30px 30px}.planet:hover{transform:scale3d(1.05,1.05,1.05) translateZ(10px)}.planet:hover .planet__glow{opacity:.4;transform:scale3d(1.15,1.15,1.15)}.planet:hover .planet__atmosphere{opacity:.48;opacity:calc(var(--atmosphere-intensity, .3)*1.6);transform:scale3d(1.08,1.08,1.08)}.planet:hover .planet__icon{filter:drop-shadow(0 0 12px currentColor);transform:translate3d(-50%,-50%,0) scale3d(1.1,1.1,1.1)}.planet--focused{transform:scale3d(2.5,2.5,2.5) translateZ(100px);z-index:1000}.planet--focused .planet__glow{opacity:.6;transform:scale3d(1.3,1.3,1.3)}.planet--focused .planet__atmosphere{animation-duration:2s;opacity:.6;opacity:calc(var(--atmosphere-intensity, .3)*2);transform:scale3d(1.2,1.2,1.2)}.planet--focused .planet__icon{filter:drop-shadow(0 0 20px currentColor);transform:translate3d(-50%,-50%,0) scale3d(1.2,1.2,1.2)}.planet--focused .planet__texture{animation-duration:10s;animation-duration:calc(var(--rotation-speed, 20s)*.5)}.planet--solo-focus{overflow:visible;position:relative}.planet--solo-focus .planet__glow{animation-duration:4s;inset:-30%;opacity:.8}.planet--solo-focus .planet__atmosphere{animation-duration:2.5s;inset:-20%;opacity:.75;opacity:calc(var(--atmosphere-intensity, .3)*2.5)}.planet--solo-focus .planet__icon{filter:drop-shadow(0 0 25px currentColor);font-size:2.5rem}.planet__moon-system{left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);transition:opacity .8s ease}.planet--focused .planet__moon-system{opacity:1;pointer-events:auto}.moon-system--floating{height:800px;overflow:visible;width:800px;z-index:50}.moon-system--floating .moon-orbit{animation-duration:8s;animation-duration:calc(var(--orbit-duration, 10s)*.8);opacity:.8}.moon-system--floating .moon{animation-delay:.5s;animation-delay:calc(var(--moon-delay, 0s) + .5s)}.planet__moon-info{animation:moon-info-appear .4s cubic-bezier(.25,.46,.45,.94) forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;border:1px solid #00ff41;border:1px solid var(--planet-color,#00ff41);border-radius:.75rem;bottom:-120%;box-shadow:0 8px 25px #0009,0 0 20px #00ff414d;box-shadow:0 8px 25px #0009,0 0 20px var(--planet-color,#00ff414d);left:50%;max-width:280px;min-width:200px;opacity:0;padding:.8rem 1.2rem;position:absolute;transform:translate3d(-50%,0,0);z-index:100}@keyframes moon-info-appear{0%{opacity:0;transform:translate3d(-50%,10px,0) scale3d(.9,.9,.9)}to{opacity:1;transform:translate3d(-50%,0,0) scaleX(1)}}.moon-info__title{color:#00ff41;color:var(--planet-color,#00ff41);font-family:var(--font-secondary);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.4rem;text-shadow:0 0 6px currentColor;text-transform:uppercase}.moon-info__description{color:var(--text-secondary);font-size:.8rem;line-height:1.4;opacity:.9}.planet__moon-info:before{border-bottom:6px solid #00ff41;border-bottom:6px solid var(--planet-color,#00ff41);border-left:6px solid #0000;border-right:6px solid #0000;content:"";height:0;left:50%;position:absolute;top:-6px;transform:translate3d(-50%,0,0);width:0}.planet--size-small{height:80px;width:80px}.planet--size-medium{height:100px;width:100px}.planet--size-large{height:120px;width:120px}.planet--size-xlarge{height:140px;width:140px}.planet--data-systems.planet--size-xlarge{height:160px;width:160px}.planet--solo-focus.planet--size-xlarge{height:200px;width:200px}.planet--solo-focus.planet--data-systems.planet--size-xlarge{height:220px;width:220px}@media (max-width:768px){.planet--size-small{height:60px;width:60px}.planet--size-medium{height:80px;width:80px}.planet--size-large{height:100px;width:100px}.planet--size-xlarge{height:120px;width:120px}.planet--data-systems.planet--size-xlarge{height:140px;width:140px}.planet--solo-focus.planet--size-xlarge{height:160px;width:160px}.planet--solo-focus.planet--data-systems.planet--size-xlarge{height:180px;width:180px}.planet__icon{font-size:1.5rem}.planet--solo-focus .planet__icon{font-size:2rem}.planet--focused{transform:scale3d(2,2,2) translateZ(80px)}.moon-system--floating{height:400px;width:400px}}@media (max-width:480px){.planet--size-small{height:50px;width:50px}.planet--size-medium{height:65px;width:65px}.planet--size-large{height:80px;width:80px}.planet--size-xlarge{height:100px;width:100px}.planet--data-systems.planet--size-xlarge{height:120px;width:120px}.planet--solo-focus.planet--size-xlarge{height:140px;width:140px}.planet--solo-focus.planet--data-systems.planet--size-xlarge{height:160px;width:160px}.planet__icon{font-size:1.2rem}.planet--solo-focus .planet__icon{font-size:1.8rem}.planet--focused{transform:scale3d(1.8,1.8,1.8) translateZ(60px)}.moon-system--floating{height:300px;width:300px}.moon{height:16px;height:calc(var(--moon-size, 20px)*.8);width:16px;width:calc(var(--moon-size, 20px)*.8)}}@media (prefers-reduced-motion:reduce){.moon-orbit,.planet__atmosphere,.planet__glow,.planet__texture{animation:none!important}.moon,.planet{transition:none!important}}@media (prefers-contrast:high){.planet{border:2px solid #00ff41;border:2px solid var(--planet-color,#00ff41)}.planet--solo-focus{border-width:3px}.moon-system--floating .moon-orbit{border-color:#ffffff80;border-width:2px}}@media (prefers-color-scheme:dark){.planet__surface{box-shadow:inset 0 0 20px #00000080,0 4px 15px #000000b3}.planet--solo-focus .planet__surface{box-shadow:inset 0 0 30px #0009,0 6px 25px #000c,0 0 40px #00ff4166;box-shadow:inset 0 0 30px #0009,0 6px 25px #000c,0 0 40px var(--planet-color,#00ff4166)}}.contact{background:var(--bg-primary);padding:var(--spacing-4xl) 0}.contact__content{grid-gap:var(--spacing-4xl);align-items:start;display:grid;gap:var(--spacing-4xl);grid-template-columns:1fr 1fr}.contact__info{opacity:0;transform:translateX(-30px);transition:all .8s ease-out}.contact--animated .contact__info{opacity:1;transform:translateX(0)}.contact__title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;margin-bottom:var(--spacing-lg)}.contact__subtitle{color:var(--text-secondary);font-size:var(--text-lg);line-height:1.6;margin-bottom:var(--spacing-2xl)}.contact__details{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.contact__detail{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-normal)}.contact__detail:hover{box-shadow:var(--shadow-md);transform:translateX(8px)}.contact__detail-icon{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.contact__detail h4{color:var(--text-primary);font-size:var(--text-base);margin-bottom:var(--spacing-xs)}.contact__detail p{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:0}.contact__availability{background:var(--bg-secondary);border-left:4px solid var(--secondary-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.contact__availability h4{color:var(--text-primary);margin-bottom:var(--spacing-md)}.contact__status{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.contact__status-indicator{animation:pulse-green 2s ease-in-out infinite;background:var(--secondary-color);border-radius:50%;height:12px;width:12px}.contact__status span{color:var(--secondary-color);font-size:var(--text-sm);font-weight:600}.contact__availability p{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:0}.contact__form-container{opacity:0;transform:translateX(30px);transition:all .8s ease-out}.contact--animated .contact__form-container{opacity:1;transform:translateX(0);transition-delay:.2s}.contact__form{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl)}.contact__form-group{margin-bottom:var(--spacing-lg)}.contact__label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:var(--spacing-sm)}.contact__input,.contact__textarea{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-base);padding:var(--spacing-md);transition:all var(--transition-normal);width:100%}.contact__input:focus,.contact__textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.contact__textarea{min-height:120px;resize:vertical}.contact__submit{margin-bottom:var(--spacing-md);width:100%}.contact__submit--loading{cursor:not-allowed;opacity:.7}.contact__success{align-items:center;animation:success-fade-in .5s ease-out;background:#10b9811a;border:1px solid #10b98133;border-radius:var(--radius-lg);color:var(--secondary-color);display:flex;font-size:var(--text-sm);gap:var(--spacing-sm);padding:var(--spacing-md)}.contact__success-icon{font-size:1.25rem}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}@keyframes success-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.contact{padding:var(--spacing-3xl) 0}.contact__content{gap:var(--spacing-2xl);grid-template-columns:1fr}.contact__form{padding:var(--spacing-lg)}.contact__detail{padding:var(--spacing-md)}.contact__detail-icon{font-size:1.25rem;height:40px;width:40px}}.page{background:var(--bg-primary);min-height:100vh;padding:var(--spacing-2xl) 0;position:relative}.page:before{background-image:linear-gradient(#00ff411a 1px,#0000 0),linear-gradient(90deg,#00ff411a 1px,#0000 0);background-size:40px 40px;content:"";height:100vh;left:0;opacity:.3;pointer-events:none;position:fixed;top:0;width:100vw;z-index:1}.page__container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-xl);position:relative;z-index:2}.page__header{margin-bottom:var(--spacing-4xl);text-align:center}.page__title{margin-bottom:var(--spacing-lg)}.page__title--glitch{animation:glitch-text 2s infinite;color:var(--matrix-primary);display:block;font-size:var(--text-5xl);font-weight:700;position:relative;text-shadow:0 0 10px var(--matrix-primary),2px 0 var(--cyber-blue),-2px 0 var(--cyber-purple)}.page__title--glitch:after,.page__title--glitch:before{content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}.page__title--glitch:before{animation:glitch-1 .5s infinite;color:var(--cyber-blue);z-index:-1}.page__title--glitch:after{animation:glitch-2 .5s infinite;color:var(--cyber-purple);z-index:-2}.page__subtitle{color:var(--cyber-blue);display:block;font-family:var(--font-terminal);font-size:var(--text-lg);letter-spacing:.2em;margin-top:var(--spacing-sm);text-transform:uppercase}.page__description{color:var(--text-secondary);font-size:var(--text-lg);line-height:1.6;margin:0 auto;max-width:600px}.projects__grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project__card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;padding:var(--spacing-xl);position:relative;transform:perspective(var(--perspective-base)) rotateX(var(--rotate-subtle));transition:all var(--transition-normal)}.project__card:before{background:linear-gradient(90deg,var(--matrix-primary),var(--cyber-blue));content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.project__card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:perspective(var(--perspective-close)) rotateX(0deg) translateY(-8px)}.project__card:hover:before{transform:scaleX(1)}.project__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.project__title{color:var(--matrix-primary);font-size:var(--text-xl);margin:0;text-shadow:0 0 8px currentColor}.project__status{font-family:var(--font-terminal);letter-spacing:.1em}.project__status--active{background:#00ff4133;border:1px solid var(--matrix-primary);box-shadow:0 0 8px #00ff414d;color:var(--matrix-primary)}.project__status--complete{background:#0ff3;border:1px solid var(--cyber-blue);box-shadow:0 0 8px #00ffff4d;color:var(--cyber-blue)}.project__status--development{background:#ffa50033;border:1px solid orange;box-shadow:0 0 8px #ffa5004d;color:orange}.project__status--archived{background:#80808033;border:1px solid #666;box-shadow:0 0 8px #8080804d;color:#888}.project__description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.project__tech{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tech__tag{background:#8a2be233;border:1px solid var(--cyber-purple);border-radius:var(--radius-sm);color:var(--cyber-purple);font-family:var(--font-terminal);font-size:var(--text-xs);letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.contact__grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--spacing-4xl)}.contact__card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;padding:var(--spacing-xl);position:relative;transform:perspective(var(--perspective-base)) rotateX(var(--rotate-subtle));transition:all var(--transition-normal)}.contact__card:before{background:linear-gradient(90deg,var(--cyber-blue),var(--matrix-primary));content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.contact__card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:perspective(var(--perspective-close)) rotateX(0deg) translateY(-8px)}.contact__card:hover:before{transform:scaleX(1)}.contact__header{margin-bottom:var(--spacing-lg)}.contact__title{color:var(--cyber-blue);font-size:var(--text-xl);margin:0;text-shadow:0 0 8px currentColor}.contact__content{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact__item{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.contact__item:last-child{border-bottom:none}.contact__label{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.contact__label,.contact__value{font-family:var(--font-terminal);font-size:var(--text-sm)}.contact__value{color:var(--text-secondary);text-align:right}.contact__status--online{color:var(--matrix-primary);font-weight:600;text-shadow:0 0 8px currentColor}.page__terminal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-panel);border:1px solid var(--border-primary);border-radius:var(--radius-lg);font-family:var(--font-terminal);margin-top:var(--spacing-3xl);padding:var(--spacing-lg)}.terminal__line{display:flex;font-size:var(--text-sm);gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.terminal__prompt{color:var(--cyber-blue);font-weight:600}.terminal__command{color:var(--matrix-primary);text-shadow:0 0 8px currentColor}.terminal__output{color:var(--text-secondary);font-size:var(--text-sm);margin-left:calc(var(--spacing-md)*3)}.terminal__output div{margin-bottom:var(--spacing-xs)}@keyframes glitch-text{0%,to{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(1px,1px)}80%{transform:translate(1px,-1px)}}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes glitch-2{0%,to{transform:translate(0)}20%{transform:translate(2px,-2px)}40%{transform:translate(2px,2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(-2px,2px)}}@media (max-width:768px){.page__container{padding:0 var(--spacing-lg)}.page__title--glitch{font-size:var(--text-4xl)}.contact__grid,.projects__grid{gap:var(--spacing-lg);grid-template-columns:1fr}.contact__card,.project__card{transform:none}.contact__card:hover,.project__card:hover{transform:translateY(-4px)}.project__header{flex-direction:column;gap:var(--spacing-sm)}.contact__item{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.contact__item,.contact__value{text-align:left}.tech__tag{font-size:var(--text-2xs)}}.projects{background:var(--bg-secondary);padding:var(--spacing-4xl) 0}.projects__header{margin-bottom:var(--spacing-3xl);opacity:0;text-align:center;transform:translateY(30px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.projects--animated .projects__header{opacity:1;transform:translateY(0)}.projects__title{-webkit-text-fill-color:#0000;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;margin-bottom:var(--spacing-lg)}.projects__subtitle{color:var(--text-secondary);font-size:var(--text-xl);line-height:1.6;margin:0 auto;max-width:600px}.projects__simple-title{color:var(--text-primary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:2.8rem;font-weight:800;letter-spacing:.15em;margin-bottom:var(--spacing-xs);margin-top:var(--spacing-md);opacity:1;position:relative;text-align:center;text-shadow:0 0 20px #00ff414d;text-shadow:0 0 20px rgba(var(--accent-color-rgb,0,255,65),.3);text-transform:uppercase;transform:translateY(0);transition:all .6s cubic-bezier(.25,.46,.45,.94)}.projects__simple-title:after{animation:blink 1s infinite;color:var(--accent-color);content:"_";margin-left:.2em}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.projects__filter-system{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:var(--spacing-3xl);margin-top:var(--spacing-sm);opacity:0;padding:var(--spacing-xl);position:relative;transform:translateY(30px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.projects--animated .projects__filter-system{opacity:1;transform:translateY(0);transition-delay:.2s}.projects__filter-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.projects__filter-title{-webkit-text-fill-color:#0000;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--text-xl);font-weight:600;margin:0}.projects__filter-count{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.projects__filters-container{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.projects__filter-group{position:relative}.projects__filter-label{color:var(--text-secondary);display:block;font-size:var(--text-sm);font-weight:600;letter-spacing:.5px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.projects__filter-dropdown{position:relative}.projects__filter-button{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;justify-content:space-between;overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);-webkit-user-select:none;user-select:none;width:100%}.projects__filter-button:before{background:linear-gradient(90deg,#0000,#00ff411a,#0000);background:linear-gradient(90deg,#0000,rgba(var(--accent-color-rgb,0,255,65),.1),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.projects__filter-button:hover:before{left:100%}.projects__filter-button:focus,.projects__filter-button:hover{border-color:var(--accent-color);box-shadow:0 8px 25px #0000001a;outline:none;transform:translateY(-2px)}.projects__filter-button:focus{box-shadow:0 0 0 3px #00ff414d;box-shadow:0 0 0 3px rgba(var(--accent-color-rgb,0,255,65),.3)}.projects__filter-button--active{background:#00ff410d;background:rgba(var(--accent-color-rgb,0,255,65),.05);border-color:var(--accent-color);box-shadow:0 0 20px #00ff4133;box-shadow:0 0 20px rgba(var(--accent-color-rgb,0,255,65),.2)}.projects__filter-button-text{font-size:var(--text-sm);font-weight:600}.projects__filter-button-icon{color:var(--text-secondary);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.projects__filter-button-icon--rotated{color:var(--accent-color);transform:rotate(180deg)}.projects__filter-options{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;left:0;max-height:300px;opacity:0;overflow-x:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + var(--spacing-sm));transform:translateY(-10px);transition:all .3s cubic-bezier(.25,.46,.45,.94);visibility:hidden;z-index:9999}.projects__filter-options--visible{opacity:1;transform:translateY(0);visibility:visible}.projects__filter-option{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;justify-content:space-between;overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;text-align:left;transition:all .2s ease;width:100%}.projects__filter-option:last-child{border-bottom:none}.projects__filter-option:before{background:linear-gradient(90deg,#0000,#00ff411a,#0000);background:linear-gradient(90deg,#0000,rgba(var(--accent-color-rgb,0,255,65),.1),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.projects__filter-option:hover:before{left:100%}.projects__filter-option:focus,.projects__filter-option:hover{background:#00ff410d;background:rgba(var(--accent-color-rgb,0,255,65),.05);color:var(--text-primary);outline:none;transform:translateX(4px)}.projects__filter-option:focus{box-shadow:inset 0 0 0 2px #00ff4180;box-shadow:inset 0 0 0 2px rgba(var(--accent-color-rgb,0,255,65),.5)}.projects__filter-option--selected{background:#00ff411a;background:rgba(var(--accent-color-rgb,0,255,65),.1);border-left:3px solid var(--accent-color);color:var(--accent-color);font-weight:600}.projects__filter-option--selected svg{color:var(--accent-color)}.projects__filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-3xl)}.projects__filter{background:#0000;border:2px solid var(--border-medium);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s cubic-bezier(.25,.46,.45,.94);-webkit-user-select:none;user-select:none}.projects__filter:hover{box-shadow:0 4px 12px #0000001a;color:var(--accent-color)}.projects__filter--active,.projects__filter:hover{border-color:var(--accent-color);transform:translateY(-2px)}.projects__filter--active{background:var(--gradient-accent);box-shadow:0 4px 16px #00ff414d;box-shadow:0 4px 16px rgba(var(--accent-color-rgb,0,255,65),.3);color:#fff}.projects__grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:var(--spacing-4xl)}.projects__card{animation:project-fade-in .8s ease-out forwards;animation-delay:calc(.2s + var(--delay));background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;height:100%;opacity:0;overflow:hidden;position:relative;transform:translateY(30px);transition:all .4s cubic-bezier(.25,.46,.45,.94)}.projects--animated .projects__card{animation-delay:calc(.3s + var(--delay))}.projects__card:before{background:linear-gradient(135deg,#0000,#00ff410d);background:linear-gradient(135deg,#0000,rgba(var(--accent-color-rgb,0,255,65),.05));bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.projects__card:hover{border-color:var(--accent-color);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-8px)}.projects__card:hover:before{opacity:1}.projects__card:hover .projects__category-icon{color:var(--accent-color);transform:scale(1.1)}.projects__card:hover .projects__action{opacity:1;transform:translateY(0)}.projects__card-header{align-items:flex-start;display:flex;justify-content:space-between;padding:var(--spacing-lg);padding-bottom:var(--spacing-md)}.projects__icon-container{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;height:60px;justify-content:center;transition:all .3s ease;width:60px}.projects__category-icon{color:var(--text-secondary);height:28px;transition:all .3s ease;width:28px}.projects__meta{align-items:center;display:flex}.project__status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase;white-space:nowrap}.project__status--active{background:#00ff001a;border-color:#0f0;box-shadow:0 0 10px #0f03;color:#0f0}.project__status--complete{background:#0088ff1a;border-color:#08f;box-shadow:0 0 10px #08f3;color:#08f}.project__status--dev{background:#ffaa001a;border-color:#fa0;box-shadow:0 0 10px #fa03;color:#fa0}.project__status--archived{background:#6666661a;border-color:#666;color:#666}.projects__card-thumbnail{border:1px solid var(--border-light);border-radius:var(--radius-lg);height:160px;margin:0 var(--spacing-lg) var(--spacing-lg);overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.projects__card-thumbnail,.projects__card-thumbnail--image{background:var(--bg-secondary)}.projects__card-thumbnail--image img{height:100%;object-fit:cover;object-position:center;transition:transform .4s ease;width:100%}.projects__card:hover .projects__card-thumbnail--image img{transform:scale(1.05)}.projects__card-thumbnail--emoji{align-items:center;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));border:2px solid var(--border-medium);display:flex;justify-content:center}.projects__card-thumbnail--emoji span{filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));font-size:3rem;transition:transform .3s ease}.projects__card:hover .projects__card-thumbnail--emoji span{transform:scale(1.1)}.projects__card-thumbnail--error,.projects__card-thumbnail--loading{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);display:flex;justify-content:center}.projects__card-thumbnail--error span,.projects__card-thumbnail--loading span{font-size:2rem;opacity:.6}.projects__card:hover .projects__card-thumbnail{border-color:var(--accent-color);box-shadow:0 8px 25px #00000026;transform:scale(1.02)}.projects__card-content{flex:1 1;padding:0 var(--spacing-lg) var(--spacing-md)}.projects__card-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:600;line-height:1.3;margin:0 0 var(--spacing-sm) 0}.projects__card-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--spacing-lg)}.projects__technologies{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.projects__tech{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease}.projects__tech:hover{transform:translateY(-1px)}.projects__tech--more,.projects__tech:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.projects__card-footer{align-items:center;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;margin-top:auto;padding:var(--spacing-lg);padding-top:var(--spacing-md)}.projects__actions{display:flex;gap:var(--spacing-sm)}.projects__action{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;flex-shrink:0;height:36px;justify-content:center;opacity:.7;position:relative;text-decoration:none;transform:translateY(4px);transition:all .3s cubic-bezier(.25,.46,.45,.94);width:36px}.projects__action:hover{box-shadow:0 4px 12px #00000026;opacity:1;transform:translateY(0) scale(1.05)}.projects__action--github:hover{background:#24292e;border-color:#24292e;color:#fff}.projects__action--pypi:hover{background:#006dad;border-color:#006dad;color:#fff}.projects__action--crates:hover{background:#ce422b;border-color:#ce422b;color:#fff}.projects__action--vscode:hover{background:#007acc;border-color:#007acc;color:#fff}.projects__action--docs:hover{background:#7c3aed;border-color:#7c3aed;color:#fff}.projects__action-text{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:9px;font-weight:700;height:100%;letter-spacing:.5px;line-height:1;text-transform:uppercase;width:100%}.projects__action svg,.projects__action-text{align-items:center;display:flex;justify-content:center}.projects__action svg{flex-shrink:0}.projects__action--live:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.project__updated{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:500}.projects__empty{color:var(--text-secondary);padding:var(--spacing-4xl) var(--spacing-xl);text-align:center}.projects__empty p{font-size:var(--text-lg);margin:0}.projects__cta{opacity:0;text-align:center;transform:translateY(30px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.projects--animated .projects__cta{opacity:1;transform:translateY(0);transition-delay:.5s}.projects__cta p{color:var(--text-secondary);font-size:var(--text-lg);margin-bottom:var(--spacing-lg)}.projects__hero-header{margin:0 calc(var(--spacing-xl)*-1) var(--spacing-4xl);min-height:120vh;padding:var(--spacing-6xl) var(--spacing-2xl);text-align:center}.projects__hero-content,.projects__hero-header{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;transition:all 1.2s cubic-bezier(.23,1,.32,1)}.projects__hero-content{height:100%;opacity:0;transform:translateY(50px);z-index:2}.projects--animated .projects__hero-content{opacity:1;transform:translateY(0);transition-delay:.3s}.projects__hero-content:before{animation:pulse-glow 8s ease-in-out infinite;background:radial-gradient(circle,#00ff4108 0,#0000 70%);background:radial-gradient(circle,rgba(var(--accent-color-rgb,0,255,65),.03) 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.projects__hero-badge{align-items:center;animation:fade-in-up 1s ease-out .5s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00ff411a;background:rgba(var(--accent-color-rgb,0,255,65),.1);border:1px solid var(--accent-color);border-radius:var(--radius-full);box-shadow:0 0 20px #00ff414d;box-shadow:0 0 20px rgba(var(--accent-color-rgb,0,255,65),.3);color:var(--accent-color);display:inline-flex;font-size:var(--text-xs);font-weight:700;gap:var(--spacing-sm);letter-spacing:1px;padding:var(--spacing-sm) var(--spacing-lg);text-transform:uppercase}.projects__hero-badge-icon{animation:bounce-arrow 2s ease-in-out infinite;font-size:1rem}.projects__hero-badge-text{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:10px;font-weight:800}.projects__hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:900;letter-spacing:-.02em;line-height:.9;margin:0}.projects__hero-title-line{display:block;opacity:0;transform:translateY(100px);transition:all 1s cubic-bezier(.23,1,.32,1)}.projects__hero-title-line--accent{-webkit-text-fill-color:#0000;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;position:relative}.projects__hero-title-line--accent:before{background:var(--gradient-accent);border-radius:2px;bottom:-10px;content:"";height:4px;left:0;opacity:.6;position:absolute;width:100%}.projects__hero-title-line--small{color:var(--text-secondary);font-size:.4em;font-weight:500;letter-spacing:.1em;margin-top:var(--spacing-sm)}.projects--animated .projects__hero-title-line:first-child{opacity:1;transform:translateY(0);transition-delay:.6s}.projects--animated .projects__hero-title-line:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.8s}.projects--animated .projects__hero-title-line:nth-child(3){opacity:1;transform:translateY(0);transition-delay:1s}.projects__hero-description{animation:fade-in-up 1s ease-out 1.2s both;margin:0 auto;max-width:600px}.projects__hero-text{color:var(--text-secondary);font-size:var(--text-lg);line-height:1.7;margin:0}.text-highlight{color:var(--accent-color);font-weight:600;position:relative}.text-highlight:after{background:linear-gradient(90deg,var(--accent-color),#0000);bottom:-2px;content:"";height:2px;left:0;opacity:.6;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.text-highlight:hover:after{transform:scaleX(1)}.projects__hero-stats{animation:fade-in-up 1s ease-out 1.4s both;display:flex;gap:var(--spacing-2xl);margin-top:var(--spacing-xl)}.projects__hero-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.projects__hero-stat-number{animation:number-glow 3s ease-in-out infinite;color:var(--accent-color);display:block;font-size:2.5rem;font-weight:900;line-height:1;margin-bottom:var(--spacing-xs)}.projects__hero-stat-label{color:var(--text-secondary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:var(--text-xs);font-weight:600;letter-spacing:1px;text-transform:uppercase}.projects__hero-scroll{animation:fade-in-up 1s ease-out 1.6s both;bottom:var(--spacing-xl);left:50%;position:absolute;transform:translateX(-50%)}.projects__hero-scroll-indicator{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-sm);transition:all .3s ease}.projects__hero-scroll-indicator:hover{transform:translateY(-4px)}.projects__hero-scroll-text{color:var(--text-secondary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:var(--text-xs);font-weight:600;letter-spacing:1px;text-transform:uppercase}.projects__hero-scroll-arrow{animation:bounce-arrow 2s ease-in-out infinite;color:var(--accent-color)}@keyframes project-fade-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes number-glow{0%,to{text-shadow:0 0 10px #00ff414d;text-shadow:0 0 10px rgba(var(--accent-color-rgb,0,255,65),.3)}50%{text-shadow:0 0 20px #00ff4199,0 0 30px #00ff414d;text-shadow:0 0 20px rgba(var(--accent-color-rgb,0,255,65),.6),0 0 30px rgba(var(--accent-color-rgb,0,255,65),.3)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-arrow{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}@media (max-width:768px){.projects{padding:var(--spacing-2xl) 0}.projects__grid{gap:var(--spacing-lg);grid-template-columns:1fr}.projects__filters-container{gap:var(--spacing-md);grid-template-columns:1fr}.projects__filter-system{padding:var(--spacing-lg)}.projects__filter-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.projects__card-content{padding:0 var(--spacing-md) var(--spacing-md)}.projects__card-header{padding:var(--spacing-md);padding-bottom:var(--spacing-sm)}.projects__card-footer{padding:var(--spacing-md);padding-top:var(--spacing-sm)}.projects__icon-container{height:50px;width:50px}.projects__category-icon{height:24px;width:24px}.projects__card-thumbnail{height:140px;margin:0 var(--spacing-md) var(--spacing-md)}.projects__card-thumbnail--emoji span{font-size:2.5rem}.projects__hero-header{margin:0 calc(var(--spacing-lg)*-1) var(--spacing-2xl);min-height:100vh;padding:var(--spacing-4xl) var(--spacing-lg)}.projects__hero-content{padding:0}.projects__hero-stats{flex-direction:column;gap:var(--spacing-lg)}.projects__hero-stat-number{font-size:2rem}.projects__hero-badge{font-size:10px;padding:var(--spacing-xs) var(--spacing-md)}.projects__hero-scroll{bottom:var(--spacing-lg)}}@media (max-width:480px){.projects__hero-stats{gap:var(--spacing-md)}.projects__hero-text{font-size:var(--text-base)}.projects__filter-options{border-radius:var(--radius-lg) var(--radius-lg) 0 0;bottom:0;left:0;max-height:250px;position:fixed;right:0;top:auto;transform:translateY(100%);z-index:10000}.projects__filter-options--visible{transform:translateY(0)}.projects__filter-options:before{background:#00000080;bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:-1}.projects__filter-options--visible:before{opacity:1}}.projects__card,.projects__filter-button,.projects__filter-option{will-change:transform}.projects__card:hover{will-change:transform,box-shadow}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.articles{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--bg-primary);background-attachment:fixed;background-image:linear-gradient(rgba(0,255,65,.025) 1px,#0000 0),linear-gradient(90deg,rgba(0,255,65,.025) 1px,#0000 0),radial-gradient(circle at 15% 15%,#00ff4105 0,#0000 60%),radial-gradient(circle at 85% 85%,#00d4ff05 0,#0000 60%),radial-gradient(circle at 50% 50%,rgba(57,255,20,.015) 0,#0000 80%);background-size:28px 28px,28px 28px,100vw 100vh,100vw 100vh,100vw 100vh;color:var(--text-primary);font-family:var(--font-primary);margin:0;margin-left:calc(var(--spacing-lg)*-1);margin-right:calc(var(--spacing-lg)*-1);min-height:100vh;overflow-x:hidden;padding:var(--spacing-3xl) 0;position:relative;transform:translateZ(0);width:100vw;will-change:auto}@media (max-width:768px){.articles{background-attachment:scroll;background-size:20px 20px,20px 20px,100vw 100vh,100vw 100vh,100vw 100vh}}.articles__container{margin:0 auto;max-width:1400px;padding:0 var(--spacing-lg);position:relative;z-index:1}.articles:before{animation:matrix-float 25s ease-in-out infinite;background:radial-gradient(circle at 25% 25%,var(--matrix-primary) 0,#0000 50%),radial-gradient(circle at 75% 75%,var(--cyber-blue) 0,#0000 50%),radial-gradient(circle at 50% 20%,var(--acid-green) 0,#0000 50%);bottom:0;content:"";left:0;opacity:.025;pointer-events:none;position:fixed;right:0;top:0;transform:translateZ(0);will-change:transform,opacity;z-index:0}@keyframes matrix-float{0%,to{opacity:.025;transform:translateY(0) rotate(0deg) translateZ(0)}33%{opacity:.035;transform:translateY(-20px) rotate(.5deg) translateZ(0)}66%{opacity:.02;transform:translateY(-12px) rotate(-.5deg) translateZ(0)}}.articles__header{margin-bottom:var(--spacing-3xl);text-align:center}.articles__header,.articles__terminal{position:relative;transform:translateZ(0);will-change:auto;z-index:2}.articles__terminal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-panel);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel);contain:layout;margin:0 auto var(--spacing-2xl);max-width:800px;overflow:hidden}.articles__terminal:before{animation:terminal-glow 3s ease-in-out infinite alternate;background:var(--gradient-matrix);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0;will-change:opacity,box-shadow}@keyframes terminal-glow{0%{box-shadow:0 0 6px var(--matrix-primary);opacity:.4}to{box-shadow:0 0 12px var(--matrix-primary);opacity:.8}}.articles__terminal-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);position:relative}.articles__terminal-header:after{background:linear-gradient(90deg,#0000,var(--matrix-primary),#0000);bottom:0;content:"";height:1px;left:0;opacity:.3;position:absolute;right:0}.articles__terminal-dot{border-radius:50%;box-shadow:0 1px 4px #0000004d;height:10px;position:relative;transform:translateZ(0);transition:transform .3s cubic-bezier(.25,.46,.45,.94);width:10px;will-change:transform}.articles__terminal-dot:before{background:inherit;border-radius:50%;content:"";filter:blur(1px);height:100%;left:50%;opacity:.4;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}.articles__terminal-dot:hover{box-shadow:0 0 8px currentColor;transform:scale(1.1) translateZ(0)}.articles__terminal-dot--red{background:#ff6b6b;box-shadow:0 0 6px #ff6b6b}.articles__terminal-dot--yellow{background:var(--terminal-yellow);box-shadow:0 0 6px var(--terminal-yellow)}.articles__terminal-dot--green{background:var(--matrix-primary);box-shadow:0 0 6px var(--matrix-primary)}.articles__terminal-title{flex:1 1;font-weight:600;letter-spacing:1.5px;text-align:center;text-transform:uppercase}.articles__terminal-body,.articles__terminal-title{color:var(--text-secondary);font-family:var(--font-terminal);font-size:var(--text-xs)}.articles__terminal-body{background:#0a0a0acc;line-height:1.6;padding:var(--spacing-lg)}.articles__terminal-line{margin-bottom:var(--spacing-xs);transform:translateZ(0);will-change:auto}.articles__prompt{color:var(--matrix-primary);font-weight:700;text-shadow:0 0 3px var(--matrix-primary)}.articles__command{color:var(--cyber-blue);font-weight:500;margin-left:var(--spacing-xs)}.articles__output{color:var(--text-tertiary);margin-left:var(--spacing-lg)}.articles__title{-webkit-text-fill-color:#0000;background:var(--gradient-matrix);background-clip:text;-webkit-background-clip:text;color:var(--text-primary);font-family:var(--font-secondary);font-size:clamp(2.25rem,5vw,3.5rem);font-weight:900;letter-spacing:-2px;line-height:1.1;margin-bottom:var(--spacing-lg);position:relative;text-shadow:0 0 20px var(--matrix-primary);text-transform:uppercase;transform:translateZ(0);will-change:auto}.articles__title:after{background:var(--gradient-matrix);border-radius:2px;bottom:-6px;box-shadow:0 0 6px var(--matrix-primary);content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%) translateZ(0);width:80px}.articles__subtitle{color:var(--text-secondary);font-size:var(--text-lg);font-weight:400;line-height:1.6;margin:0 auto;max-width:600px;opacity:.9}.articles__controls,.articles__subtitle{transform:translateZ(0);will-change:auto}.articles__controls{align-items:center;display:flex;gap:var(--spacing-xl);justify-content:space-between;margin-bottom:var(--spacing-3xl);position:relative;z-index:2}.articles__search{flex:1 1;max-width:400px;position:relative}.articles__search-input{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#001400cc;border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);font-family:var(--font-terminal);font-size:var(--text-sm);padding:var(--spacing-md) var(--spacing-lg);padding-right:50px;transform:translateZ(0);transition:all .3s cubic-bezier(.25,.46,.45,.94);width:100%;will-change:transform,border-color,box-shadow}.articles__search-input:focus{background:#00ff4108;border-color:var(--matrix-primary);box-shadow:var(--shadow-glow),0 0 0 2px #00ff4114;outline:none}.articles__search-input::placeholder{color:var(--text-muted);font-family:var(--font-terminal)}.articles__search-icon{color:var(--text-muted);font-size:1rem;pointer-events:none;position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%) translateZ(0);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.articles__search:focus-within .articles__search-icon{color:var(--matrix-primary);text-shadow:0 0 6px var(--matrix-primary)}.articles__filters{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.articles__filter{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#001400cc;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font-terminal);font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-transform:uppercase;transform:translateZ(0);transition:all .25s cubic-bezier(.25,.46,.45,.94);will-change:transform,border-color,color}.articles__filter:before{background:var(--gradient-matrix);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s cubic-bezier(.25,.46,.45,.94);width:100%;z-index:-1}.articles__filter:hover:before{left:0}.articles__filter--active{background:var(--gradient-matrix);border-color:var(--matrix-primary);box-shadow:var(--shadow-glow);color:var(--text-primary);text-shadow:0 0 3px #00000080}.articles__filter--active:before{left:0}.articles__grid{grid-gap:var(--spacing-xl);contain:layout;display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:var(--spacing-3xl);position:relative;z-index:2}.articles__card{animation:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#001400d9;border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel);contain:layout style;opacity:1;overflow:hidden;padding:var(--spacing-xl);position:relative;transform:translateZ(0);will-change:auto}.articles__card:before{background:var(--gradient-matrix);height:2px;transition:opacity .3s cubic-bezier(.25,.46,.45,.94)}.articles__card:after,.articles__card:before{content:"";left:0;opacity:0;position:absolute;right:0;top:0}.articles__card:after{background:var(--gradient-scan);bottom:0;pointer-events:none;transform:translateX(-100%);transition:all .5s cubic-bezier(.25,.46,.45,.94)}.articles__card:hover:before{opacity:1}.articles__card:hover:after{opacity:.08;transform:translateX(100%)}.articles__card-header{align-items:flex-start;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.articles__card-thumbnail{border-radius:var(--radius-lg);flex-shrink:0;height:80px;overflow:hidden;position:relative;transform:translateZ(0);width:80px;will-change:auto}.articles__card-thumbnail--image{background:#00ff410d;border:1px solid var(--border-primary);contain:layout;position:relative}.articles__card-thumbnail--image:before{background:linear-gradient(45deg,#0000 30%,#00ff411a 50%,#0000 70%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.25,.46,.45,.94);z-index:1}.articles__card:hover .articles__card-thumbnail--image:before{opacity:1}.articles__card-thumbnail--image img{border-radius:var(--radius-lg);height:100%;image-rendering:optimizeQuality;object-fit:cover;transform:translateZ(0);width:100%}.articles__card-thumbnail--emoji{align-items:center;background:#00ff4114;border:1px solid var(--border-primary);display:flex;justify-content:center}.articles__card-thumbnail--emoji span{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2rem;transform:translateZ(0)}.articles__card-thumbnail--loading{align-items:center;background:#00ff410d;border:1px solid var(--border-primary);display:flex;justify-content:center}.articles__card-thumbnail--loading span{animation:matrix-pulse 1.5s ease-in-out infinite;font-size:1.5rem;transform:translateZ(0)}.articles__card-thumbnail--error{align-items:center;background:#ff00000d;border:1px solid #f003;display:flex;justify-content:center}.articles__card-thumbnail--error span{filter:grayscale(.3);font-size:1.5rem;transform:translateZ(0)}.articles__card-info{flex:1 1;min-width:0}.articles__card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:var(--text-lg);font-weight:700;line-height:1.4;margin-bottom:var(--spacing-sm);overflow:hidden;transform:translateZ(0);transition:color .3s cubic-bezier(.25,.46,.45,.94)}.articles__card:hover .articles__card-title{color:var(--matrix-primary)}.articles__card-meta{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--spacing-md)}.articles__claps,.articles__date,.articles__reading-time,.articles__responses{align-items:center;display:flex;font-family:var(--font-terminal);font-weight:500;gap:var(--spacing-xs)}.articles__card-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;line-height:1.6;margin-bottom:var(--spacing-lg);overflow:hidden}.articles__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.articles__tag{background:#00ff4114;border:1px solid #00ff4133;border-radius:var(--radius-sm);color:var(--matrix-primary);font-family:var(--font-terminal);font-size:var(--text-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);transform:translateZ(0);transition:all .2s cubic-bezier(.25,.46,.45,.94);will-change:auto}.articles__actions{display:flex;gap:var(--spacing-md);margin-top:auto}.articles__action{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;font-family:var(--font-terminal);font-size:var(--text-sm);font-weight:600;gap:var(--spacing-sm);justify-content:center;overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;text-decoration:none;transform:translateZ(0);transition:all .3s cubic-bezier(.25,.46,.45,.94);will-change:auto}.articles__action:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(.25,.46,.45,.94);width:100%}.articles__action:hover:before{left:100%}.articles__action--primary{background:var(--gradient-matrix);color:var(--text-primary);text-shadow:0 1px 2px #00000080}.articles__action--secondary{background:#00ff411a;border:1px solid var(--matrix-primary);color:var(--matrix-primary)}.articles__action--secondary:hover{background:#00ff4133;box-shadow:0 0 15px #00ff414d}.articles__action-icon{font-size:1rem;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.articles__action:hover .articles__action-icon{transform:translateX(2px) translateZ(0)}.articles__empty{color:var(--text-secondary);padding:var(--spacing-3xl);text-align:center}.articles__empty,.articles__empty-icon{transform:translateZ(0);will-change:auto}.articles__empty-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:3rem;margin-bottom:var(--spacing-lg)}.articles__empty h3{color:var(--text-primary);font-family:var(--font-secondary);font-size:var(--text-xl);margin-bottom:var(--spacing-md)}.articles__cta{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00ff4108;border:1px solid #00ff411a;border-radius:var(--radius-xl);padding:var(--spacing-3xl);position:relative;text-align:center;transform:translateZ(0);will-change:auto}.articles__cta:before{animation:matrix-scan 8s linear infinite;background:var(--gradient-scan);border-radius:var(--radius-xl);content:"";inset:0;opacity:.05;position:absolute}.articles__cta h3{-webkit-text-fill-color:#0000;background:var(--gradient-matrix);background-clip:text;-webkit-background-clip:text;color:var(--text-primary);font-family:var(--font-secondary);font-size:var(--text-xl);margin-bottom:var(--spacing-md)}.articles__cta p{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.articles__cta-button{align-items:center;background:var(--gradient-matrix);border-radius:var(--radius-lg);color:var(--text-primary);display:inline-flex;font-family:var(--font-terminal);font-weight:700;gap:var(--spacing-sm);letter-spacing:1px;overflow:hidden;padding:var(--spacing-lg) var(--spacing-xl);position:relative;text-decoration:none;text-transform:uppercase;transform:translateZ(0);transition:all .4s cubic-bezier(.25,.46,.45,.94);will-change:auto}.articles__cta-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.25,.46,.45,.94);width:100%}.articles__cta-button:hover:before{left:100%}.articles__cta-icon{font-size:1.2rem;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.articles__cta-button:hover .articles__cta-icon{transform:translateX(4px) translateZ(0)}@media (max-width:1024px){.articles{padding:var(--spacing-2xl) 0}.articles__container{padding:0 var(--spacing-md)}.articles__grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:768px){.articles{background-size:16px 16px,16px 16px,100vw 100vh,100vw 100vh,100vw 100vh;padding:var(--spacing-xl) 0}.articles__container{padding:0 var(--spacing-sm)}.articles__controls{flex-direction:column;gap:var(--spacing-lg)}.articles__search{max-width:none;width:100%}.articles__grid{gap:var(--spacing-md);grid-template-columns:1fr}.articles__card{padding:var(--spacing-lg)}.articles__card-header{align-items:center;flex-direction:column;text-align:center}.articles__card-meta{justify-content:center}.articles__actions{flex-direction:column}.articles__terminal{margin-bottom:var(--spacing-xl)}.articles__terminal-header{padding:var(--spacing-sm) var(--spacing-md)}.articles__terminal-body{padding:var(--spacing-md)}.articles__title{font-size:clamp(1.75rem,6vw,2.5rem)}}@media (max-width:480px){.articles__container{padding:0 var(--spacing-xs)}.articles__card{border-radius:var(--radius-lg);padding:var(--spacing-md)}.articles__card-thumbnail{height:60px;width:60px}.articles__card-thumbnail span{font-size:1.5rem}.articles__terminal-title{font-size:.6rem}.articles__cta{padding:var(--spacing-xl)}.articles__grid{gap:var(--spacing-sm)}}@media (prefers-reduced-motion:reduce){.articles:before,.articles__action:before,.articles__card:after,.articles__cta:before,.articles__terminal:before{animation:none!important}.articles__action:hover .articles__action-icon,.articles__cta-button:hover .articles__cta-icon,.articles__terminal-dot:hover{transform:none!important}*{transition-duration:.01ms!important}}@media print{.articles{background:#fff!important;color:#000!important;padding:0!important}.articles__container{max-width:none!important;padding:0!important}.articles__card{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important;page-break-inside:avoid}.articles__actions,.articles__cta,.articles__terminal{display:none!important}}.docs-page{background:var(--bg-primary);min-height:100vh;opacity:0;transform:translateY(var(--spacing-lg));transition:all var(--transition-slow)}.docs-page--loaded{opacity:1;transform:translateY(0)}.docs-hero{background:var(--bg-primary);border-bottom:1px solid var(--border-primary);overflow:hidden;padding:var(--spacing-5xl) 0 var(--spacing-4xl);position:relative;text-align:center}.docs-hero:before{background:radial-gradient(circle at 30% 20%,#00ff4108 0,#0000 50%),radial-gradient(circle at 70% 80%,#00d4ff05 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.docs-hero__content{margin:0 auto;max-width:56rem;padding:0 var(--spacing-lg);position:relative;z-index:1}.docs-hero__badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-full);color:var(--matrix-primary);display:inline-flex;font-family:var(--font-terminal);font-size:var(--text-sm);font-weight:600;gap:var(--spacing-sm);letter-spacing:.05em;margin-bottom:var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-lg);text-transform:uppercase;transition:all var(--transition-normal)}.docs-hero__badge:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);text-shadow:0 0 8px currentColor}.docs-hero__title{color:var(--text-primary);font-size:clamp(var(--text-5xl),8vw,var(--text-7xl));font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--spacing-lg);text-transform:uppercase}.docs-hero__subtitle{color:var(--text-secondary);font-size:var(--text-lg);line-height:1.6;margin-bottom:var(--spacing-2xl);margin-left:auto;margin-right:auto;max-width:42rem}.docs-hero__stats{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}.docs-hero__stat{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-panel);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;min-width:6rem;overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition-normal)}.docs-hero__stat:before{background:var(--gradient-scan);content:"";height:1px;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.docs-hero__stat:hover:before{left:100%}.docs-hero__stat:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.docs-hero__stat-number{color:var(--matrix-primary);font-family:var(--font-terminal);font-size:var(--text-3xl);font-weight:700;line-height:1;margin-bottom:var(--spacing-xs)}.docs-hero__stat-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase}.docs-search{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:var(--spacing-3xl) 0;position:relative}.docs-search__container{margin:0 auto;max-width:64rem;padding:0 var(--spacing-lg)}.docs-search__bar{margin-bottom:var(--spacing-xl);position:relative}.docs-search__bar:after{background:var(--gradient-matrix);border-radius:var(--radius-xl);content:"";inset:-2px;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--transition-normal);z-index:0}.docs-search__bar--focused:after{opacity:.15}.docs-search__input-wrapper{margin:0 auto;max-width:36rem;position:relative;z-index:1}.docs-search__input{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-lg);font-weight:500;outline:none;padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-lg) 3.5rem;transition:all var(--transition-normal);width:100%}.docs-search__input:focus{border-color:var(--matrix-primary);box-shadow:0 0 0 3px #00ff411a,var(--shadow-glow);text-shadow:0 0 4px currentColor}.docs-search__input::placeholder{color:var(--text-muted)}.docs-search__icon{color:var(--text-secondary);height:20px;left:var(--spacing-lg);position:absolute;top:50%;transform:translateY(-50%);transition:color var(--transition-normal);width:20px}.docs-search__bar--focused .docs-search__icon{color:var(--matrix-primary)}.docs-search__clear{align-items:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;height:2rem;justify-content:center;position:absolute;right:var(--spacing-lg);top:50%;transform:translateY(-50%);transition:all var(--transition-normal);width:2rem}.docs-search__clear:hover{background:var(--matrix-primary);box-shadow:var(--shadow-glow);color:var(--bg-primary)}.docs-search__controls{align-items:center;display:flex;gap:var(--spacing-lg);justify-content:center;margin-bottom:var(--spacing-lg)}.docs-search__filter-toggle{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-panel);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-terminal);font-size:var(--text-sm);font-weight:600;gap:var(--spacing-sm);letter-spacing:.05em;padding:var(--spacing-md) var(--spacing-lg);position:relative;text-transform:uppercase;transition:all var(--transition-normal)}.docs-search__filter-toggle:hover{border-color:var(--border-glow);box-shadow:var(--shadow-sm);color:var(--matrix-primary)}.docs-search__filter-toggle--active{background:#00ff410d;border-color:var(--matrix-primary);color:var(--matrix-primary)}.docs-search__filter-dot{animation:pulse-glow 2s ease-in-out infinite;background:var(--acid-green);border:1px solid var(--bg-primary);border-radius:var(--radius-full);height:8px;position:absolute;right:-2px;top:-2px;width:8px}.docs-search__view-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-panel);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs)}.docs-search__view-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:all var(--transition-normal);width:2.5rem}.docs-search__view-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.docs-search__view-btn--active{background:var(--matrix-primary);box-shadow:var(--shadow-sm);color:var(--bg-primary)}.docs-search__filters{border-radius:var(--radius-lg);max-height:0;overflow:hidden;transition:max-height var(--transition-normal) ease-out}.docs-search__filters--open{max-height:12rem}.docs-search__filters-content{align-items:end;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-panel);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-top:var(--spacing-md);padding:var(--spacing-lg)}.docs-search__filter-group{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:10rem}.docs-search__filter-label{color:var(--text-secondary);font-family:var(--font-terminal);font-size:var(--text-sm);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.docs-search__filter-select{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:500;outline:none;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal)}.docs-search__filter-select:focus{border-color:var(--matrix-primary);box-shadow:0 0 0 2px #00ff411a}.docs-search__clear-filters{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-terminal);font-size:var(--text-sm);font-weight:600;gap:var(--spacing-sm);letter-spacing:.05em;padding:var(--spacing-md) var(--spacing-lg);text-transform:uppercase;transition:all var(--transition-normal)}.docs-search__clear-filters:hover{background:var(--danger-color);border-color:var(--danger-color);color:#fff}.docs-search__results{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-glass);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);margin-top:var(--spacing-lg);padding:var(--spacing-md);text-align:center}.docs-search__results-count{color:var(--matrix-primary);font-family:var(--font-terminal);font-size:var(--text-sm);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.docs-search__results-query{color:var(--text-secondary);font-size:var(--text-sm);margin-left:var(--spacing-sm)}.docs-featured{background:var(--bg-primary);border-bottom:1px solid var(--border-primary);padding:var(--spacing-4xl) 0}.docs-featured__header{margin:0 auto var(--spacing-2xl);max-width:80rem;padding:0 var(--spacing-lg);text-align:center}.docs-featured__title{align-items:center;color:var(--text-primary);display:inline-flex;font-size:var(--text-2xl);font-weight:700;gap:var(--spacing-sm);letter-spacing:.02em;margin:0;text-transform:uppercase}.docs-featured__grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));margin:0 auto;max-width:80rem;padding:0 var(--spacing-lg)}.docs-featured__card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-panel);border:1px solid var(--border-primary);border-radius:var(--radius-xl);cursor:pointer;overflow:hidden;padding:var(--spacing-xl);position:relative;transform:perspective(var(--perspective-base)) rotateX(var(--rotate-subtle));transition:all var(--transition-normal)}.docs-featured__card:before{background:var(--gradient-scan);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform var(--transition-slow)}.docs-featured__card:hover:before{transform:translateX(100%)}.docs-featured__card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-cyber);transform:perspective(var(--perspective-close)) rotateX(0deg) translateY(-4px)}.docs-featured__card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.docs-featured__card-emoji{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));font-size:2.5rem}.docs-featured__card-meta{align-items:flex-end;display:flex;flex-direction:column;gap:var(--spacing-xs)}.docs-featured__card-category{color:var(--text-muted);letter-spacing:.1em}.docs-featured__card-category,.docs-featured__card-difficulty{font-family:var(--font-terminal);font-size:var(--text-xs);font-weight:600;text-transform:uppercase}.docs-featured__card-difficulty{align-items:center;border-radius:var(--radius-sm);display:flex;gap:var(--spacing-xs);letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-sm)}.docs-featured__card-difficulty--beginner{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.docs-featured__card-difficulty--intermediate{background:#fbbf241a;border:1px solid #fbbf244d;color:#fbbf24}.docs-featured__card-difficulty--advanced{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.docs-featured__card-content{margin-bottom:var(--spacing-lg)}.docs-featured__card-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:700;letter-spacing:.02em;line-height:1.3;margin-bottom:var(--spacing-md);text-transform:uppercase}.docs-featured__card-description{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6}.docs-featured__card-footer{align-items:center;display:flex;justify-content:space-between}.docs-featured__card-info{align-items:center;color:var(--text-muted);display:flex;font-family:var(--font-terminal);font-size:var(--text-sm);font-weight:500;gap:var(--spacing-xs)}.docs-featured__card-arrow{color:var(--text-secondary);height:18px;transition:all var(--transition-normal);width:18px}.docs-featured__card:hover .docs-featured__card-arrow{color:var(--matrix-primary);transform:translateX(4px)}.docs-content{background:var(--bg-primary);padding:var(--spacing-4xl) 0}.docs-content__header{align-items:center;display:flex;justify-content:space-between;margin:0 auto var(--spacing-2xl);max-width:80rem;padding:0 var(--spacing-lg)}.docs-content__title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:700;letter-spacing:.02em;margin:0;text-transform:uppercase}.docs-content__count{background:var(--bg-panel);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-muted);font-family:var(--font-terminal);font-size:var(--text-sm);font-weight:500;letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.docs-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);margin:0 auto;max-width:80rem;padding:0 var(--spacing-lg)}.docs-grid--grid{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}.docs-grid--list{gap:var(--spacing-lg);grid-template-columns:1fr}.docs-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-panel);border:1px solid var(--border-primary);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:var(--spacing-xl);position:relative;transform:perspective(var(--perspective-base)) rotateX(var(--rotate-subtle));transition:all var(--transition-normal)}.docs-grid--list .docs-card{align-items:center;flex-direction:row;height:auto;padding:var(--spacing-lg);transform:none}.docs-card:after{background:var(--gradient-glass);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--transition-normal)}.docs-card:hover:after{opacity:1}.docs-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-cyber);transform:perspective(var(--perspective-close)) rotateX(0deg) translateY(-4px)}.docs-grid--list .docs-card:hover{transform:translateY(-2px)}.docs-card__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.docs-grid--list .docs-card__header{flex-shrink:0;margin-bottom:0;margin-right:var(--spacing-lg)}.docs-card__emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2rem}.docs-grid--list .docs-card__emoji{font-size:1.5rem}.docs-card__meta{align-items:flex-end;display:flex;flex-direction:column;gap:var(--spacing-xs)}.docs-grid--list .docs-card__meta{align-items:center;flex-direction:row}.docs-card__category{color:var(--text-muted);font-family:var(--font-terminal);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.docs-card__featured{align-items:center;background:var(--acid-green);border-radius:var(--radius-full);color:var(--bg-primary);display:flex;height:1.5rem;justify-content:center;margin-left:var(--spacing-xs);width:1.5rem}.docs-card__content{flex:1 1;margin-bottom:var(--spacing-lg)}.docs-grid--list .docs-card__content{margin-bottom:0;margin-right:var(--spacing-lg)}.docs-card__title{color:var(--text-primary);font-size:var(--text-lg);font-weight:700;letter-spacing:.02em;line-height:1.3;margin-bottom:var(--spacing-md);text-transform:uppercase}.docs-card__description{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6;margin-bottom:var(--spacing-md)}.docs-grid--list .docs-card__description{margin-bottom:0}.docs-card__tags{flex-wrap:wrap}.docs-card__tag,.docs-card__tags{display:flex;gap:var(--spacing-xs)}.docs-card__tag{align-items:center;background:#00ff4114;border:1px solid #00ff4133;border-radius:var(--radius-sm);color:var(--matrix-primary);font-family:var(--font-terminal);font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase;transition:all var(--transition-normal)}.docs-card__tag:hover{background:#00ff4126;border-color:var(--matrix-primary);box-shadow:0 0 8px #00ff4133}.docs-card__tag--more{background:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-muted)}.docs-card__footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.docs-grid--list .docs-card__footer{flex-shrink:0;margin-top:0}.docs-card__info{color:var(--text-muted);font-size:var(--text-sm);font-weight:500;gap:var(--spacing-sm)}.docs-card__difficulty,.docs-card__info{align-items:center;display:flex;font-family:var(--font-terminal)}.docs-card__difficulty{border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;gap:var(--spacing-xs);letter-spacing:.05em;margin-left:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.docs-card__difficulty--beginner{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.docs-card__difficulty--intermediate{background:#fbbf241a;border:1px solid #fbbf244d;color:#fbbf24}.docs-card__difficulty--advanced{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.docs-card__arrow{color:var(--text-secondary);height:18px;transition:all var(--transition-normal);width:18px}.docs-card:hover .docs-card__arrow{color:var(--matrix-primary);transform:translateX(4px)}.docs-empty{margin:0 auto;max-width:32rem;padding:var(--spacing-5xl) var(--spacing-lg);text-align:center}.docs-empty__icon{color:var(--text-muted);margin-bottom:var(--spacing-lg);opacity:.6}.docs-empty__title{color:var(--text-primary);font-size:var(--text-xl);font-weight:700;letter-spacing:.02em;margin-bottom:var(--spacing-md);text-transform:uppercase}.docs-empty__description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-xl)}.docs-empty__button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-panel);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-terminal);font-size:var(--text-sm);font-weight:600;gap:var(--spacing-sm);letter-spacing:.05em;padding:var(--spacing-md) var(--spacing-lg);text-transform:uppercase;transition:all var(--transition-normal)}.docs-empty__button:hover{border-color:var(--danger-color);box-shadow:0 0 12px #ef444433;color:var(--danger-color)}@media (max-width:1024px){.docs-hero__title{font-size:clamp(var(--text-4xl),6vw,var(--text-6xl))}.docs-featured__grid,.docs-grid--grid{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}}@media (max-width:768px){.docs-hero{padding:var(--spacing-4xl) 0 var(--spacing-3xl)}.docs-hero__stats{gap:var(--spacing-md)}.docs-hero__stat{min-width:5rem;padding:var(--spacing-md)}.docs-search{padding:var(--spacing-2xl) 0}.docs-search__controls{flex-direction:column;gap:var(--spacing-md)}.docs-search__filters-content{align-items:stretch;flex-direction:column}.docs-search__filter-group{min-width:auto}.docs-featured__grid,.docs-grid--grid{grid-template-columns:1fr}.docs-grid--list .docs-card{align-items:stretch;flex-direction:column}.docs-grid--list .docs-card__content,.docs-grid--list .docs-card__header{margin-bottom:var(--spacing-lg);margin-right:0}.docs-grid--list .docs-card__meta{align-items:flex-end;flex-direction:column}.docs-content__header{align-items:stretch;flex-direction:column;gap:var(--spacing-md);text-align:center}.docs-card,.docs-featured__card{transform:none!important}.docs-card:hover,.docs-featured__card:hover{transform:translateY(-2px)!important}}@media (max-width:480px){.docs-hero__title{font-size:var(--text-4xl)}.docs-hero__stats{align-items:center;flex-direction:column;gap:var(--spacing-sm)}.docs-hero__stat{max-width:12rem;width:100%}.docs-search__input{font-size:var(--text-base);padding:var(--spacing-md) var(--spacing-lg) var(--spacing-md) 3rem}.docs-card,.docs-featured__card{padding:var(--spacing-lg)}}@media (prefers-reduced-motion:reduce){.docs-card,.docs-featured__card,.docs-featured__card:before,.docs-page,.docs-search__bar:after{animation:none!important;transition:none!important}.docs-card,.docs-card:hover,.docs-featured__card,.docs-featured__card:hover{transform:none!important}}@media (prefers-contrast:high){.docs-card,.docs-featured__card,.docs-search__input{border-width:2px}}.docs-viewer{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;opacity:0;transform:translateY(var(--spacing-lg));transition:all var(--transition-slow)}.docs-viewer--loaded{opacity:1;transform:translateY(0)}.docs-viewer__progress-bar{background:var(--bg-tertiary);height:3px;left:0;position:fixed;right:0;top:0;z-index:1000}.docs-viewer__progress-fill{background:var(--gradient-matrix);box-shadow:0 0 8px #00ff414d;height:100%;transition:width var(--transition-normal)}.docs-viewer__header{background:var(--bg-primary);border-bottom:1px solid var(--border-primary);overflow:hidden;padding:var(--spacing-2xl) 0;position:relative}.docs-viewer__header-background{background:radial-gradient(circle at 20% 30%,#00ff4105 0,#0000 50%),radial-gradient(circle at 80% 70%,#00d4ff05 0,#0000 50%);inset:0;pointer-events:none;position:absolute}.docs-viewer__header-content{margin:0 auto;max-width:80rem;padding:0 var(--spacing-lg);position:relative;z-index:1}.docs-viewer__back-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-panel);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-terminal);font-size:var(--text-sm);font-weight:600;gap:var(--spacing-sm);letter-spacing:.05em;margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;text-decoration:none;text-transform:uppercase;transition:all var(--transition-normal)}.docs-viewer__back-btn-shine{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.docs-viewer__back-btn:hover .docs-viewer__back-btn-shine{left:100%}.docs-viewer__back-btn:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);color:var(--matrix-primary);text-shadow:0 0 8px currentColor;transform:translateX(-4px)}.docs-viewer__title-section{align-items:center;display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.docs-viewer__emoji-container{flex-shrink:0;position:relative}.docs-viewer__emoji{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));font-size:3.5rem;position:relative;z-index:1}.docs-viewer__emoji-glow{animation:pulse-glow 3s ease-in-out infinite;background:radial-gradient(circle,#00ff411a 0,#0000 70%);border-radius:var(--radius-full);inset:-10px;position:absolute}.docs-viewer__title-content{flex:1 1;min-width:0}.docs-viewer__title{color:var(--text-primary);font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:700;letter-spacing:.02em;line-height:1.2;margin-bottom:var(--spacing-md);text-transform:uppercase}.docs-viewer__description{color:var(--text-secondary);font-size:var(--text-lg);line-height:1.6;margin-bottom:var(--spacing-md)}.docs-viewer__breadcrumb{align-items:center;color:var(--text-muted);display:flex;font-family:var(--font-terminal);font-size:var(--text-sm);gap:var(--spacing-sm);letter-spacing:.05em;text-transform:uppercase}.docs-viewer__breadcrumb-active{color:var(--matrix-primary)}.docs-viewer__meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.docs-viewer__meta-item{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.docs-viewer__difficulty,.docs-viewer__meta-item,.docs-viewer__version{align-items:center;display:flex;font-family:var(--font-terminal);gap:var(--spacing-xs)}.docs-viewer__difficulty,.docs-viewer__version{border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.docs-viewer__difficulty--beginner{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.docs-viewer__difficulty--intermediate{background:#fbbf241a;border:1px solid #fbbf244d;color:#fbbf24}.docs-viewer__difficulty--advanced{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.docs-viewer__version{background:#00ff411a;border:1px solid #00ff414d;color:var(--matrix-primary)}.docs-viewer__container{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:20rem 1fr;margin:0 auto;max-width:80rem;min-height:calc(100vh - 300px);padding:var(--spacing-2xl) var(--spacing-lg)}.docs-viewer__sidebar{height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 8rem);overflow-y:auto;position:-webkit-sticky;position:sticky;top:var(--spacing-xl)}.docs-viewer__sidebar-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-panel);border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden;padding:var(--spacing-xl);position:relative}.docs-viewer__sidebar-content:before{animation:scan-line 4s ease-in-out infinite;background:var(--gradient-scan);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}.docs-viewer__toc{margin-bottom:var(--spacing-xl)}.docs-viewer__toc-title{align-items:center;border-bottom:1px solid var(--border-primary);color:var(--text-primary);display:flex;font-size:var(--text-lg);font-weight:700;gap:var(--spacing-sm);letter-spacing:.02em;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);text-transform:uppercase}.docs-viewer__toc-count{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-terminal);font-size:var(--text-xs);font-weight:500;margin-left:auto;padding:var(--spacing-xs) var(--spacing-sm)}.docs-viewer__toc-nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.docs-viewer__toc-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:var(--spacing-md);overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;text-align:left;transition:all var(--transition-normal);width:100%}.docs-viewer__toc-item:before{background:linear-gradient(90deg,#0000,#00ff411a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.docs-viewer__toc-item:hover:before{left:100%}.docs-viewer__toc-item:hover{border-color:var(--border-glow);box-shadow:var(--shadow-sm);color:var(--text-primary);transform:translateX(4px)}.docs-viewer__toc-item--active{background:#00ff4114;border-color:var(--matrix-primary);box-shadow:0 0 12px #00ff4133;color:var(--matrix-primary);font-weight:600}.docs-viewer__toc-active-indicator{animation:pulse-glow 2s ease-in-out infinite;background:var(--matrix-primary);border-radius:var(--radius-full);height:6px;position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);width:6px}.docs-viewer__toc-number{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-full);display:flex;flex-shrink:0;font-family:var(--font-terminal);font-size:var(--text-xs);font-weight:700;height:1.5rem;justify-content:center;transition:all var(--transition-normal);width:1.5rem}.docs-viewer__toc-item--active .docs-viewer__toc-number{background:var(--matrix-primary);border-color:var(--matrix-primary);color:var(--bg-primary)}.docs-viewer__toc-content{flex:1 1;min-width:0}.docs-viewer__toc-title{border:none;font-size:var(--text-sm);letter-spacing:normal;line-height:1.4;margin:0;padding:0;text-transform:none}.docs-viewer__toc-estimate{color:var(--text-muted);font-family:var(--font-terminal);font-size:var(--text-xs);margin-top:var(--spacing-xs)}.docs-viewer__tags{border-top:1px solid var(--border-primary);margin-bottom:var(--spacing-xl);padding-top:var(--spacing-xl)}.docs-viewer__tags-title{align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-terminal);font-size:var(--text-sm);font-weight:700;gap:var(--spacing-sm);letter-spacing:.05em;margin-bottom:var(--spacing-md);text-transform:uppercase}.docs-viewer__tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.docs-viewer__tag{align-items:center;background:#00ff4114;border:1px solid #00ff4133;border-radius:var(--radius-sm);color:var(--matrix-primary);display:flex;font-family:var(--font-terminal);font-size:var(--text-xs);font-weight:500;gap:var(--spacing-xs);letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase;transition:all var(--transition-normal)}.docs-viewer__tag:hover{background:#00ff4126;border-color:var(--matrix-primary);box-shadow:0 0 8px #00ff4133;transform:translateY(-1px)}.docs-viewer__updated{align-items:center;border-top:1px solid var(--border-primary);color:var(--text-muted);display:flex;font-family:var(--font-terminal);font-size:var(--text-xs);font-weight:500;gap:var(--spacing-sm);padding-top:var(--spacing-lg)}.docs-viewer__updated-label{letter-spacing:.05em;text-transform:uppercase}.docs-viewer__updated-date{color:var(--text-secondary)}.docs-viewer__main{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-panel);border:1px solid var(--border-primary);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;position:relative}.docs-viewer__main:before{animation:scan-line 5s ease-in-out infinite;background:var(--gradient-scan);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}.docs-viewer__content{flex:1 1;padding:var(--spacing-2xl)}.docs-viewer__file-header{border-bottom:1px solid var(--border-primary);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl)}.docs-viewer__file-header-content{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between}.docs-viewer__file-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:700;letter-spacing:.02em;line-height:1.3;margin-bottom:var(--spacing-md);text-transform:uppercase}.docs-viewer__file-meta{align-items:flex-end;display:flex;flex-direction:column;gap:var(--spacing-sm)}.docs-viewer__file-name{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-terminal);font-size:var(--text-sm);padding:var(--spacing-xs) var(--spacing-sm)}.docs-viewer__file-section{letter-spacing:.05em;text-transform:uppercase}.docs-viewer__file-read-time,.docs-viewer__file-section{color:var(--text-muted);font-family:var(--font-terminal);font-size:var(--text-xs)}.docs-viewer__file-read-time{align-items:center;display:flex;gap:var(--spacing-xs)}.docs-viewer__markdown-container{position:relative}.docs-viewer__markdown{color:var(--text-primary);line-height:1.8}.docs-md-h1{border-bottom:2px solid var(--border-primary);color:var(--text-primary);font-size:var(--text-3xl);font-weight:700;letter-spacing:.02em;line-height:1.2;margin:0 0 var(--spacing-xl) 0;padding-bottom:var(--spacing-md);position:relative;text-transform:uppercase}.docs-md-h1:after{background:var(--matrix-primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:3rem}.docs-md-h2{border-bottom:1px solid var(--border-secondary);font-size:var(--text-2xl);font-weight:700;margin:var(--spacing-2xl) 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-sm);position:relative}.docs-md-h2,.docs-md-h3{color:var(--text-primary);letter-spacing:.02em;text-transform:uppercase}.docs-md-h3{font-size:var(--text-xl);font-weight:600;margin:var(--spacing-xl) 0 var(--spacing-md) 0}.docs-md-strong{color:var(--matrix-primary);font-weight:700}.docs-md-em{color:var(--cyber-blue);font-style:italic}.docs-md-code{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);color:var(--matrix-primary);font-family:var(--font-terminal);font-size:.9em;padding:var(--spacing-xs) var(--spacing-sm)}.docs-md-pre{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin:var(--spacing-lg) 0;overflow-x:auto;padding:var(--spacing-lg);position:relative}.docs-md-pre:before{animation:scan-line 3s ease-in-out infinite;background:var(--gradient-scan);content:"";height:1px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}.docs-md-code-block{background:#0000;border:none;color:var(--text-primary);font-family:var(--font-terminal);font-size:var(--text-sm);line-height:1.6;padding:0}.docs-md-li{color:var(--text-secondary);margin:var(--spacing-sm) 0;padding-left:var(--spacing-md);position:relative}.docs-md-li:before{color:var(--matrix-primary);content:"▸";font-weight:700;left:0;position:absolute}.docs-md-link{color:var(--matrix-primary);font-weight:600;position:relative;text-decoration:none;transition:all var(--transition-normal)}.docs-md-link:hover{color:var(--cyber-blue);text-shadow:0 0 8px currentColor}.docs-md-link:after{background:var(--matrix-primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal);width:100%}.docs-md-link:hover:after{transform:scaleX(1)}.docs-viewer__loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-5xl);text-align:center}.docs-viewer__loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-secondary);border:3px solid var(--border-secondary);border-radius:var(--radius-full);border-top-color:var(--matrix-primary);height:3rem;margin-bottom:var(--spacing-lg);width:3rem}.docs-viewer__loading-progress{background:var(--bg-tertiary);border-radius:var(--radius-full);height:4px;margin-top:var(--spacing-md);overflow:hidden;width:12rem}.docs-viewer__loading-progress-bar{animation:loading-progress 2s ease-in-out infinite;background:var(--gradient-matrix);height:100%}.docs-viewer__error{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-5xl);text-align:center}.docs-viewer__error-icon{font-size:3rem;margin-bottom:var(--spacing-lg)}.docs-viewer__error h2{color:var(--danger-color);letter-spacing:.02em;margin-bottom:var(--spacing-md);text-transform:uppercase}.docs-viewer__retry-btn{align-items:center;background:var(--bg-panel);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-terminal);font-size:var(--text-sm);font-weight:600;gap:var(--spacing-sm);letter-spacing:.05em;padding:var(--spacing-md) var(--spacing-lg);text-transform:uppercase;transition:all var(--transition-normal)}.docs-viewer__retry-btn:hover{border-color:var(--matrix-primary);box-shadow:var(--shadow-glow);color:var(--matrix-primary)}.docs-viewer__pagination{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:var(--spacing-xl)}.docs-viewer__nav-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-panel);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-terminal);font-size:var(--text-sm);font-weight:600;gap:var(--spacing-md);letter-spacing:.05em;overflow:hidden;padding:var(--spacing-lg) var(--spacing-xl);position:relative;text-transform:uppercase;transition:all var(--transition-normal)}.docs-viewer__nav-btn:before{background:linear-gradient(90deg,#0000,#00ff411a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.docs-viewer__nav-btn:hover:before{left:100%}.docs-viewer__nav-btn:disabled{border-color:var(--border-secondary);cursor:not-allowed;opacity:.5}.docs-viewer__nav-btn:not(:disabled):hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);color:var(--matrix-primary);text-shadow:0 0 8px currentColor}.docs-viewer__nav-btn--prev{margin-right:auto}.docs-viewer__nav-btn--next{margin-left:auto}.docs-viewer__nav-content{align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-xs)}.docs-viewer__nav-btn--next .docs-viewer__nav-content{align-items:flex-end}.docs-viewer__nav-label{color:var(--text-muted);font-family:var(--font-terminal);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase}.docs-viewer__nav-title{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docs-viewer__nav-center{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm)}.docs-viewer__nav-progress{text-align:center}.docs-viewer__nav-progress-text{color:var(--text-muted);font-family:var(--font-terminal);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}.docs-viewer__nav-progress-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);height:4px;margin-top:var(--spacing-xs);overflow:hidden;width:8rem}.docs-viewer__nav-progress-fill{background:var(--gradient-matrix);height:100%;transition:width var(--transition-normal)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading-progress{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100%)}}@media (max-width:1024px){.docs-viewer__container{gap:var(--spacing-xl);grid-template-columns:18rem 1fr}.docs-viewer__title{font-size:var(--text-3xl)}}@media (max-width:768px){.docs-viewer__container{gap:var(--spacing-lg);grid-template-columns:1fr}.docs-viewer__sidebar{max-height:none;order:2;position:static}.docs-viewer__header{padding:var(--spacing-xl) 0}.docs-viewer__title-section{align-items:flex-start;flex-direction:column;gap:var(--spacing-lg)}.docs-viewer__emoji{font-size:2.5rem}.docs-viewer__title{font-size:var(--text-2xl)}.docs-viewer__content{padding:var(--spacing-xl)}.docs-viewer__pagination{flex-direction:column;gap:var(--spacing-lg)}.docs-viewer__nav-btn{justify-content:center;width:100%}.docs-viewer__nav-btn--next,.docs-viewer__nav-btn--prev{margin:0}.docs-viewer__nav-center{order:-1}}@media (max-width:480px){.docs-viewer__back-btn span{display:none}.docs-viewer__toc-item{padding:var(--spacing-sm) var(--spacing-md)}.docs-md-pre{font-size:var(--text-sm);padding:var(--spacing-md)}.docs-viewer__nav-btn{padding:var(--spacing-md) var(--spacing-lg)}}@media (prefers-reduced-motion:reduce){.docs-md-pre:before,.docs-viewer,.docs-viewer__loading-progress-bar,.docs-viewer__loading-spinner,.docs-viewer__main:before,.docs-viewer__nav-progress-fill,.docs-viewer__progress-fill,.docs-viewer__sidebar-content:before{animation:none!important;transition:none!important}.docs-viewer__back-btn-shine,.docs-viewer__nav-btn:before,.docs-viewer__toc-item:before{transition:none!important}}@media (prefers-contrast:high){.docs-md-pre,.docs-viewer__main,.docs-viewer__sidebar-content{border-width:2px}}@keyframes matrix-pulse{0%,to{opacity:1;text-shadow:0 0 3px currentColor}50%{opacity:.8;text-shadow:0 0 8px currentColor}}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px oklch(from #00ff41 l c h/.3)}50%{box-shadow:0 0 20px oklch(from #00ff41 l c h/.5)}}@keyframes terminal-blink{0%,50%{opacity:1}51%,to{opacity:0}}@layer base{*{box-sizing:border-box;margin:0;padding:0}:root{--matrix-primary:#00ff41;--matrix-secondary:#008f11;--cyber-blue:#00d4ff;--cyber-purple:#bf00ff;--acid-green:#39ff14;--terminal-yellow:#ff0;--primary-color:var(--matrix-primary);--primary-hover:var(--matrix-secondary);--secondary-color:var(--cyber-blue);--accent-color:var(--acid-green);--warning-color:var(--terminal-yellow);--danger-color:#ff0040;--text-primary:#fff;--text-secondary:#e0ffe0;--text-tertiary:#a0ffa0;--text-muted:#60ff60;--text-light:#40ff40;--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#111;--bg-panel:#001400b3;--bg-glass:#00ff4105;--bg-overlay:#000000d9;--border-primary:#00ff4140;--border-secondary:#00ff4114;--border-glow:#00ff4180;--border-cyber:#00d4ff4d;--gradient-matrix:linear-gradient(135deg,var(--matrix-primary) 0%,var(--cyber-blue) 100%);--gradient-cyber:linear-gradient(135deg,var(--cyber-blue) 0%,var(--cyber-purple) 100%);--gradient-terminal:linear-gradient(135deg,var(--matrix-primary) 0%,var(--acid-green) 100%);--gradient-scan:linear-gradient(90deg,#0000 0%,var(--matrix-primary) 50%,#0000 100%);--gradient-glass:linear-gradient(135deg,#00ff4114,#00d4ff0a);--perspective-base:800px;--perspective-close:500px;--perspective-far:1200px;--rotate-subtle:1deg;--rotate-medium:3deg;--rotate-strong:5deg;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:2.5rem;--spacing-4xl:3.5rem;--spacing-5xl:5rem;--font-primary:"Fira Code","IBM Plex Mono","Cascadia Code",monospace;--font-secondary:"IBM Plex Mono","Fira Code",monospace;--font-terminal:"Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--text-4xl:1.875rem;--text-5xl:2.25rem;--text-6xl:2.75rem;--text-7xl:3.25rem;--shadow-subtle:0 1px 2px #00ff4114;--shadow-sm:0 1px 3px #00ff411f;--shadow-md:0 2px 6px #00ff4126;--shadow-lg:0 4px 12px #00ff412e;--shadow-xl:0 8px 24px #00ff4138;--shadow-glow:0 0 15px #00ff414d;--shadow-cyber:0 0 20px #00d4ff40;--shadow-panel:0 4px 16px #0006,0 0 0 1px var(--border-primary),0 0 10px #00ff4126;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:400ms cubic-bezier(0.68,-0.55,0.265,1.55);--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-maximum:2147483647}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:var(--bg-primary);background-image:linear-gradient(#00ff4105 1px,#0000 0),linear-gradient(90deg,#00ff4105 1px,#0000 0),radial-gradient(circle at 20% 20%,rgba(0,255,65,.015) 0,#0000 60%),radial-gradient(circle at 80% 80%,rgba(0,212,255,.015) 0,#0000 60%);background-size:24px 24px,24px 24px,100vw 100vh,100vw 100vh;color:var(--text-primary);font-family:var(--font-primary);line-height:1.5;overflow-x:hidden;padding:var(--spacing-lg);padding-top:calc(4rem + var(--spacing-lg))}body:has(.App--landing){height:100vh;overflow:hidden;padding:0}.App--landing{height:100vh;overflow:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-secondary);font-weight:600;letter-spacing:.05em;line-height:1.2;margin-bottom:var(--spacing-md);text-transform:uppercase}h1{font-size:var(--text-5xl);font-weight:700;letter-spacing:.015em}h2{font-size:var(--text-4xl);font-weight:600}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--text-secondary);font-size:var(--text-base);font-weight:400;margin-bottom:var(--spacing-md)}a{color:var(--matrix-primary);position:relative;transition:all .15s ease}a:hover{color:var(--acid-green);text-shadow:0 0 6px currentColor}:focus{box-shadow:0 0 10px #00ff414d;outline:2px solid var(--matrix-primary);outline-offset:2px}}@layer components{.container{margin-left:auto;margin-right:auto;max-width:80rem;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);width:100%}.container--wide{max-width:96rem}.container--narrow{max-width:48rem}.container--full{max-width:112rem}.matrix-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-panel);border:1px solid var(--border-primary);border-radius:.5rem;box-shadow:var(--shadow-panel);overflow:hidden;position:relative;transform:perspective(var(--perspective-base)) rotateX(var(--rotate-subtle));transition:all .3s ease}.matrix-panel:before{animation:scan-line 3s ease-in-out infinite;background:var(--gradient-scan);content:"";height:1px;left:0;position:absolute;right:0;top:0}.matrix-panel:hover{border-color:var(--border-glow);box-shadow:0 6px 20px #00000080,0 0 0 1px var(--border-glow),0 0 15px #00ff4140;transform:perspective(var(--perspective-base)) rotateX(0deg) translateY(-2px)}.cyber-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:.75rem;overflow:hidden;padding:var(--spacing-xl);position:relative;transform:perspective(var(--perspective-base)) rotateX(var(--rotate-subtle));transition:all .3s ease}.cyber-card:after{background:var(--gradient-glass);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.cyber-card:hover:after{opacity:1}.cyber-card:hover{border-color:var(--border-cyber);box-shadow:var(--shadow-cyber);transform:perspective(var(--perspective-close)) rotateX(0deg) translateY(-4px)}.cyber-button{align-items:center;background:var(--bg-panel);border:1px solid var(--border-primary);border-radius:.375rem;color:var(--matrix-primary);cursor:pointer;display:inline-flex;font-family:var(--font-terminal);font-size:var(--text-sm);font-weight:600;gap:var(--spacing-sm);letter-spacing:.05em;overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;text-transform:uppercase;transform:perspective(var(--perspective-base)) rotateX(var(--rotate-subtle));transition:all .3s ease}.cyber-button:before{background:linear-gradient(90deg,#0000,#ffffff14,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s ease;width:100%}.cyber-button:hover:before{left:100%}.cyber-button:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);text-shadow:0 0 8px currentColor;transform:perspective(var(--perspective-base)) rotateX(0deg) translateY(-1px)}.terminal-text{font-family:var(--font-terminal);letter-spacing:.05em;text-shadow:0 0 8px currentColor;text-transform:uppercase}.glow-text,.terminal-text{color:var(--matrix-primary)}.glow-text{animation:matrix-pulse 2s ease-in-out infinite;text-shadow:0 0 3px currentColor,0 0 6px currentColor,0 0 10px currentColor}.matrix-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.matrix-grid--2col{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.matrix-grid--3col{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@layer utilities{.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.py-xs{padding-bottom:var(--spacing-xs);padding-top:var(--spacing-xs)}.py-sm{padding-bottom:var(--spacing-sm);padding-top:var(--spacing-sm)}.py-md{padding-bottom:var(--spacing-md);padding-top:var(--spacing-md)}.py-lg{padding-bottom:var(--spacing-lg);padding-top:var(--spacing-lg)}.py-xl{padding-bottom:var(--spacing-xl);padding-top:var(--spacing-xl)}.text-glow{text-shadow:0 0 8px currentColor}.text-glow-strong{text-shadow:0 0 12px currentColor,0 0 20px currentColor}.border-glow{border-color:var(--border-glow);box-shadow:0 0 15px var(--border-glow)}.matrix-button{align-items:center;background:var(--bg-panel);border:1px solid var(--border-primary);border-radius:.375rem;color:var(--matrix-primary);cursor:pointer;display:inline-flex;font-family:var(--font-terminal);font-size:var(--text-sm);font-weight:600;gap:var(--spacing-sm);letter-spacing:.05em;overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;text-transform:uppercase;transform:perspective(var(--perspective-base)) rotateX(var(--rotate-subtle));transition:all .3s ease}.bg-matrix-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-panel);border:1px solid var(--border-primary)}}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@keyframes scan-line{0%,to{opacity:0;transform:translateX(-100%)}50%{opacity:1;transform:translateX(100%)}}@keyframes text-glow{0%{text-shadow:0 0 3px currentColor,0 0 6px currentColor,0 0 10px currentColor}to{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor}}@keyframes matrix-rain{0%{transform:translateY(-100vh)}to{transform:translateY(100vh)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}@media (max-width:1024px){:root{--text-6xl:2.5rem;--text-5xl:2rem;--text-4xl:1.75rem}}@media (max-width:768px){:root{--text-6xl:2.25rem;--text-5xl:1.875rem;--text-4xl:1.5rem;--spacing-4xl:2.5rem;--spacing-5xl:3.5rem}body{padding:var(--spacing-md);padding-top:calc(4rem + var(--spacing-md))}.container{@apply px-md}.cyber-card,.matrix-panel{transform:none}.cyber-card:hover,.matrix-panel:hover{transform:translateY(-.5)}}@media (max-width:480px){:root{--text-6xl:2rem;--text-5xl:1.75rem;--text-4xl:1.375rem}body{padding:var(--spacing-sm);padding-top:calc(4rem + var(--spacing-sm))}}@media (prefers-color-scheme:dark){:root{--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-light:#9ca3af;--bg-primary:#111827;--bg-secondary:#1f2937;--border-light:#374151;--border-medium:#4b5563}}.skip-link{background:var(--matrix-primary);border-radius:var(--radius-sm);color:var(--bg-primary);font-size:var(--text-sm);font-weight:700;left:6px;padding:var(--spacing-sm);position:absolute;text-decoration:none;top:-40px;transition:top .3s;z-index:1000}.skip-link:focus{top:6px}:focus-visible{box-shadow:0 0 10px #00ff414d;outline:2px solid var(--matrix-primary);outline-offset:2px}.footer__newsletter{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.footer__newsletter-title{color:var(--matrix-primary);font-size:var(--text-lg);margin-bottom:var(--spacing-md)}.footer__newsletter-form{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.footer__newsletter-input{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-primary);flex:1 1;font-family:var(--font-primary);font-size:var(--text-sm);padding:var(--spacing-sm);transition:var(--transition-normal)}.footer__newsletter-input:focus{border-color:var(--matrix-primary);box-shadow:0 0 8px #00ff4140;outline:none}.footer__newsletter-input::placeholder{color:var(--text-muted)}.footer__newsletter-button{background:var(--matrix-primary);border:none;border-radius:var(--radius-sm);color:var(--bg-primary);cursor:pointer;font-family:var(--font-terminal);font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase;transition:var(--transition-normal)}.footer__newsletter-button:hover{background:var(--acid-green);box-shadow:0 0 12px #00ff414d}.footer__newsletter-description{color:var(--text-muted);font-size:var(--text-xs);line-height:1.4}.connection-status{animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.header__overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.header__nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-primary);border-left:1px solid var(--border-primary);height:100vh;overflow-y:auto;position:fixed;right:-100%;top:0;transition:right .3s var(--ease-cyber);width:260px;z-index:1000}.header__nav--open{right:0}.header__nav-list{flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-lg)}.header__nav-link{border-bottom:1px solid var(--border-secondary);font-size:var(--text-lg);padding:var(--spacing-md) 0}.footer__newsletter-form{flex-direction:column}.footer__newsletter-button{align-self:flex-start}}@media print{.connection-status,.footer__scroll-top,.header__menu-toggle{display:none!important}.header__nav{height:auto!important;position:static!important;width:auto!important}.header__nav-list{flex-direction:row!important;padding:0!important}body{background:#fff!important;color:#000!important;padding:1rem!important}.cyber-card,.matrix-panel{border:1px solid #ccc!important;box-shadow:none!important}}@media (prefers-contrast:high){:root{--matrix-primary:#0f0;--text-primary:#fff;--bg-primary:#000;--border-primary:#fff}.cyber-card,.matrix-panel{border-width:2px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.cyber-card,.cyber-card:hover,.matrix-panel,.matrix-panel:hover{transform:none!important}}
/*# sourceMappingURL=main.7fe1adba.css.map*/