@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Fira+Code:wght@300;400;500;600;700&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root,[data-theme]{background-color:var(--fallback-b1,oklch(var(--b1)/1));color:var(--fallback-bc,oklch(var(--bc)/1))}@supports not (color: oklch(0% 0 0)){:root{color-scheme:light;--fallback-p: #491eff;--fallback-pc: #d4dbff;--fallback-s: #ff41c7;--fallback-sc: #fff9fc;--fallback-a: #00cfbd;--fallback-ac: #00100d;--fallback-n: #2b3440;--fallback-nc: #d7dde4;--fallback-b1: #ffffff;--fallback-b2: #e5e6e6;--fallback-b3: #e5e6e6;--fallback-bc: #1f2937;--fallback-in: #00b3f0;--fallback-inc: #000000;--fallback-su: #00ca92;--fallback-suc: #000000;--fallback-wa: #ffc22d;--fallback-wac: #000000;--fallback-er: #ff6f70;--fallback-erc: #000000}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--fallback-p: #7582ff;--fallback-pc: #050617;--fallback-s: #ff71cf;--fallback-sc: #190211;--fallback-a: #00c7b5;--fallback-ac: #000e0c;--fallback-n: #2a323c;--fallback-nc: #a6adbb;--fallback-b1: #1d232a;--fallback-b2: #191e24;--fallback-b3: #15191e;--fallback-bc: #a6adbb;--fallback-in: #00b3f0;--fallback-inc: #000000;--fallback-su: #00ca92;--fallback-suc: #000000;--fallback-wa: #ffc22d;--fallback-wac: #000000;--fallback-er: #ff6f70;--fallback-erc: #000000}}}html{-webkit-tap-highlight-color:transparent}*{scrollbar-color:color-mix(in oklch,currentColor 35%,transparent) transparent}*:hover{scrollbar-color:color-mix(in oklch,currentColor 60%,transparent) transparent}:root{color-scheme:light;--in: 72.06% .191 231.6;--su: 64.8% .15 160;--wa: 84.71% .199 83.87;--er: 71.76% .221 22.18;--pc: 89.824% .06192 275.75;--ac: 15.352% .0368 183.61;--inc: 0% 0 0;--suc: 0% 0 0;--wac: 0% 0 0;--erc: 0% 0 0;--rounded-box: 1rem;--rounded-btn: .5rem;--rounded-badge: 1.9rem;--animation-btn: .25s;--animation-input: .2s;--btn-focus-scale: .95;--border-btn: 1px;--tab-border: 1px;--tab-radius: .5rem;--p: 49.12% .3096 275.75;--s: 69.71% .329 342.55;--sc: 98.71% .0106 342.55;--a: 76.76% .184 183.61;--n: 32.1785% .02476 255.701624;--nc: 89.4994% .011585 252.096176;--b1: 100% 0 0;--b2: 96.1151% 0 0;--b3: 92.4169% .00108 197.137559;--bc: 27.8078% .029596 256.847952}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--in: 72.06% .191 231.6;--su: 64.8% .15 160;--wa: 84.71% .199 83.87;--er: 71.76% .221 22.18;--pc: 13.138% .0392 275.75;--sc: 14.96% .052 342.55;--ac: 14.902% .0334 183.61;--inc: 0% 0 0;--suc: 0% 0 0;--wac: 0% 0 0;--erc: 0% 0 0;--rounded-box: 1rem;--rounded-btn: .5rem;--rounded-badge: 1.9rem;--animation-btn: .25s;--animation-input: .2s;--btn-focus-scale: .95;--border-btn: 1px;--tab-border: 1px;--tab-radius: .5rem;--p: 65.69% .196 275.75;--s: 74.8% .26 342.55;--a: 74.51% .167 183.61;--n: 31.3815% .021108 254.139175;--nc: 74.6477% .0216 264.435964;--b1: 25.3267% .015896 252.417568;--b2: 23.2607% .013807 253.100675;--b3: 21.1484% .01165 254.087939;--bc: 74.6477% .0216 264.435964}}[data-theme=light]{color-scheme:light;--in: 72.06% .191 231.6;--su: 64.8% .15 160;--wa: 84.71% .199 83.87;--er: 71.76% .221 22.18;--pc: 89.824% .06192 275.75;--ac: 15.352% .0368 183.61;--inc: 0% 0 0;--suc: 0% 0 0;--wac: 0% 0 0;--erc: 0% 0 0;--rounded-box: 1rem;--rounded-btn: .5rem;--rounded-badge: 1.9rem;--animation-btn: .25s;--animation-input: .2s;--btn-focus-scale: .95;--border-btn: 1px;--tab-border: 1px;--tab-radius: .5rem;--p: 49.12% .3096 275.75;--s: 69.71% .329 342.55;--sc: 98.71% .0106 342.55;--a: 76.76% .184 183.61;--n: 32.1785% .02476 255.701624;--nc: 89.4994% .011585 252.096176;--b1: 100% 0 0;--b2: 96.1151% 0 0;--b3: 92.4169% .00108 197.137559;--bc: 27.8078% .029596 256.847952}[data-theme=dark]{color-scheme:dark;--in: 72.06% .191 231.6;--su: 64.8% .15 160;--wa: 84.71% .199 83.87;--er: 71.76% .221 22.18;--pc: 13.138% .0392 275.75;--sc: 14.96% .052 342.55;--ac: 14.902% .0334 183.61;--inc: 0% 0 0;--suc: 0% 0 0;--wac: 0% 0 0;--erc: 0% 0 0;--rounded-box: 1rem;--rounded-btn: .5rem;--rounded-badge: 1.9rem;--animation-btn: .25s;--animation-input: .2s;--btn-focus-scale: .95;--border-btn: 1px;--tab-border: 1px;--tab-radius: .5rem;--p: 65.69% .196 275.75;--s: 74.8% .26 342.55;--a: 74.51% .167 183.61;--n: 31.3815% .021108 254.139175;--nc: 74.6477% .0216 264.435964;--b1: 25.3267% .015896 252.417568;--b2: 23.2607% .013807 253.100675;--b3: 21.1484% .01165 254.087939;--bc: 74.6477% .0216 264.435964}:root{--inherit: inherit;--current: currentColor;--transparent: transparent;--black: #000;--white: #fff;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--slate-950: #020617;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gray-950: #030712;--zinc-50: #fafafa;--zinc-100: #f4f4f5;--zinc-200: #e4e4e7;--zinc-300: #d4d4d8;--zinc-400: #a1a1aa;--zinc-500: #71717a;--zinc-600: #52525b;--zinc-700: #3f3f46;--zinc-800: #27272a;--zinc-900: #18181b;--zinc-950: #09090b;--neutral: var(--fallback-n,oklch(var(--n)/<alpha-value>));--stone-50: #fafaf9;--stone-100: #f5f5f4;--stone-200: #e7e5e4;--stone-300: #d6d3d1;--stone-400: #a8a29e;--stone-500: #78716c;--stone-600: #57534e;--stone-700: #44403c;--stone-800: #292524;--stone-900: #1c1917;--stone-950: #0c0a09;--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d;--red-950: #450a0a;--orange-50: #fff7ed;--orange-100: #ffedd5;--orange-200: #fed7aa;--orange-300: #fdba74;--orange-400: #fb923c;--orange-500: #f97316;--orange-600: #ea580c;--orange-700: #c2410c;--orange-800: #9a3412;--orange-900: #7c2d12;--orange-950: #431407;--amber-50: #fffbeb;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--amber-800: #92400e;--amber-900: #78350f;--amber-950: #451a03;--yellow-50: #fefce8;--yellow-100: #fef9c3;--yellow-200: #fef08a;--yellow-300: #fde047;--yellow-400: #facc15;--yellow-500: #eab308;--yellow-600: #ca8a04;--yellow-700: #a16207;--yellow-800: #854d0e;--yellow-900: #713f12;--yellow-950: #422006;--lime-50: #f7fee7;--lime-100: #ecfccb;--lime-200: #d9f99d;--lime-300: #bef264;--lime-400: #a3e635;--lime-500: #84cc16;--lime-600: #65a30d;--lime-700: #4d7c0f;--lime-800: #3f6212;--lime-900: #365314;--lime-950: #1a2e05;--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--green-950: #052e16;--emerald-50: #ecfdf5;--emerald-100: #d1fae5;--emerald-200: #a7f3d0;--emerald-300: #6ee7b7;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--emerald-800: #065f46;--emerald-900: #064e3b;--emerald-950: #022c22;--teal-50: #f0fdfa;--teal-100: #ccfbf1;--teal-200: #99f6e4;--teal-300: #5eead4;--teal-400: #2dd4bf;--teal-500: #14b8a6;--teal-600: #0d9488;--teal-700: #0f766e;--teal-800: #115e59;--teal-900: #134e4a;--teal-950: #042f2e;--cyan-50: #ecfeff;--cyan-100: #cffafe;--cyan-200: #a5f3fc;--cyan-300: #67e8f9;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--cyan-600: #0891b2;--cyan-700: #0e7490;--cyan-800: #155e75;--cyan-900: #164e63;--cyan-950: #083344;--sky-50: #f0f9ff;--sky-100: #e0f2fe;--sky-200: #bae6fd;--sky-300: #7dd3fc;--sky-400: #38bdf8;--sky-500: #0ea5e9;--sky-600: #0284c7;--sky-700: #0369a1;--sky-800: #075985;--sky-900: #0c4a6e;--sky-950: #082f49;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--blue-950: #172554;--indigo-50: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-800: #3730a3;--indigo-900: #312e81;--indigo-950: #1e1b4b;--violet-50: #f5f3ff;--violet-100: #ede9fe;--violet-200: #ddd6fe;--violet-300: #c4b5fd;--violet-400: #a78bfa;--violet-500: #8b5cf6;--violet-600: #7c3aed;--violet-700: #6d28d9;--violet-800: #5b21b6;--violet-900: #4c1d95;--violet-950: #2e1065;--purple-50: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7e22ce;--purple-800: #6b21a8;--purple-900: #581c87;--purple-950: #3b0764;--fuchsia-50: #fdf4ff;--fuchsia-100: #fae8ff;--fuchsia-200: #f5d0fe;--fuchsia-300: #f0abfc;--fuchsia-400: #e879f9;--fuchsia-500: #d946ef;--fuchsia-600: #c026d3;--fuchsia-700: #a21caf;--fuchsia-800: #86198f;--fuchsia-900: #701a75;--fuchsia-950: #4a044e;--pink-50: #fdf2f8;--pink-100: #fce7f3;--pink-200: #fbcfe8;--pink-300: #f9a8d4;--pink-400: #f472b6;--pink-500: #ec4899;--pink-600: #db2777;--pink-700: #be185d;--pink-800: #9d174d;--pink-900: #831843;--pink-950: #500724;--rose-50: #fff1f2;--rose-100: #ffe4e6;--rose-200: #fecdd3;--rose-300: #fda4af;--rose-400: #fb7185;--rose-500: #f43f5e;--rose-600: #e11d48;--rose-700: #be123c;--rose-800: #9f1239;--rose-900: #881337;--rose-950: #4c0519;--primary: var(--fallback-p,oklch(var(--p)/<alpha-value>));--primary-content: var(--fallback-pc,oklch(var(--pc)/<alpha-value>));--secondary: var(--fallback-s,oklch(var(--s)/<alpha-value>));--secondary-content: var(--fallback-sc,oklch(var(--sc)/<alpha-value>));--accent: var(--fallback-a,oklch(var(--a)/<alpha-value>));--accent-content: var(--fallback-ac,oklch(var(--ac)/<alpha-value>));--neutral-content: var(--fallback-nc,oklch(var(--nc)/<alpha-value>));--base-100: var(--fallback-b1,oklch(var(--b1)/<alpha-value>));--base-200: var(--fallback-b2,oklch(var(--b2)/<alpha-value>));--base-300: var(--fallback-b3,oklch(var(--b3)/<alpha-value>));--base-content: var(--fallback-bc,oklch(var(--bc)/<alpha-value>));--info: var(--fallback-in,oklch(var(--in)/<alpha-value>));--info-content: var(--fallback-inc,oklch(var(--inc)/<alpha-value>));--success: var(--fallback-su,oklch(var(--su)/<alpha-value>));--success-content: var(--fallback-suc,oklch(var(--suc)/<alpha-value>));--warning: var(--fallback-wa,oklch(var(--wa)/<alpha-value>));--warning-content: var(--fallback-wac,oklch(var(--wac)/<alpha-value>));--error: var(--fallback-er,oklch(var(--er)/<alpha-value>));--error-content: var(--fallback-erc,oklch(var(--erc)/<alpha-value>));--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--neutral-950: #0a0a0a}.avatar.placeholder>div{display:flex;align-items:center;justify-content:center}@media (hover:hover){.label a:hover{--tw-text-opacity: 1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}.menu li>*:not(ul,.menu-title,details,.btn):active,.menu li>*:not(ul,.menu-title,details,.btn).active,.menu li>details>summary:active{--tw-bg-opacity: 1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-text-opacity: 1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}}@media (hover: hover){.btn-outline.btn-primary:hover{--tw-text-opacity: 1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}@supports (color: color-mix(in oklab,black,black)){.btn-outline.btn-primary:hover{background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black);border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black)}}.btn-outline.btn-secondary:hover{--tw-text-opacity: 1;color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))}@supports (color: color-mix(in oklab,black,black)){.btn-outline.btn-secondary:hover{background-color:color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 90%,black);border-color:color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 90%,black)}}:where(.menu li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title)):not(.active,.btn):hover,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.active,.btn):hover{cursor:pointer;outline:2px solid transparent;outline-offset:2px}@supports (color: oklch(0% 0 0)){:where(.menu li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title)):not(.active,.btn):hover,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.active,.btn):hover{background-color:var(--fallback-bc,oklch(var(--bc)/.1))}}}.footer{display:grid;width:100%;grid-auto-flow:row;place-items:start;-moz-column-gap:1rem;column-gap:1rem;row-gap:2.5rem;font-size:.875rem;line-height:1.25rem}.footer>*{display:grid;place-items:start;gap:.5rem}@media (min-width: 48rem){.footer{grid-auto-flow:column}.footer-center{grid-auto-flow:row dense}}.label{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:space-between;padding:.5rem .25rem}.hero-content{z-index:0;display:flex;align-items:center;justify-content:center;max-width:80rem;gap:1rem;padding:1rem}.input{flex-shrink:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3rem;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:2;line-height:1.5rem;border-radius:var(--rounded-btn, .5rem);border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}.input[type=number]::-webkit-inner-spin-button,.input-md[type=number]::-webkit-inner-spin-button{margin-top:-1rem;margin-bottom:-1rem;margin-inline-end:-1rem}.join{display:inline-flex;align-items:stretch;border-radius:var(--rounded-btn, .5rem)}.join :where(.join-item){border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:0;border-start-start-radius:0}.join .join-item:not(:first-child):not(:last-child),.join *:not(:first-child):not(:last-child) .join-item{border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:0;border-start-start-radius:0}.join .join-item:first-child:not(:last-child),.join *:first-child:not(:last-child) .join-item{border-start-end-radius:0;border-end-end-radius:0}.join .dropdown .join-item:first-child:not(:last-child),.join *:first-child:not(:last-child) .dropdown .join-item{border-start-end-radius:inherit;border-end-end-radius:inherit}.join :where(.join-item:first-child:not(:last-child)),.join :where(*:first-child:not(:last-child) .join-item){border-end-start-radius:inherit;border-start-start-radius:inherit}.join .join-item:last-child:not(:first-child),.join *:last-child:not(:first-child) .join-item{border-end-start-radius:0;border-start-start-radius:0}.join :where(.join-item:last-child:not(:first-child)),.join :where(*:last-child:not(:first-child) .join-item){border-start-end-radius:inherit;border-end-end-radius:inherit}@supports not selector(:has(*)){:where(.join *){border-radius:inherit}}@supports selector(:has(*)){:where(.join *:has(.join-item)){border-radius:inherit}}.link{cursor:pointer;text-decoration-line:underline}.menu{display:flex;flex-direction:column;flex-wrap:wrap;font-size:.875rem;line-height:1.25rem;padding:.5rem}.menu :where(li ul){position:relative;white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem}.menu :where(li:not(.menu-title)>*:not(ul,details,.menu-title,.btn)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)){display:grid;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;grid-auto-columns:minmax(auto,max-content) auto max-content;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu li.disabled{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--fallback-bc,oklch(var(--bc)/.3))}.menu :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}:where(.menu li){position:relative;display:flex;flex-shrink:0;flex-direction:column;flex-wrap:wrap;align-items:stretch}:where(.menu li) .badge{justify-self:end}.navbar{display:flex;align-items:center;padding:var(--navbar-padding, .5rem);min-height:4rem;width:100%}:where(.navbar>*:not(script,style)){display:inline-flex;align-items:center}.progress{position:relative;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;height:.5rem;border-radius:var(--rounded-box, 1rem);background-color:var(--fallback-bc,oklch(var(--bc)/.2))}.stat-value{grid-column-start:1;white-space:nowrap;font-size:2.25rem;line-height:2.5rem;font-weight:800}.textarea{min-height:3rem;flex-shrink:1;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;line-height:2;border-radius:var(--rounded-btn, .5rem);border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}.btm-nav>*:where(.active){border-top-width:2px;--tw-bg-opacity: 1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))}.btm-nav>* .label{font-size:1rem;line-height:1.5rem}@supports not (color: oklch(0% 0 0)){.btn-primary{--btn-color: var(--fallback-p)}.btn-secondary{--btn-color: var(--fallback-s)}}@supports (color: color-mix(in oklab,black,black)){.btn-outline.btn-primary.btn-active{background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black);border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black)}.btn-outline.btn-secondary.btn-active{background-color:color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 90%,black);border-color:color-mix(in oklab,var(--fallback-s,oklch(var(--s)/1)) 90%,black)}}.btn-primary{--tw-text-opacity: 1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));outline-color:var(--fallback-p,oklch(var(--p)/1))}@supports (color: oklch(0% 0 0)){.btn-primary{--btn-color: var(--p)}.btn-secondary{--btn-color: var(--s)}}.btn-secondary{--tw-text-opacity: 1;color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));outline-color:var(--fallback-s,oklch(var(--s)/1))}.btn-outline.btn-primary{--tw-text-opacity: 1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))}.btn-outline.btn-primary.btn-active{--tw-text-opacity: 1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}.btn-outline.btn-secondary{--tw-text-opacity: 1;color:var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)))}.btn-outline.btn-secondary.btn-active{--tw-text-opacity: 1;color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))}@keyframes button-pop{0%{transform:scale(var(--btn-focus-scale, .98))}40%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes checkmark{0%{background-position-y:5px}50%{background-position-y:-2px}to{background-position-y:0}}.input input{--tw-bg-opacity: 1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));background-color:transparent}.input input:focus{outline:2px solid transparent;outline-offset:2px}.input[list]::-webkit-calendar-picker-indicator{line-height:1em}.input:focus,.input:focus-within{box-shadow:none;border-color:var(--fallback-bc,oklch(var(--bc)/.2));outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--fallback-bc,oklch(var(--bc)/.2))}.input:has(>input[disabled]),.input-disabled,.input:disabled,.input[disabled]{cursor:not-allowed;--tw-border-opacity: 1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));color:var(--fallback-bc,oklch(var(--bc)/.4))}.input:has(>input[disabled])::-moz-placeholder,.input-disabled::-moz-placeholder,.input:disabled::-moz-placeholder,.input[disabled]::-moz-placeholder{color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity: .2}.input:has(>input[disabled])::placeholder,.input-disabled::placeholder,.input:disabled::placeholder,.input[disabled]::placeholder{color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity: .2}.input:has(>input[disabled])>input[disabled]{cursor:not-allowed}.input::-webkit-date-and-time-value{text-align:inherit}.join>:where(*:not(:first-child)){margin-top:0;margin-bottom:0;margin-inline-start:-1px}.join>:where(*:not(:first-child)):is(.btn){margin-inline-start:calc(var(--border-btn) * -1)}.link:focus{outline:2px solid transparent;outline-offset:2px}.link:focus-visible{outline:2px solid currentColor;outline-offset:2px}:where(.menu li:empty){--tw-bg-opacity: 1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));opacity:.1;margin:.5rem 1rem;height:1px}.menu :where(li ul):before{position:absolute;bottom:.75rem;inset-inline-start:0px;top:.75rem;width:1px;--tw-bg-opacity: 1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));opacity:.1;content:""}.menu :where(li:not(.menu-title)>*:not(ul,details,.menu-title,.btn)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--rounded-btn, .5rem);padding:.5rem 1rem;text-align:start;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.2s;text-wrap:balance}:where(.menu li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title)):not(summary,.active,.btn).focus,:where(.menu li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title)):not(summary,.active,.btn):focus,:where(.menu li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title)):is(summary):not(.active,.btn):focus-visible,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(summary,.active,.btn).focus,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(summary,.active,.btn):focus,:where(.menu li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):is(summary):not(.active,.btn):focus-visible{cursor:pointer;background-color:var(--fallback-bc,oklch(var(--bc)/.1));--tw-text-opacity: 1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));outline:2px solid transparent;outline-offset:2px}.menu li>*:not(ul,.menu-title,details,.btn):active,.menu li>*:not(ul,.menu-title,details,.btn).active,.menu li>details>summary:active{--tw-bg-opacity: 1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-text-opacity: 1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}.menu :where(li>details>summary)::-webkit-details-marker{display:none}.menu :where(li>details>summary):after,.menu :where(li>.menu-dropdown-toggle):after{justify-self:end;display:block;margin-top:-.5rem;height:.5rem;width:.5rem;transform:rotate(45deg);transition-property:transform,margin-top;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);content:"";transform-origin:75% 75%;box-shadow:2px 2px;pointer-events:none}.menu :where(li>details[open]>summary):after,.menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{transform:rotate(225deg);margin-top:0}.mockup-phone .display{overflow:hidden;border-radius:40px;margin-top:-25px}.mockup-browser .mockup-browser-toolbar .input{position:relative;margin-left:auto;margin-right:auto;display:block;height:1.75rem;width:24rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-bg-opacity: 1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));padding-left:2rem;direction:ltr}.mockup-browser .mockup-browser-toolbar .input:before{content:"";position:absolute;left:.5rem;top:50%;aspect-ratio:1 / 1;height:.75rem;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;border-width:2px;border-color:currentColor;opacity:.6}.mockup-browser .mockup-browser-toolbar .input:after{content:"";position:absolute;left:1.25rem;top:50%;height:.5rem;--tw-translate-y: 25%;--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;border-width:1px;border-color:currentColor;opacity:.6}@keyframes modal-pop{0%{opacity:0}}.progress::-moz-progress-bar{border-radius:var(--rounded-box, 1rem);background-color:currentColor}.progress:indeterminate{--progress-color: var(--fallback-bc,oklch(var(--bc)/1));background-image:repeating-linear-gradient(90deg,var(--progress-color) -1%,var(--progress-color) 10%,transparent 10%,transparent 90%);background-size:200%;background-position-x:15%;animation:progress-loading 5s ease-in-out infinite}.progress::-webkit-progress-bar{border-radius:var(--rounded-box, 1rem);background-color:transparent}.progress::-webkit-progress-value{border-radius:var(--rounded-box, 1rem);background-color:currentColor}.progress:indeterminate::-moz-progress-bar{background-color:transparent;background-image:repeating-linear-gradient(90deg,var(--progress-color) -1%,var(--progress-color) 10%,transparent 10%,transparent 90%);background-size:200%;background-position-x:15%;animation:progress-loading 5s ease-in-out infinite}@keyframes progress-loading{50%{background-position-x:-115%}}@keyframes radiomark{0%{box-shadow:0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset}50%{box-shadow:0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset}to{box-shadow:0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset}}@keyframes rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}to{transform:translateY(0)}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}.table tr.active,.table tr.active:nth-child(2n),.table-zebra tbody tr:nth-child(2n){--tw-bg-opacity: 1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))}.table-zebra tr.active,.table-zebra tr.active:nth-child(2n),.table-zebra-zebra tbody tr:nth-child(2n){--tw-bg-opacity: 1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}.textarea:focus{box-shadow:none;border-color:var(--fallback-bc,oklch(var(--bc)/.2));outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--fallback-bc,oklch(var(--bc)/.2))}.textarea-disabled,.textarea:disabled,.textarea[disabled]{cursor:not-allowed;--tw-border-opacity: 1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));color:var(--fallback-bc,oklch(var(--bc)/.4))}.textarea-disabled::-moz-placeholder,.textarea:disabled::-moz-placeholder,.textarea[disabled]::-moz-placeholder{color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity: .2}.textarea-disabled::placeholder,.textarea:disabled::placeholder,.textarea[disabled]::placeholder{color:var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));--tw-placeholder-opacity: .2}@keyframes toast-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.btm-nav-xs>*:where(.active){border-top-width:1px}.btm-nav-sm>*:where(.active){border-top-width:2px}.btm-nav-md>*:where(.active){border-top-width:2px}.btm-nav-lg>*:where(.active){border-top-width:4px}.join.join-vertical{flex-direction:column}.join.join-vertical .join-item:first-child:not(:last-child),.join.join-vertical *:first-child:not(:last-child) .join-item{border-end-start-radius:0;border-end-end-radius:0;border-start-start-radius:inherit;border-start-end-radius:inherit}.join.join-vertical .join-item:last-child:not(:first-child),.join.join-vertical *:last-child:not(:first-child) .join-item{border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:inherit;border-end-end-radius:inherit}.join.join-horizontal{flex-direction:row}.join.join-horizontal .join-item:first-child:not(:last-child),.join.join-horizontal *:first-child:not(:last-child) .join-item{border-end-end-radius:0;border-start-end-radius:0;border-end-start-radius:inherit;border-start-start-radius:inherit}.join.join-horizontal .join-item:last-child:not(:first-child),.join.join-horizontal *:last-child:not(:first-child) .join-item{border-end-start-radius:0;border-start-start-radius:0;border-end-end-radius:inherit;border-start-end-radius:inherit}.join.join-vertical>:where(*:not(:first-child)){margin-left:0;margin-right:0;margin-top:-1px}.join.join-vertical>:where(*:not(:first-child)):is(.btn){margin-top:calc(var(--border-btn) * -1)}.join.join-horizontal>:where(*:not(:first-child)){margin-top:0;margin-bottom:0;margin-inline-start:-1px}.join.join-horizontal>:where(*:not(:first-child)):is(.btn){margin-inline-start:calc(var(--border-btn) * -1);margin-top:0}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inline-block{display:inline-block}.flex{display:flex}.h-16{height:4rem}.h-20{height:5rem}.h-full{height:100%}.w-20{width:5rem}.w-40{width:10rem}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.border{border-width:1px}.border-slate-800{--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}.bg-slate-900\/\[0\.8\]{background-color:#0f172acc}.bg-transparent{background-color:transparent}.bg-\[radial-gradient\(var\(--sky-500\)_40\%\,transparent_60\%\)\]{background-image:radial-gradient(var(--sky-500) 40%,transparent 60%)}.p-\[1px\]{padding:1px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-\[0\.8\]{opacity:.8}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--bg-primary: #0a0e27;--bg-secondary: #1a1f3a;--bg-tertiary: #252d4a;--bg-card: #1e2642;--bg-card-hover: #252e4d;--accent-cyan: #00d9ff;--accent-lime: #a6ff00;--accent-cyan-dim: rgba(0, 217, 255, .1);--accent-lime-dim: rgba(166, 255, 0, .1);--text-primary: #e6f1ff;--text-secondary: #94a3b8;--text-muted: #64748b;--text-heading: #f1f5f9;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: var(--accent-cyan);--border-color: rgba(100, 255, 217, .15);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--glow-cyan: 0 0 20px rgba(0, 217, 255, .3);--glow-lime: 0 0 20px rgba(166, 255, 0, .3);--font-heading: "Fira Code", "SF Mono", "Roboto Mono", monospace;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-code: "Fira Code", monospace;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-tertiary: #e2e8f0;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--accent-cyan: #0891b2;--accent-lime: #84cc16;--accent-cyan-dim: rgba(8, 145, 178, .1);--accent-lime-dim: rgba(132, 204, 22, .1);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-heading: #020617;--border-color: rgba(0, 0, 0, .1);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12)}*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.App{background-color:var(--bg-primary);min-height:100vh;transition:background-color var(--transition-base);position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-heading);line-height:1.2}p{color:var(--text-secondary)}a{color:var(--accent-cyan);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-lime)}.sectionContainer{min-height:50vh;width:90%;max-width:1200px;margin:0 auto;padding:80px 20px;position:relative}.section Title{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.5rem);color:var(--text-heading);margin-bottom:3rem;display:flex;align-items:center;gap:1rem;font-weight:600}.sectionTitle:before{content:attr(data-number);font-size:1.5rem;color:var(--accent-cyan);font-weight:400}.sectionTitle:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--border-color),transparent);max-width:300px}.btn-primary{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-lime));border:none;border-radius:8px;padding:12px 32px;color:var(--bg-primary);font-family:var(--font-heading);font-weight:600;font-size:.95rem;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-cyan)}.btn-secondary{background-color:transparent;border:2px solid var(--accent-cyan);border-radius:8px;padding:10px 28px;color:var(--accent-cyan);font-family:var(--font-heading);font-weight:500;font-size:.95rem;cursor:pointer;transition:all var(--transition-base);display:inline-block}.btn-secondary:hover{background-color:var(--accent-cyan-dim);transform:translateY(-2px);box-shadow:var(--shadow-md)}.outlinedBtn{background-color:transparent;border:2px solid var(--accent-cyan);border-radius:8px;padding:10px 28px;color:var(--accent-cyan);font-family:var(--font-heading);font-weight:500;cursor:pointer;transition:all var(--transition-base);display:inline-block}.outlinedBtn:hover{background-color:var(--accent-cyan-dim);transform:translateY(-2px)}.card{background-color:var(--bg-card);border-radius:12px;padding:24px;border:1px solid var(--border-color);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.card:hover{transform:translateY(-4px);background-color:var(--bg-card-hover);box-shadow:var(--shadow-lg);border-color:var(--accent-cyan)}.tech-badge{display:inline-block;padding:6px 14px;background-color:var(--accent-cyan-dim);color:var(--accent-cyan);border-radius:20px;font-size:.85rem;font-family:var(--font-code);font-weight:500;margin:4px;border:1px solid transparent;transition:all var(--transition-fast)}.tech-badge:hover{border-color:var(--accent-cyan);background-color:var(--accent-cyan-dim);transform:translateY(-2px)}.text-gradient{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-lime));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-text{text-shadow:0 0 20px rgba(0,217,255,.5)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeInUp{animation:fadeInUp .6s ease-out forwards}.animate-fadeIn{animation:fadeIn .6s ease-out forwards}.animate-slideInLeft{animation:slideInLeft .6s ease-out forwards}.animate-slideInRight{animation:slideInRight .6s ease-out forwards}@media screen and (max-width: 1200px){.sectionContainer{width:85%}}@media screen and (max-width: 768px){.sectionContainer{width:90%;padding:60px 16px}.sectionTitle:after{max-width:150px}.btn-primary,.btn-secondary,.outlinedBtn{padding:10px 24px;font-size:.9rem}}@media screen and (max-width: 480px){.sectionContainer{width:95%;padding:40px 12px}.sectionTitle{font-size:1.5rem;margin-bottom:2rem}.sectionTitle:before{font-size:1.2rem}.btn-primary,.btn-secondary,.outlinedBtn{padding:8px 20px;font-size:.85rem}}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent-cyan);color:var(--bg-primary);padding:8px 16px;text-decoration:none;border-radius:0 0 8px;z-index:100;font-weight:600}.skip-link:focus{top:0}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:transparent;transition:all var(--transition-base);padding:20px 0}.navbar.scrolled{background-color:#0a0e27f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);padding:12px 0}.navbar-content{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.navbar-logo{z-index:1001}.logo-link{display:flex;align-items:center;gap:2px;font-family:var(--font-heading);font-size:1.5rem;font-weight:700;text-decoration:none;transition:all var(--transition-fast)}.logo-bracket{color:var(--accent-cyan);font-size:1.8rem}.logo-text{color:var(--text-heading);background:linear-gradient(135deg,var(--accent-cyan),var(--accent-lime));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-link:hover{transform:translateY(-2px)}.navbar-menu{display:flex;align-items:center;gap:32px}.nav-links{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}.nav-links li a{display:flex;align-items:center;gap:6px;font-family:var(--font-heading);font-size:.95rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast);padding:8px 12px;border-radius:6px}.link-number{color:var(--accent-cyan);font-size:.85rem}.nav-links li a:hover{color:var(--accent-cyan);background-color:var(--accent-cyan-dim)}.navbar-actions{display:flex;align-items:center;gap:16px}.navbar-resume{padding:8px 20px;font-size:.9rem}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-line{width:100%;height:3px;background-color:var(--accent-cyan);border-radius:2px;transition:all var(--transition-base);transform-origin:center}.mobile-menu-toggle.open .hamburger-line:nth-child(1){transform:rotate(45deg) translateY(10px)}.mobile-menu-toggle.open .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translateY(-10px)}@media screen and (max-width: 1024px){.navbar-content{padding:0 24px}.nav-links{gap:24px}}@media screen and (max-width: 768px){.mobile-menu-toggle{display:flex}.navbar-menu{position:fixed;top:0;right:0;width:min(300px,75vw);height:100vh;background-color:var(--bg-card);box-shadow:var(--shadow-lg);flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:100px 32px 32px;gap:40px;transform:translate(100%);transition:transform var(--transition-base)}.navbar-menu.mobile-open{transform:translate(0)}.nav-links{flex-direction:column;align-items:flex-start;gap:20px;width:100%}.nav-links li{width:100%}.nav-links li a{width:100%;padding:12px 16px;font-size:1rem}.navbar-actions{flex-direction:column;width:100%;gap:16px}.navbar-actions a{width:100%}.navbar-resume{width:100%;justify-content:center}}@media screen and (max-width: 480px){.navbar-content{padding:0 16px}.logo-link{font-size:1.3rem}.logo-bracket{font-size:1.5rem}.navbar-menu{width:min(280px,85vw);padding:80px 24px 24px}}@media (prefers-reduced-motion: reduce){.logo-link:hover{transform:none}.navbar-menu{transition:none}}.theme-toggle{width:44px;height:44px;background-color:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);color:var(--accent-cyan)}.theme-toggle:hover{background-color:var(--accent-cyan-dim);border-color:var(--accent-cyan);transform:translateY(-2px);box-shadow:var(--shadow-md)}.toggle-icon{display:flex;align-items:center;justify-content:center;transition:transform var(--transition-base)}.toggle-icon.dark,.toggle-icon.light{animation:rotateIn .5s ease-out}@keyframes rotateIn{0%{transform:rotate(-180deg) scale(.5);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}.theme-toggle:hover .toggle-icon{transform:rotate(20deg)}@media screen and (max-width: 768px){.theme-toggle{width:40px;height:40px}}@media (prefers-reduced-motion: reduce){.toggle-icon.dark,.toggle-icon.light{animation:none}.theme-toggle:hover,.theme-toggle:hover .toggle-icon{transform:none}}.landing-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:100px 20px 40px;background:radial-gradient(circle at 20% 50%,rgba(0,217,255,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(166,255,0,.03) 0%,transparent 50%)}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1400px;width:100%;align-items:center;z-index:2}.hero-text{opacity:0}.hero-text.fade-in{animation:fadeInUp .8s ease-out forwards}.hero-greeting{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-family:var(--font-heading);font-size:1.1rem;color:var(--text-secondary)}.greeting-icon{font-size:1.5rem;animation:wave 2.5s ease-in-out infinite;transform-origin:70% 70%;display:inline-block}@keyframes wave{0%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(10deg)}50%{transform:rotate(0)}}.hero-name{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;margin-bottom:16px;line-height:1.1}.name-highlight{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-lime));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.hero-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600;margin-bottom:24px;display:flex;align-items:center;flex-wrap:wrap;gap:16px;color:var(--text-heading)}.title-role{position:relative;padding:8px 20px;background:var(--accent-cyan-dim);border:2px solid var(--accent-cyan);border-radius:8px;color:var(--accent-cyan);font-family:var(--font-heading);display:inline-block}.title-separator{color:var(--accent-lime);font-weight:300}.hero-tagline{font-size:1.15rem;line-height:1.8;color:var(--text-secondary);margin-bottom:32px;max-width:600px}.hero-stack{margin-bottom:40px}.stack-label{font-family:var(--font-heading);color:var(--text-muted);font-size:.9rem;display:block;margin-bottom:12px}.stack-chips{display:flex;flex-wrap:wrap;gap:8px}.stack-chip{padding:6px 14px;background:var(--bg-card);color:var(--accent-cyan);border-radius:20px;font-size:.85rem;font-family:var(--font-code);border:1px solid var(--border-color);transition:all var(--transition-fast)}.stack-chip:hover{border-color:var(--accent-cyan);background:var(--accent-cyan-dim);transform:translateY(-2px)}.hero-cta{display:flex;gap:16px;margin-bottom:48px;flex-wrap:wrap}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:8px;justify-content:center;white-space:nowrap}.btn-icon,.btn-icon-left{transition:transform var(--transition-fast)}.btn-primary:hover .btn-icon{transform:translate(4px)}.btn-secondary:hover .btn-icon-left{transform:translateY(2px)}.hero-metrics{display:flex;align-items:center;gap:24px;padding:20px 0;border-top:1px solid var(--border-color)}.metric-item{display:flex;flex-direction:column;gap:4px}.metric-value{font-size:1.5rem;font-weight:700;color:var(--accent-cyan);font-family:var(--font-heading)}.metric-label{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.metric-separator{color:var(--border-color);font-size:1.5rem}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;opacity:0}.hero-visual.fade-in-delayed{animation:fadeInUp .8s ease-out .3s forwards}.visual-container{position:relative;width:100%;max-width:500px;aspect-ratio:1}.ai-robot{position:absolute;top:10%;left:50%;transform:translate(-50%);width:200px;height:200px;z-index:3}.robot-svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(0,217,255,.3))}.robot-eye-left,.robot-eye-right{animation:blink 4s ease-in-out infinite}.robot-eye-right{animation-delay:.1s}@keyframes blink{0%,96%,to{r:8}98%{r:1}}.robot-wave{animation:wave-line 2s ease-in-out infinite}@keyframes wave-line{0%,to{d:path("M 80 102 L 90 105 L 100 102 L 110 105 L 120 102")}50%{d:path("M 80 105 L 90 102 L 100 105 L 110 102 L 120 105")}}.pulse-dot{animation:pulse 2s ease-in-out infinite}.devops-infinity{position:absolute;bottom:10%;left:50%;transform:translate(-50%);width:300px;height:150px;z-index:2}.infinity-svg{width:100%;height:100%}.infinity-path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawPath 3s ease-in-out forwards,flowPath 6s linear 3s infinite}@keyframes drawPath{to{stroke-dashoffset:0}}@keyframes flowPath{to{stroke-dashoffset:-2000}}.gear{transform-origin:center}.gear-left{animation:rotateClockwise 8s linear infinite}.gear-right{animation:rotateCounterClockwise 8s linear infinite}@keyframes rotateClockwise{to{transform:rotate(360deg)}}@keyframes rotateCounterClockwise{to{transform:rotate(-360deg)}}.floating-elements{position:absolute;width:100%;height:100%;pointer-events:none}.code-snippet{position:absolute;font-family:var(--font-code);font-size:.9rem;color:var(--text-muted);padding:8px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;animation:float 6s ease-in-out infinite}.snippet-1{top:15%;right:10%;animation-delay:0s}.snippet-2{top:35%;left:5%;animation-delay:1.5s}.snippet-3{bottom:25%;right:5%;animation-delay:3s}.snippet-4{bottom:15%;left:15%;animation-delay:4.5s}@keyframes float{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-20px);opacity:1}}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;opacity:.7;animation:fadeIn 1s ease-out 1.5s forwards}.scroll-mouse{width:26px;height:40px;border:2px solid var(--accent-cyan);border-radius:13px;position:relative;opacity:0;animation:fadeIn 1s ease-out 2s forwards}.scroll-wheel{width:4px;height:8px;background:var(--accent-cyan);border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scrollWheel 2s ease-in-out infinite}@keyframes scrollWheel{0%{opacity:1;top:8px}to{opacity:0;top:24px}}.scroll-text{font-size:.85rem;color:var(--text-muted);font-family:var(--font-code)}@media screen and (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:80px;text-align:center}.hero-greeting,.hero-title{justify-content:center}.hero-tagline,.hero-stack{margin-left:auto;margin-right:auto}.hero-cta,.hero-metrics{justify-content:center}.visual-container{max-width:400px}}@media screen and (max-width: 768px){.landing-hero{padding:80px 16px 40px}.hero-name{font-size:2.5rem}.hero-title{font-size:1.5rem;gap:12px}.title-role{padding:6px 16px;font-size:1rem}.hero-tagline{font-size:1rem}.hero-metrics{flex-direction:column;gap:20px;align-items:flex-start}.metric-separator{display:none}.visual-container{max-width:300px}.ai-robot{width:150px;height:150px}.devops-infinity{width:250px;height:125px}.code-snippet{font-size:.75rem;padding:6px 10px}}@media screen and (max-width: 480px){.hero-name{font-size:2rem}.hero-title{flex-direction:column;gap:8px}.title-separator{display:none}.hero-cta{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%}.stack-chips{justify-content:center}.visual-container{max-width:250px}}@media (prefers-reduced-motion: reduce){.greeting-icon,.robot-eye-left,.robot-eye-right,.robot-wave,.pulse-dot,.gear-left,.gear-right,.code-snippet,.scroll-wheel{animation:none}.infinity-path{stroke-dasharray:none;stroke-dashoffset:0}}.about-section{padding:100px 20px}.about-content{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.about-text{display:flex;flex-direction:column;gap:24px}.about-intro{font-size:1.3rem;line-height:1.7;color:var(--text-primary);font-weight:500}.about-intro .highlight{color:var(--accent-cyan);font-weight:600;font-family:var(--font-heading)}.about-body{font-size:1.05rem;line-height:1.8;color:var(--text-secondary)}.about-body strong{color:var(--accent-lime);font-weight:600}.about-quick-facts{display:flex;flex-direction:column;gap:20px;margin:32px 0;padding:28px;background-color:var(--bg-card);border-radius:12px;border:1px solid var(--border-color)}.fact-item{display:flex;align-items:flex-start;gap:16px}.fact-icon{flex-shrink:0;width:40px;height:40px;padding:8px;background-color:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.fact-item h4{font-size:1rem;font-weight:600;color:var(--text-heading);margin-bottom:4px;font-family:var(--font-heading)}.fact-item p{font-size:.9rem;color:var(--text-muted);font-family:var(--font-code)}.about-cta{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}.about-cta .btn-secondary{display:flex;align-items:center;gap:8px}.about-cta .btn-secondary svg{transition:transform var(--transition-fast)}.about-cta .btn-secondary:hover svg{transform:translate(4px)}.about-cta .btn-secondary:last-child:hover svg{transform:translateY(2px)}.about-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:400px}.photo-container{position:relative;z-index:2}.photo-frame{position:relative;width:320px;height:320px;border-radius:16px;overflow:hidden;border:3px solid var(--accent-cyan);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.photo-frame:hover{transform:translate(-8px,-8px);box-shadow:var(--shadow-lg),var(--glow-cyan)}.about-photo{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(20%);transition:filter var(--transition-base)}.photo-frame:hover .about-photo{filter:grayscale(0%)}.photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#00d9ff1a,#a6ff001a);opacity:.6;transition:opacity var(--transition-base)}.photo-frame:hover .photo-overlay{opacity:.2}.photo-border{position:absolute;top:20px;left:20px;width:320px;height:320px;border-radius:16px;border:3px solid var(--accent-lime);z-index:1;transition:all var(--transition-base)}.photo-frame:hover~.photo-border{top:28px;left:28px}.floating-icons{position:absolute;width:100%;height:100%;pointer-events:none}.float-icon{position:absolute;font-size:2rem;background-color:var(--bg-card);width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:2px solid var(--border-color);box-shadow:var(--shadow-md);animation:float 4s ease-in-out infinite}.icon-1{top:10%;right:-20px;animation-delay:0s}.icon-2{top:40%;left:-30px;animation-delay:1s}.icon-3{bottom:30%;right:-10px;animation-delay:2s}.icon-4{bottom:10%;left:-20px;animation-delay:3s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media screen and (max-width: 1024px){.about-content{grid-template-columns:1fr;gap:60px}.about-visual{justify-content:center;order:-1}}@media screen and (max-width: 768px){.about-section{padding:60px 16px}.about-intro{font-size:1.15rem}.about-body{font-size:1rem}.about-quick-facts{padding:20px;gap:16px}.fact-icon{width:36px;height:36px}.fact-item h4{font-size:.95rem}.fact-item p{font-size:.85rem}.photo-frame,.photo-border{width:280px;height:280px}.float-icon{width:50px;height:50px;font-size:1.5rem}}@media screen and (max-width: 480px){.about-intro{font-size:1.1rem}.about-body{font-size:.95rem}.about-quick-facts{padding:16px}.fact-item{gap:12px}.photo-frame,.photo-border{width:240px;height:240px}.photo-border{top:16px;left:16px}.float-icon{width:45px;height:45px;font-size:1.3rem}.icon-1,.icon-3{right:-5px}.icon-2,.icon-4{left:-5px}.about-cta{flex-direction:column}.about-cta .btn-secondary{width:100%;justify-content:center}}@media (prefers-reduced-motion: reduce){.float-icon{animation:none}.photo-frame:hover{transform:none}.photo-frame:hover~.photo-border{top:20px;left:20px}}.skills-section{padding:100px 20px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:32px;margin-bottom:60px}.skill-category-card{background-color:var(--bg-card);border-radius:16px;padding:32px;border:1px solid var(--border-color);transition:all var(--transition-base);opacity:0;animation:fadeInUp .6s ease-out forwards}.skill-category-card:hover{transform:translateY(-4px);border-color:var(--accent-cyan);box-shadow:var(--shadow-lg)}.category-header{display:flex;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}.category-icon{font-size:2rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-cyan-dim),var(--accent-lime-dim));border-radius:12px;border:2px solid var(--accent-cyan)}.category-title{font-size:1.5rem;font-weight:600;color:var(--text-heading);font-family:var(--font-heading)}.skills-list{display:flex;flex-direction:column;gap:20px}.skill-item{position:relative}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.skill-name{font-size:.95rem;font-weight:500;color:var(--text-primary);font-family:var(--font-code)}.skill-level-text{font-size:.85rem;color:var(--accent-cyan);font-weight:600;font-family:var(--font-code)}.skill-bar-container{height:8px;background-color:var(--bg-secondary);border-radius:4px;overflow:hidden;position:relative}.skill-bar{height:100%;border-radius:4px;position:relative;overflow:hidden}.skill-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skill-description{margin-top:8px;padding:10px 14px;background-color:var(--bg-secondary);border-left:3px solid var(--accent-cyan);border-radius:4px;font-size:.85rem;color:var(--text-secondary);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.additional-skills{background-color:var(--bg-card);border-radius:16px;padding:32px;border:1px solid var(--border-color)}.additional-title{font-size:1.3rem;font-weight:600;color:var(--text-heading);margin-bottom:20px;font-family:var(--font-heading);display:flex;align-items:center;gap:12px}.additional-title:before{content:"⚡";font-size:1.5rem}.tools-cloud{display:flex;flex-wrap:wrap;gap:10px}.tool-chip{display:inline-block;padding:8px 16px;background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:20px;font-size:.9rem;font-family:var(--font-code);font-weight:500;border:1px solid var(--border-color);transition:all var(--transition-fast);cursor:default}.tool-chip:hover{border-color:var(--accent-cyan);background-color:var(--accent-cyan-dim);color:var(--accent-cyan);transform:translateY(-2px) scale(1.05)}@media screen and (max-width: 1024px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:24px}}@media screen and (max-width: 768px){.skills-section{padding:60px 16px}.skills-grid{grid-template-columns:1fr;gap:20px}.skill-category-card{padding:24px}.category-header{margin-bottom:20px;padding-bottom:16px}.category-icon{width:48px;height:48px;font-size:1.5rem}.category-title{font-size:1.3rem}.additional-skills{padding:24px}}@media screen and (max-width: 480px){.skill-category-card,.additional-skills{padding:20px}.category-header{gap:12px}.category-icon{width:42px;height:42px;font-size:1.3rem}.category-title{font-size:1.1rem}.skill-name{font-size:.9rem}.skill-level-text{font-size:.8rem}.tool-chip{padding:6px 12px;font-size:.85rem}}@media (prefers-reduced-motion: reduce){.skill-category-card{animation:none}.skill-bar{transition:none}.skill-bar:after{animation:none}.skill-description{animation:none}}.projects-section{padding:100px 20px}.section-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:48px;max-width:700px}.project-tabs{display:flex;gap:12px;margin-bottom:48px;flex-wrap:wrap;border-bottom:2px solid var(--border-color);padding-bottom:16px}.tab-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:transparent;border:2px solid var(--border-color);border-radius:8px 8px 0 0;color:var(--text-secondary);font-family:var(--font-heading);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);position:relative}.tab-button:hover{border-color:var(--accent-cyan);color:var(--text-primary);background-color:var(--accent-cyan-dim)}.tab-button.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background-color:var(--accent-cyan-dim);border-bottom-color:transparent}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:var(--bg-primary)}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background-color:var(--bg-card);color:var(--accent-cyan);border-radius:12px;font-size:.85rem;font-weight:600;font-family:var(--font-code)}.tab-button.active .tab-count{background-color:var(--accent-cyan);color:var(--bg-primary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:32px;margin-bottom:60px}.project-card{background-color:var(--bg-card);border-radius:16px;overflow:hidden;border:1px solid var(--border-color);transition:all var(--transition-base);display:flex;flex-direction:column;opacity:0;animation:fadeInUp .6s ease-out forwards}.project-card:hover{transform:translateY(-8px);border-color:var(--accent-cyan);box-shadow:var(--shadow-lg),var(--glow-cyan)}.project-image-container{position:relative;width:100%;height:240px;overflow:hidden;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.project-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-slow);filter:grayscale(30%)}.project-card:hover .project-image{transform:scale(1.05);filter:grayscale(0%)}.project-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00d9ff0d,#a6ff000d)}.project-image-placeholder svg{opacity:.4;transition:all var(--transition-base)}.project-card:hover .project-image-placeholder svg{opacity:1;transform:scale(1.1)}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0e27d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base)}.project-card:hover .project-overlay{opacity:1}.project-links-overlay{display:flex;gap:16px}.overlay-link{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background-color:var(--accent-cyan);color:var(--bg-primary);border-radius:12px;transition:all var(--transition-fast);transform:translateY(10px)}.project-card:hover .overlay-link{transform:translateY(0)}.overlay-link:nth-child(2){transition-delay:50ms}.overlay-link:hover{background-color:var(--accent-lime);transform:translateY(-4px) scale(1.1);box-shadow:var(--shadow-lg)}.project-info{padding:24px;display:flex;flex-direction:column;gap:16px;flex:1}.project-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.project-title{font-size:1.4rem;font-weight:600;color:var(--text-heading);margin-bottom:4px;font-family:var(--font-heading);transition:color var(--transition-fast)}.project-card:hover .project-title{color:var(--accent-cyan)}.project-subtitle{font-size:.9rem;color:var(--text-muted);font-family:var(--font-code)}.project-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.project-role{font-size:.8rem;color:var(--accent-lime);font-family:var(--font-code);font-weight:500;white-space:nowrap}.project-year{font-size:.85rem;color:var(--text-muted);font-family:var(--font-code)}.project-description{font-size:.95rem;line-height:1.6;color:var(--text-secondary)}.project-impact{padding:16px;background-color:var(--bg-secondary);border-radius:8px;border-left:3px solid var(--accent-cyan)}.impact-title{font-size:.85rem;font-weight:600;color:var(--accent-cyan);margin-bottom:8px;font-family:var(--font-code);text-transform:uppercase;letter-spacing:.5px}.impact-list{list-style:none;display:flex;flex-direction:column;gap:6px}.impact-list li{font-size:.9rem;color:var(--text-secondary);padding-left:20px;position:relative}.impact-list li:before{content:"▹";position:absolute;left:0;color:var(--accent-lime);font-size:1.2rem}.project-tech-stack{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid var(--border-color);margin-top:auto}.project-tech-stack .tech-badge{font-size:.8rem;padding:5px 12px}.projects-footer{display:flex;justify-content:center;padding-top:40px}.projects-footer .btn-secondary{display:flex;align-items:center;gap:10px}.projects-footer .btn-secondary svg{transition:transform var(--transition-fast)}.projects-footer .btn-secondary:hover svg{transform:scale(1.1) rotate(5deg)}@media screen and (max-width: 1024px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}}@media screen and (max-width: 768px){.projects-section{padding:60px 16px}.project-tabs{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--accent-cyan) var(--bg-secondary);padding-bottom:12px;margin-bottom:32px}.project-tabs::-webkit-scrollbar{height:6px}.project-tabs::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.project-tabs::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:3px}.tab-button{padding:10px 20px;font-size:.9rem;white-space:nowrap}.projects-grid{grid-template-columns:1fr;gap:20px}.project-image-container{height:200px}.project-header{flex-direction:column;gap:8px}.project-meta{align-items:flex-start;flex-direction:row;gap:12px}}@media screen and (max-width: 480px){.section-description{font-size:1rem}.tab-button{padding:8px 16px;font-size:.85rem}.tab-count{min-width:20px;height:20px;font-size:.75rem}.project-info{padding:20px}.project-title{font-size:1.2rem}.project-description{font-size:.9rem}.overlay-link{width:48px;height:48px}.overlay-link svg{width:20px;height:20px}}@media (prefers-reduced-motion: reduce){.project-card,.project-image,.overlay-link{animation:none;transition:none}.project-card:hover,.project-card:hover .project-image,.overlay-link{transform:none}}.experience-section{padding:100px 20px}.experience-container{display:grid;grid-template-columns:280px 1fr;gap:40px;margin-bottom:60px}.company-list{display:flex;flex-direction:column;gap:8px;position:sticky;top:100px;height:-moz-fit-content;height:fit-content}.company-button{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background-color:transparent;border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-family:var(--font-heading);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);text-align:left}.company-button:hover{border-color:var(--accent-cyan);background-color:var(--accent-cyan-dim);color:var(--accent-cyan);transform:translate(4px)}.company-button.active{border-color:var(--accent-cyan);background:linear-gradient(90deg,var(--accent-cyan-dim),transparent);color:var(--accent-cyan);border-left-width:4px}.company-name{flex:1}.company-arrow{opacity:0;transform:translate(-10px);transition:all var(--transition-base)}.company-button:hover .company-arrow,.company-button.active .company-arrow{opacity:1;transform:translate(0)}.experience-details{min-height:500px}.experience-card{background-color:var(--bg-card);border-radius:16px;padding:32px;border:1px solid var(--border-color);animation:fadeInRight .5s ease-out}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}.experience-role{font-size:1.6rem;font-weight:600;color:var(--text-heading);margin-bottom:8px;font-family:var(--font-heading)}.experience-company{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:1rem}.company-name-detail{color:var(--accent-cyan);font-weight:600;font-family:var(--font-code)}.separator{color:var(--text-muted)}.experience-type{color:var(--accent-lime);font-family:var(--font-code);font-size:.9rem}.experience-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.experience-duration{font-size:.95rem;color:var(--text-primary);font-family:var(--font-code);font-weight:500}.experience-location{font-size:.85rem;color:var(--text-muted);padding:4px 12px;background-color:var(--bg-secondary);border-radius:12px}.experience-description{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:24px}.achievements-section{margin-bottom:24px}.achievements-title{font-size:.9rem;font-weight:600;color:var(--accent-cyan);margin-bottom:16px;font-family:var(--font-code);text-transform:uppercase;letter-spacing:.5px}.achievements-list{list-style:none;display:flex;flex-direction:column;gap:12px}.achievement-item{position:relative;padding-left:28px;font-size:.95rem;line-height:1.6;color:var(--text-secondary)}.achievement-item:before{content:"▹";position:absolute;left:0;color:var(--accent-lime);font-size:1.4rem;line-height:1}.achievement-item:hover{color:var(--text-primary)}.experience-tech{padding-top:20px;border-top:1px solid var(--border-color)}.tech-label{font-size:.85rem;color:var(--text-muted);font-family:var(--font-code);display:block;margin-bottom:12px}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{display:inline-block;padding:6px 14px;background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:16px;font-size:.85rem;font-family:var(--font-code);border:1px solid var(--border-color);transition:all var(--transition-fast)}.tech-tag:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background-color:var(--accent-cyan-dim)}.timeline-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:32px;background-color:var(--bg-card);border-radius:16px;border:1px solid var(--border-color)}.timeline-stat{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background-color:var(--bg-secondary);border-radius:12px;transition:all var(--transition-base)}.timeline-stat:hover{transform:translateY(-4px);background-color:var(--accent-cyan-dim);border:1px solid var(--accent-cyan)}.stat-value{font-size:2rem;font-weight:700;color:var(--accent-cyan);font-family:var(--font-heading)}.stat-label{font-size:.85rem;color:var(--text-muted);text-align:center;font-family:var(--font-code)}@media screen and (max-width: 1024px){.experience-container{grid-template-columns:240px 1fr;gap:30px}.company-list{top:80px}.timeline-summary{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.experience-section{padding:60px 16px}.experience-container{grid-template-columns:1fr;gap:24px}.company-list{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--accent-cyan) var(--bg-secondary);padding-bottom:8px}.company-list::-webkit-scrollbar{height:6px}.company-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.company-list::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:3px}.company-button{white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.company-button.active{border-left-width:2px;border-bottom-width:4px}.experience-card{padding:24px}.experience-header{flex-direction:column;gap:12px}.experience-meta{align-items:flex-start;width:100%}.experience-role{font-size:1.4rem}.timeline-summary{grid-template-columns:1fr;gap:16px;padding:24px}}@media screen and (max-width: 480px){.experience-card{padding:20px}.experience-role{font-size:1.2rem}.experience-company{flex-direction:column;align-items:flex-start;gap:6px}.separator{display:none}.achievement-item{font-size:.9rem}.stat-value{font-size:1.6rem}.stat-label{font-size:.8rem}}@media (prefers-reduced-motion: reduce){.experience-card{animation:none}.company-button:hover,.timeline-stat:hover{transform:none}}.contact-section{padding:100px 20px}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.contact-info{display:flex;flex-direction:column;gap:28px}.contact-heading{font-size:2.5rem;font-weight:700;color:var(--text-heading);font-family:var(--font-heading);line-height:1.2;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-lime));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-description{font-size:1.1rem;line-height:1.8;color:var(--text-secondary)}.contact-description strong{color:var(--accent-cyan);font-weight:600}.contact-methods{display:flex;flex-direction:column;gap:16px;margin-top:12px}.contact-method{display:flex;align-items:center;gap:16px;padding:20px;background-color:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);transition:all var(--transition-base);text-decoration:none}.contact-method:hover{transform:translate(8px);border-color:var(--accent-cyan);background-color:var(--accent-cyan-dim);box-shadow:var(--shadow-md)}.method-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:10px;color:var(--accent-cyan);flex-shrink:0;transition:all var(--transition-fast)}.contact-method:hover .method-icon{background-color:var(--accent-cyan);color:var(--bg-primary);transform:scale(1.1)}.method-details h4{font-size:1rem;font-weight:600;color:var(--text-heading);margin-bottom:4px;font-family:var(--font-heading)}.method-details p{font-size:.9rem;color:var(--text-muted);font-family:var(--font-code)}.response-time{display:flex;align-items:center;gap:12px;padding:16px 20px;background-color:var(--accent-lime-dim);border-radius:8px;border:1px solid var(--accent-lime);margin-top:12px}.response-time span{font-size:.95rem;color:var(--accent-lime);font-family:var(--font-code);font-weight:500}.contact-form-container{background-color:var(--bg-card);border-radius:16px;padding:32px;border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.contact-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.95rem;font-weight:600;color:var(--text-primary);font-family:var(--font-heading)}.form-group input,.form-group textarea{padding:14px 16px;background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;font-family:var(--font-body);transition:all var(--transition-fast);resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-cyan);background-color:var(--bg-primary);box-shadow:0 0 0 3px var(--accent-cyan-dim)}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:var(--text-muted)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-submit{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;width:100%;padding:14px 32px;font-size:1rem}.form-submit svg{transition:transform var(--transition-fast)}.form-submit:hover svg{transform:translate(4px) rotate(5deg)}@media screen and (max-width: 1024px){.contact-content{grid-template-columns:1fr;gap:48px}}@media screen and (max-width: 768px){.contact-section{padding:60px 16px}.contact-heading{font-size:2rem}.contact-description{font-size:1rem}.contact-form-container{padding:24px}.contact-method{padding:16px}.method-icon{width:42px;height:42px}}@media screen and (max-width: 480px){.contact-heading{font-size:1.7rem}.contact-description{font-size:.95rem}.contact-form-container{padding:20px}.form-group input,.form-group textarea{padding:12px 14px;font-size:.9rem}.response-time{flex-direction:column;text-align:center}}@media (prefers-reduced-motion: reduce){.contact-method:hover,.contact-method:hover .method-icon{transform:none}}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:60px 20px 30px;margin-top:100px;position:relative}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:48px}.footer-main{display:grid;grid-template-columns:1.5fr 1fr;gap:60px}.footer-brand{display:flex;flex-direction:column;gap:12px}.footer-name{font-size:1.8rem;font-weight:700;color:var(--text-heading);font-family:var(--font-heading);background:linear-gradient(135deg,var(--accent-cyan),var(--accent-lime));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{font-size:1rem;color:var(--accent-cyan);font-family:var(--font-code);font-weight:500}.footer-description{font-size:.95rem;color:var(--text-muted);line-height:1.6;max-width:400px}.footer-links-section{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.footer-column h4{font-size:1rem;font-weight:600;color:var(--text-heading);margin-bottom:16px;font-family:var(--font-heading)}.footer-column ul{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-column ul li a{font-size:.95rem;color:var(--text-secondary);transition:all var(--transition-fast);display:inline-block;font-family:var(--font-code)}.footer-column ul li a:hover{color:var(--accent-cyan);transform:translate(4px)}.footer-social{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.social-title{font-size:1rem;color:var(--text-secondary);font-family:var(--font-heading);font-weight:500}.social-links{display:flex;gap:16px}.social-link{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-card);color:var(--accent-cyan);border-radius:12px;border:1px solid var(--border-color);transition:all var(--transition-base)}.social-link:hover{background-color:var(--accent-cyan);color:var(--bg-primary);transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-cyan)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.footer-copyright{font-size:.9rem;color:var(--text-muted);font-family:var(--font-code)}.footer-tech-badges{display:flex;gap:8px;flex-wrap:wrap}.tech-badge-small{display:inline-block;padding:4px 12px;background-color:var(--bg-card);color:var(--text-muted);border-radius:12px;font-size:.8rem;font-family:var(--font-code);border:1px solid var(--border-color)}.back-to-top{position:fixed;bottom:32px;right:32px;width:48px;height:48px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-lime));color:var(--bg-primary);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:all var(--transition-base);z-index:1000;opacity:.9}.back-to-top:hover{opacity:1;transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--glow-cyan)}@media screen and (max-width: 1024px){.footer-main{grid-template-columns:1fr;gap:40px}.footer-links-section{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.footer{padding:40px 16px 24px;margin-top:60px}.footer-content{gap:32px}.footer-name{font-size:1.5rem}.footer-links-section{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:16px}.back-to-top{bottom:24px;right:24px;width:44px;height:44px}}@media screen and (max-width: 480px){.footer-name{font-size:1.3rem}.footer-tagline,.footer-description{font-size:.9rem}.social-links{gap:12px}.social-link{width:44px;height:44px}.footer-tech-badges{justify-content:center}.back-to-top{bottom:20px;right:20px;width:40px;height:40px}}@media (prefers-reduced-motion: reduce){.social-link:hover,.back-to-top:hover,.footer-column ul li a:hover{transform:none}}