@charset "UTF-8";@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% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-orange-900: oklch(40.8% .123 38.172); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-50: oklch(98.6% .031 120.757); --color-lime-100: oklch(96.7% .067 122.328); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-lime-800: oklch(45.3% .124 130.933); --color-lime-900: oklch(40.5% .101 131.063); --color-lime-950: oklch(27.4% .072 132.109); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-50: oklch(98.4% .014 180.72); --color-teal-100: oklch(95.3% .051 180.801); --color-teal-200: oklch(91% .096 180.426); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-teal-900: oklch(38.6% .063 188.416); --color-teal-950: oklch(27.7% .046 192.524); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-indigo-950: oklch(25.7% .09 281.288); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-50: oklch(97.7% .017 320.058); --color-fuchsia-100: oklch(95.2% .037 318.852); --color-fuchsia-200: oklch(90.3% .076 319.62); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-800: oklch(45.2% .211 324.591); --color-fuchsia-900: oklch(40.1% .17 325.612); --color-fuchsia-950: oklch(29.3% .136 325.661); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-900: oklch(40.8% .153 2.432); --color-pink-950: oklch(28.4% .109 3.907); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-gray-950: oklch(13% .028 261.692); --color-zinc-50: oklch(98.5% 0 0); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .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% .001 106.423); --color-stone-100: oklch(97% .001 106.424); --color-stone-200: oklch(92.3% .003 48.717); --color-stone-300: oklch(86.9% .005 56.366); --color-stone-400: oklch(70.9% .01 56.259); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-stone-800: oklch(26.8% .007 34.298); --color-stone-900: oklch(21.6% .006 56.043); --color-stone-950: oklch(14.7% .004 49.25); --color-black: #000; --color-white: #fff; --spacing: .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: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 1.5 ; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2 ; --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-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: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px rgb(0 0 0 / .05); --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / .05); --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / .05); --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / .05); --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / .05); --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / .15); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / .12); --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / .15); --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / .1); --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / .15); --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / .15); --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / .2); --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / .075), 0px 1px 1px rgb(0 0 0 / .075), 0px 2px 2px rgb(0 0 0 / .075); --text-shadow-md: 0px 1px 1px rgb(0 0 0 / .1), 0px 1px 2px rgb(0 0 0 / .1), 0px 2px 4px rgb(0 0 0 / .1); --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / .1), 0px 3px 2px rgb(0 0 0 / .1), 0px 4px 8px rgb(0 0 0 / .1); --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); } } --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: .15s; --default-transition-timing-function: cubic-bezier(.4, 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 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05); --drop-shadow: 0 1px 2px rgb(0 0 0 / .1), 0 1px 1px rgb(0 0 0 / .06); --radius: .25rem; --max-width-prose: 65ch; }}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;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-feature-settings:--theme(--default-font-feature-settings,normal);font-variation-settings:--theme(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:--theme(--default-mono-font-feature-settings,normal);font-variation-settings:--theme(--default-mono-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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-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{--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-200: #bfdbfe;--color-blue-300: #93c5fd;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-blue-800: #1e40af;--color-blue-900: #1e3a8a;--color-purple-50: #faf5ff;--color-purple-100: #f3e8ff;--color-purple-200: #e9d5ff;--color-purple-300: #d8b4fe;--color-purple-400: #a78bfa;--color-purple-500: #8b5cf6;--color-purple-600: #7c3aed;--color-purple-700: #6d28d9;--color-purple-800: #5b21b6;--color-purple-900: #4c1d95;--color-cyan-50: #ecfeff;--color-cyan-100: #cffafe;--color-cyan-200: #a5f3fc;--color-cyan-300: #67e8f9;--color-cyan-400: #22d3ee;--color-cyan-500: #06b6d4;--color-cyan-600: #0891b2;--color-cyan-700: #0e7490;--color-cyan-800: #155e75;--color-cyan-900: #164e63;--color-dark-950: #030712;--color-dark-900: #0a0a0f;--color-dark-850: #0d0d14;--color-dark-800: #111118;--color-dark-700: #1a1a24;--color-dark-600: #252530;--color-dark-500: #3a3a48;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--bg-primary: var(--color-dark-900);--bg-secondary: var(--color-dark-850);--bg-tertiary: var(--color-dark-800);--bg-elevated: var(--color-dark-700);--bg-muted: var(--color-dark-600);--text-primary: #ffffff;--text-secondary: var(--color-gray-300);--text-tertiary: var(--color-gray-400);--text-muted: var(--color-gray-500);--border-default: rgba(255, 255, 255, .08);--border-muted: rgba(255, 255, 255, .05);--border-emphasis: rgba(255, 255, 255, .12);--accent-primary: var(--color-blue-500);--accent-secondary: var(--color-purple-500);--gradient-hero-start: #030712;--gradient-hero-mid: #0a1628;--gradient-hero-end: #1e3a8a;--gradient-blue-glow: rgba(59, 130, 246, .4);--gradient-purple-glow: rgba(139, 92, 246, .3)}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--padding-button-x: var(--space-6);--padding-button-y: var(--space-3);--padding-card: var(--space-6);--padding-section-x: var(--space-4);--padding-section-y: var(--space-24);--container-max-width: 80rem;--container-max-width-sm: 40rem;--container-max-width-md: 48rem;--container-max-width-lg: 64rem;--container-max-width-xl: 80rem;--nav-height: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--gap-xs: var(--space-2);--gap-sm: var(--space-3);--gap-md: var(--space-4);--gap-lg: var(--space-6);--gap-xl: var(--space-8)}:root{--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em}:root{--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-glow-blue-sm: 0 0 20px rgba(59, 130, 246, .25);--shadow-glow-blue-md: 0 0 40px rgba(59, 130, 246, .3);--shadow-glow-blue-lg: 0 0 60px rgba(59, 130, 246, .35);--shadow-glow-purple-sm: 0 0 20px rgba(139, 92, 246, .2);--shadow-glow-purple-md: 0 0 40px rgba(139, 92, 246, .25);--shadow-glow-purple-lg: 0 0 60px rgba(139, 92, 246, .3);--shadow-glow-cyan-sm: 0 0 20px rgba(6, 182, 212, .2);--shadow-glow-cyan-md: 0 0 40px rgba(6, 182, 212, .25);--transition-fast: .15s;--transition-normal: .2s;--transition-slow: .3s;--transition-slower: .5s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--opacity-disabled: .5;--opacity-hover: .8;--opacity-muted: .6;--z-below: -1;--z-base: 0;--z-elevated: 10;--z-dropdown: 20;--z-sticky: 30;--z-overlay: 40;--z-modal: 50;--z-toast: 60;--z-tooltip: 70}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;tab-size:4}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}::selection{background:#8b5cf64d;color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-dark-600);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-dark-500)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}@media (min-width: 768px){h1{font-size:var(--text-6xl)}h2{font-size:var(--text-5xl)}}@media (min-width: 1024px){h1{font-size:var(--text-7xl)}}p{color:var(--text-secondary);line-height:var(--leading-relaxed)}a{transition:color var(--transition-fast) var(--ease-default)}a:hover{color:var(--accent-primary)}code,pre{font-family:var(--font-mono)}code{font-size:.875em;background:var(--bg-elevated);padding:.125em .375em;border-radius:var(--radius-sm)}pre{background:var(--bg-secondary);padding:var(--space-4);border-radius:var(--radius-lg);overflow-x:auto}pre code{background:transparent;padding:0}small{font-size:var(--text-sm)}strong{font-weight:var(--font-semibold)}.font-mono{font-family:var(--font-mono)}.btn,.unified-btn-primary,.unified-btn-secondary,.unified-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--padding-button-y) var(--padding-button-x);font-weight:var(--font-semibold);font-size:var(--text-sm);line-height:var(--leading-tight);border-radius:var(--radius-md);transition:background-color var(--transition-fast) var(--ease-default),color var(--transition-fast) var(--ease-default),box-shadow var(--transition-fast) var(--ease-default),transform var(--transition-fast) var(--ease-default);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled,.unified-btn-primary:disabled,.unified-btn-secondary:disabled,.unified-btn-ghost:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled),.unified-btn-primary:active:not(:disabled),.unified-btn-secondary:active:not(:disabled),.unified-btn-ghost:active:not(:disabled){transform:translateY(1px)}.btn svg,.unified-btn-primary svg,.unified-btn-secondary svg,.unified-btn-ghost svg{width:1.25em;height:1.25em;flex-shrink:0}.btn--primary,.unified-btn-primary{background:linear-gradient(135deg,var(--color-blue-500) 0%,var(--color-blue-600) 100%);color:#fff;border:none}.btn--primary:hover:not(:disabled),.unified-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-blue-400) 0%,var(--color-blue-500) 100%);box-shadow:0 0 20px var(--gradient-blue-glow);transform:translateY(-1px)}.btn--primary:active:not(:disabled),.unified-btn-primary:active:not(:disabled){transform:translateY(0)}.btn--secondary,.unified-btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-default)}.btn--secondary:hover:not(:disabled),.unified-btn-secondary:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-emphasis)}.btn--ghost,.unified-btn-ghost{background:transparent;color:var(--text-secondary);border:none;padding:var(--space-2) var(--space-4)}.btn--ghost:hover:not(:disabled),.unified-btn-ghost:hover:not(:disabled){color:var(--text-primary);background:#ffffff0d}.btn--danger{background:linear-gradient(135deg,var(--color-error) 0%,#dc2626 100%);color:#fff;border:none}.btn--danger:hover:not(:disabled){box-shadow:0 0 20px #ef444466}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn--xl{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-lg)}.btn--full-width{width:100%}.btn--icon-only{padding:var(--space-2)}.btn--icon-only svg{width:1.5rem;height:1.5rem}.card,.unified-card,.unified-card-glow{background-color:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--padding-card);transition:border-color var(--transition-normal) var(--ease-default),box-shadow var(--transition-normal) var(--ease-default),transform var(--transition-normal) var(--ease-default)}.card--interactive,.unified-card{cursor:pointer}.card--interactive:hover,.unified-card:hover{border-color:var(--border-emphasis);box-shadow:0 0 30px var(--gradient-blue-glow);transform:translateY(-2px)}.card--glow:hover,.unified-card-glow:hover{box-shadow:0 0 40px var(--gradient-blue-glow)}.card--highlighted{border-color:var(--accent-primary);box-shadow:0 0 30px var(--gradient-blue-glow)}.card--glass,.unified-glass{background:#1e293b80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.card--sm{padding:var(--space-4)}.card--lg{padding:var(--space-8)}.card__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.card__icon{font-size:var(--text-3xl);flex-shrink:0}.card__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.card__subtitle{font-size:var(--text-sm);color:var(--text-muted)}.card__content{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-relaxed)}.card__footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-muted)}.card__action{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);transition:color var(--transition-fast) var(--ease-default)}.card__action svg{width:1rem;height:1rem;transition:transform var(--transition-fast) var(--ease-default)}.card__action:hover{color:var(--text-primary)}.card__action:hover svg{transform:translate(4px)}.badge,.unified-badge,.unified-badge-cyan,.unified-badge-new{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-tight);border-radius:var(--radius-full);white-space:nowrap}.badge--blue,.unified-badge{background:#3b82f626;color:var(--color-blue-400);border:1px solid rgba(59,130,246,.3)}.badge--purple{background:#8b5cf626;color:var(--color-purple-400);border:1px solid rgba(139,92,246,.3)}.badge--cyan,.unified-badge-cyan{background:#06b6d426;color:var(--color-cyan-400);border:1px solid rgba(6,182,212,.3)}.badge--pink{background:#ec489926;color:#f472b6;border:1px solid rgba(236,72,153,.3)}.badge--success,.unified-badge-new{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.badge--warning{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge--error{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge--neutral{background:#64748b26;color:var(--color-gray-400);border:1px solid rgba(100,116,139,.3)}.badge--sm{padding:.125rem var(--space-2);font-size:var(--text-xs)}.badge--lg{padding:var(--space-2) var(--space-4);font-size:var(--text-base)}.badge__dot{position:relative;width:.5rem;height:.5rem}.badge__dot:before{content:"";position:absolute;inset:0;border-radius:var(--radius-full);background:currentColor}.badge__dot--pulse:after{content:"";position:absolute;inset:0;border-radius:var(--radius-full);background:currentColor;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.5);opacity:0}}.input,.select,.textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:border-color var(--transition-fast) var(--ease-default),box-shadow var(--transition-fast) var(--ease-default)}.input::placeholder,.select::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:hover:not(:disabled),.select:hover:not(:disabled),.textarea:hover:not(:disabled){border-color:var(--border-emphasis)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b5cf633}.input:disabled,.select:disabled,.textarea:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper__icon{position:absolute;left:var(--space-4);color:var(--text-muted);pointer-events:none}.input-wrapper__icon svg{width:1.25rem;height:1.25rem}.input-wrapper__icon--right{left:auto;right:var(--space-4)}.input--with-icon-left{padding-left:var(--space-12)}.input--with-icon-right{padding-right:var(--space-12)}.input--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.input--lg{padding:var(--space-4) var(--space-5);font-size:var(--text-lg)}.input--error{border-color:var(--color-error)}.input--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef444433}.input--success{border-color:var(--color-success)}.input--success:focus{border-color:var(--color-success);box-shadow:0 0 0 3px #22c55e33}.textarea{min-height:100px;resize:vertical}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;background-size:1rem;padding-right:var(--space-10);cursor:pointer}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width: 640px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width: 1024px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}.container--sm{max-width:var(--container-max-width-sm)}.container--md{max-width:var(--container-max-width-md)}.container--lg{max-width:var(--container-max-width-lg)}.container--xl{max-width:var(--container-max-width-xl)}.section,.unified-section,.unified-section-alt{padding-top:var(--padding-section-y);padding-bottom:var(--padding-section-y);padding-left:var(--padding-section-x);padding-right:var(--padding-section-x)}.section--primary,.unified-section{background-color:var(--bg-primary)}.section--secondary,.unified-section-alt{background-color:var(--bg-secondary)}.section--sm{padding-top:var(--space-16);padding-bottom:var(--space-16)}.section--lg{padding-top:var(--space-24);padding-bottom:var(--space-24)}@media (min-width: 768px){.section--lg{padding-top:8rem;padding-bottom:8rem}}.section__header{text-align:center;margin-bottom:var(--space-16)}.section__badge{margin-bottom:var(--space-4)}.section__title{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-4)}@media (min-width: 768px){.section__title{font-size:var(--text-5xl)}}.section__subtitle{font-size:var(--text-xl);color:var(--text-tertiary);max-width:42rem;margin-left:auto;margin-right:auto}.hero,.unified-gradient-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,var(--gradient-hero-start) 0%,var(--gradient-hero-mid) 50%,var(--gradient-hero-end) 100%)}.hero:after,.unified-gradient-hero:after{content:"";position:absolute;bottom:-50%;left:50%;transform:translate(-50%);width:150%;height:100%;background:radial-gradient(ellipse at center bottom,var(--gradient-blue-glow) 0%,transparent 60%);pointer-events:none;z-index:0}.hero__glow{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:1200px;height:800px;background:radial-gradient(ellipse at center,var(--gradient-blue-glow) 0%,var(--gradient-purple-glow) 30%,transparent 60%);pointer-events:none;z-index:0;filter:blur(80px)}.hero__pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;opacity:.3;pointer-events:none;z-index:0}.hero__content{position:relative;z-index:2;max-width:72rem;margin:0 auto;padding:var(--space-24) var(--space-6);text-align:center}@media (min-width: 768px){.hero__content{padding:var(--space-32) var(--space-8)}}.hero__title{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-6);letter-spacing:var(--tracking-tight);line-height:1.1;color:var(--text-primary)}@media (min-width: 640px){.hero__title{font-size:var(--text-5xl)}}@media (min-width: 768px){.hero__title{font-size:var(--text-6xl)}}@media (min-width: 1024px){.hero__title{font-size:4.5rem}}.hero__subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:40rem;margin:0 auto var(--space-10);line-height:var(--leading-relaxed)}@media (min-width: 768px){.hero__subtitle{font-size:var(--text-xl)}}.hero__actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-16)}@media (min-width: 640px){.hero__actions{flex-direction:row}}.hero__features{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-6);font-size:var(--text-sm);color:var(--text-tertiary)}@media (min-width: 640px){.hero__features{gap:var(--space-8)}}.hero__feature{display:flex;align-items:center;gap:var(--space-2)}.hero__feature svg{width:1rem;height:1rem;color:var(--accent-primary)}.grid{display:grid;gap:var(--space-6)}@media (min-width: 768px){.grid--2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.grid--3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid--3{grid-template-columns:repeat(3,1fr)}}.grid--4{grid-template-columns:repeat(2,1fr)}@media (min-width: 768px){.grid--4{grid-template-columns:repeat(4,1fr)}}.grid--gap-sm{gap:var(--space-4)}.grid--gap-lg{gap:var(--space-8)}@keyframes landing-glow-pulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}@keyframes landing-glow-drift{0%,to{transform:translate(-50%,-50%) translate(0)}50%{transform:translate(-50%,-50%) translate(50px)}}@keyframes scroll-bounce{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(8px);opacity:1}}.landing-hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:var(--color-dark-950);padding:var(--space-6)}@media (min-width: 768px){.landing-hero{padding:var(--space-8)}}.landing-hero__bg{position:absolute;inset:0;pointer-events:none;z-index:0}.landing-hero__glow{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none}.landing-hero__glow--1{top:20%;left:30%;width:600px;height:600px;background:radial-gradient(circle,var(--gradient-blue-glow) 0%,transparent 70%);transform:translate(-50%,-50%);animation:landing-glow-pulse 8s ease-in-out infinite}.landing-hero__glow--2{top:60%;left:70%;width:500px;height:500px;background:radial-gradient(circle,var(--gradient-purple-glow) 0%,transparent 70%);transform:translate(-50%,-50%);animation:landing-glow-drift 12s ease-in-out infinite}.landing-hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 0%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 80%)}.landing-hero__content{position:relative;z-index:1;max-width:56rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.landing-hero__eyebrow{animation:fade-in-down .6s var(--ease-out) both}.landing-hero__title{display:flex;flex-direction:column;gap:var(--space-2);animation:fade-in-up .6s var(--ease-out) .1s both}.landing-hero__title-line{font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--text-secondary);letter-spacing:var(--tracking-tight)}@media (min-width: 640px){.landing-hero__title-line{font-size:var(--text-4xl)}}@media (min-width: 768px){.landing-hero__title-line{font-size:var(--text-5xl)}}.landing-hero__title-highlight{font-size:var(--text-4xl);font-weight:var(--font-bold);background:linear-gradient(135deg,var(--color-blue-400) 0%,var(--color-purple-400) 50%,var(--color-cyan-400) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:var(--tracking-tight)}@media (min-width: 640px){.landing-hero__title-highlight{font-size:var(--text-5xl)}}@media (min-width: 768px){.landing-hero__title-highlight{font-size:var(--text-6xl)}}@media (min-width: 1024px){.landing-hero__title-highlight{font-size:4.5rem}}.landing-hero__story{max-width:42rem;display:flex;flex-direction:column;gap:var(--space-4);animation:fade-in-up .6s var(--ease-out) .2s both}.landing-hero__story-main{font-size:var(--text-lg);color:var(--text-tertiary);line-height:var(--leading-relaxed)}@media (min-width: 768px){.landing-hero__story-main{font-size:var(--text-xl)}}.landing-hero__story-solution{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.landing-hero__story-solution strong{color:var(--text-primary);font-weight:var(--font-semibold)}@media (min-width: 768px){.landing-hero__story-solution{font-size:var(--text-lg)}}.landing-hero__pillars{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6);background:#ffffff05;border:1px solid var(--border-muted);border-radius:var(--radius-xl);animation:fade-in-up .6s var(--ease-out) .3s both}@media (min-width: 768px){.landing-hero__pillars{flex-direction:row;gap:var(--space-6);padding:var(--space-6) var(--space-8)}}.landing-pillar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);transition:transform var(--transition-fast) var(--ease-out)}.landing-pillar:hover{transform:translateY(-2px)}.landing-pillar__icon{font-size:var(--text-2xl);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f633,#8b5cf633);border-radius:var(--radius-lg);border:1px solid var(--border-default)}.landing-pillar__content{display:flex;flex-direction:column;text-align:left}.landing-pillar__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.landing-pillar__desc{font-size:var(--text-xs);color:var(--text-tertiary)}.landing-pillar__divider{display:none}@media (min-width: 768px){.landing-pillar__divider{display:block;width:1px;height:2.5rem;background:var(--border-default)}}.landing-hero__actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);animation:fade-in-up .6s var(--ease-out) .4s both}@media (min-width: 640px){.landing-hero__actions{flex-direction:row;gap:var(--space-4)}}.landing-hero__trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-6);animation:fade-in-up .6s var(--ease-out) .5s both}.landing-trust__item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary)}.landing-trust__item svg{color:var(--color-success);flex-shrink:0}.landing-hero__scroll{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);color:var(--text-tertiary);animation:scroll-bounce 2s ease-in-out infinite}.landing-hero__scroll svg{width:1.5rem;height:1.5rem}@keyframes unified-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes unified-line-draw{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes unified-node-pulse{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 40px #3b82f699,0 0 60px #8b5cf64d}}@keyframes metric-blink{0%,to{opacity:1}50%{opacity:.3}}.unified-capabilities{position:relative;padding:6rem 1.5rem;background:linear-gradient(180deg,var(--color-dark-950) 0%,rgb(15,23,42) 50%,var(--color-dark-950) 100%);overflow:hidden}@media (min-width: 768px){.unified-capabilities{padding:8rem 2rem}}.unified-capabilities__bg{position:absolute;inset:0;pointer-events:none;z-index:0}.unified-capabilities__line{position:absolute;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.2) 50%,transparent 100%);height:1px}.unified-capabilities__line--1{top:30%;left:0;right:0;transform:rotate(-5deg)}.unified-capabilities__line--2{top:50%;left:0;right:0}.unified-capabilities__line--3{top:70%;left:0;right:0;transform:rotate(5deg)}.unified-capabilities__node{position:absolute;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--color-blue-500),var(--color-purple-500));animation:unified-node-pulse 3s ease-in-out infinite}.unified-capabilities__node--center{top:50%;left:50%;transform:translate(-50%,-50%)}.unified-capabilities__header{position:relative;z-index:1;text-align:center;margin-bottom:4rem}@media (min-width: 768px){.unified-capabilities__header{margin-bottom:5rem}}.unified-capabilities__eyebrow{display:inline-block;font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--color-blue-400);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-4);background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-full)}.unified-capabilities__title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-4);line-height:1.2}@media (min-width: 640px){.unified-capabilities__title{font-size:var(--text-4xl)}}@media (min-width: 768px){.unified-capabilities__title{font-size:var(--text-5xl)}}.unified-capabilities__title-accent{background:linear-gradient(135deg,var(--color-blue-400) 0%,var(--color-cyan-400) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.unified-capabilities__subtitle{font-size:var(--text-lg);color:var(--text-tertiary);letter-spacing:.05em}@media (min-width: 768px){.unified-capabilities__subtitle{font-size:var(--text-xl)}}.unified-capabilities__grid{position:relative;z-index:1;display:grid;gap:1.5rem;max-width:72rem;margin:0 auto}@media (min-width: 768px){.unified-capabilities__grid{grid-template-columns:repeat(2,1fr);gap:2rem}}.unified-card{position:relative;padding:2rem;background:#ffffff05;border:1px solid var(--border-muted);border-radius:var(--radius-2xl);transition:all .4s var(--ease-out);overflow:hidden}.unified-card:hover{transform:translateY(-4px);border-color:var(--border-default);background:#ffffff0a}.unified-card:hover .unified-card__glow{opacity:1}.unified-card:hover .unified-card__icon-symbol{transform:scale(1.1)}.unified-card__glow{position:absolute;top:0;left:0;width:150px;height:150px;border-radius:50%;filter:blur(60px);opacity:.5;transition:opacity .4s ease;pointer-events:none}.unified-card--tooling .unified-card__glow{background:#a855f766}.unified-card--tracking .unified-card__glow{background:#22d3ee66}.unified-card--access .unified-card__glow{background:#fbbf2466}.unified-card--everything .unified-card__glow{background:linear-gradient(135deg,#3b82f666,#a855f766,#ec489966)}.unified-card__glow--rainbow{width:200px;height:200px;animation:unified-pulse 4s ease-in-out infinite}.unified-card__icon{margin-bottom:1.5rem}.unified-card__icon-symbol{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;font-size:1.75rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid var(--border-default);border-radius:var(--radius-xl);transition:transform .3s var(--ease-out)}.unified-card--tooling .unified-card__icon-symbol{color:var(--color-purple-400);border-color:#a855f74d}.unified-card--tracking .unified-card__icon-symbol{color:var(--color-cyan-400);border-color:#22d3ee4d}.unified-card--access .unified-card__icon-symbol{color:var(--color-amber-400);border-color:#fbbf244d}.unified-card--everything .unified-card__icon-symbol{background:linear-gradient(135deg,#3b82f633,#ec489933);color:var(--color-pink-400);border-color:#ec48994d}.unified-card__content{position:relative;z-index:1}.unified-card__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:.5rem}@media (min-width: 768px){.unified-card__title{font-size:var(--text-2xl)}}.unified-card__tagline{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-blue-400);margin-bottom:1rem}@media (min-width: 768px){.unified-card__tagline{font-size:var(--text-lg)}}.unified-card__description{font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.7;margin-bottom:1.5rem}@media (min-width: 768px){.unified-card__description{font-size:var(--text-base)}}.unified-card__terminal{font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--text-sm);padding:.75rem 1rem;background:#0000004d;border:1px solid var(--border-muted);border-radius:var(--radius-lg);color:var(--color-green-400)}.unified-card__terminal code{color:inherit}.unified-card__metrics{display:flex;align-items:center;gap:.5rem;font-size:var(--text-sm);color:var(--text-secondary);padding:.5rem .75rem;background:#22d3ee1a;border-radius:var(--radius-lg);width:fit-content}.metric-dot{width:8px;height:8px;border-radius:50%;background:var(--color-cyan-400)}.metric-dot--live{animation:metric-blink 1.5s ease-in-out infinite}.unified-card__keys{display:flex;align-items:center;gap:.75rem;font-size:1.25rem}.key-icon{font-size:1.5rem}.key-arrow{color:var(--text-tertiary)}.key-services{font-size:2rem;font-weight:var(--font-bold);background:linear-gradient(135deg,var(--color-amber-400),var(--color-orange-400));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.unified-card__integrations{display:flex;align-items:center;gap:.75rem;font-size:1.5rem}.unified-card__integrations span:last-child{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-tertiary);padding:.25rem .5rem;background:#ffffff0d;border-radius:var(--radius-md)}.unified-card__connector{display:none}@media (min-width: 768px){.unified-card__connector{display:block;position:absolute;top:50%;width:2rem;height:2px;background:linear-gradient(90deg,var(--border-muted),transparent)}}.unified-card__connector--right{right:-2rem}.unified-card__connector--left{left:-2rem;background:linear-gradient(90deg,transparent,var(--border-muted))}.unified-capabilities__bottom{position:relative;z-index:1;text-align:center;margin-top:4rem}@media (min-width: 768px){.unified-capabilities__bottom{margin-top:5rem}}.unified-capabilities__mantra{font-size:var(--text-xl);color:var(--text-secondary);line-height:1.6}.unified-capabilities__mantra strong{color:var(--text-primary);font-weight:var(--font-bold);background:linear-gradient(135deg,var(--color-blue-400) 0%,var(--color-purple-400) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (min-width: 768px){.unified-capabilities__mantra{font-size:var(--text-2xl)}}.templates-page{min-height:100vh}.templates-hero{background:linear-gradient(135deg,var(--color-primary-900) 0%,var(--color-primary-700) 100%);color:var(--color-white);padding:4rem 2rem;text-align:center}.templates-hero__content{max-width:800px;margin:0 auto}.templates-hero__title{font-size:2.5rem;font-weight:700;margin-bottom:.75rem}.templates-hero__subtitle{font-size:1.125rem;opacity:.9;margin-bottom:2rem;line-height:1.6}.templates-search{position:relative;max-width:600px;margin:0 auto}.templates-search__icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--color-gray-400)}.templates-search__input{width:100%;padding:1rem 3rem;font-size:1rem;border:none;border-radius:.5rem;background:var(--color-white);color:var(--color-gray-900)}.templates-search__input::placeholder{color:var(--color-gray-400)}.templates-search__input:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.templates-search__clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);padding:.25rem;border:none;background:transparent;color:var(--color-gray-400);cursor:pointer}.templates-search__clear:hover{color:var(--color-gray-600)}.templates-search__clear svg{width:1.25rem;height:1.25rem}.templates-featured{padding:3rem 2rem;background:var(--color-gray-50)}.templates-featured__header{text-align:center;margin-bottom:2rem}.templates-featured__title{font-size:1.5rem;font-weight:600;color:var(--color-gray-900);margin-bottom:.5rem}.templates-featured__subtitle{color:var(--color-gray-600)}.templates-featured__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;max-width:1400px;margin:0 auto}.template-card{display:flex;flex-direction:column;background:var(--color-white);border-radius:.75rem;overflow:hidden;border:1px solid var(--color-gray-200);text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.template-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.template-card--featured{border-color:var(--color-primary-200);background:linear-gradient(to bottom,var(--color-primary-50),var(--color-white))}.template-card__image{width:100%;height:160px;object-fit:cover;background:var(--color-gray-100)}.template-card__image--placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-gray-300)}.template-card__image--placeholder svg{width:3rem;height:3rem}.template-card__body{flex:1;padding:1rem;display:flex;flex-direction:column}.template-card__badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.template-card__badge{padding:.125rem .5rem;font-size:.75rem;font-weight:500;border-radius:9999px}.template-card__badge--featured{background:var(--color-primary-100);color:var(--color-primary-700)}.template-card__badge--type{background:var(--color-gray-100);color:var(--color-gray-700)}.template-card__badge--category{background:var(--color-blue-100);color:var(--color-blue-700)}.template-card__title{font-size:1rem;font-weight:600;color:var(--color-gray-900);margin-bottom:.5rem;line-height:1.4}.template-card__description{font-size:.875rem;color:var(--color-gray-600);line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-card__meta{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.template-card__publisher{display:flex;align-items:center;gap:.5rem}.template-card__publisher-avatar{width:1.5rem;height:1.5rem;border-radius:50%;object-fit:cover}.template-card__publisher-name{font-size:.875rem;color:var(--color-gray-600)}.template-card__verified{width:1rem;height:1rem;color:var(--color-primary-500)}.template-card__stats{display:flex;align-items:center;gap:.75rem}.template-card__downloads,.template-card__rating{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--color-gray-500)}.template-card__downloads svg,.template-card__rating svg{width:.875rem;height:.875rem}.template-card__rating svg{color:var(--color-yellow-500)}.templates-main{padding:2rem}.templates-main__container{display:flex;gap:2rem;max-width:1400px;margin:0 auto}.templates-sidebar{width:260px;flex-shrink:0}@media (max-width: 1024px){.templates-sidebar{display:none;position:fixed;inset:0;background:var(--color-white);z-index:100;width:100%;padding:1rem;overflow-y:auto}.templates-sidebar--open{display:block}}.templates-sidebar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.templates-sidebar__title{font-size:1.125rem;font-weight:600;color:var(--color-gray-900)}.templates-sidebar__clear{font-size:.875rem;color:var(--color-primary-600);background:none;border:none;cursor:pointer}.templates-sidebar__clear:hover{text-decoration:underline}.templates-filter{margin-bottom:1.5rem}.templates-filter__title{font-size:.875rem;font-weight:600;color:var(--color-gray-700);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.templates-filter__options{display:flex;flex-direction:column;gap:.25rem}.templates-filter__option{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.875rem;color:var(--color-gray-700);background:transparent;border:none;border-radius:.375rem;cursor:pointer;text-align:left}.templates-filter__option:hover{background:var(--color-gray-100)}.templates-filter__option--active{background:var(--color-primary-100);color:var(--color-primary-700);font-weight:500}.templates-filter__count{font-size:.75rem;color:var(--color-gray-500);background:var(--color-gray-200);padding:.125rem .5rem;border-radius:9999px}.templates-content{flex:1;min-width:0}.templates-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.templates-toolbar__left,.templates-toolbar__right{display:flex;align-items:center;gap:.75rem}.templates-toolbar__filter-toggle{display:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-gray-700);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:.375rem;cursor:pointer}@media (max-width: 1024px){.templates-toolbar__filter-toggle{display:flex}}.templates-toolbar__filter-toggle svg{width:1rem;height:1rem}.templates-toolbar__filter-toggle:hover{background:var(--color-gray-50)}.templates-toolbar__filter-count{background:var(--color-primary-500);color:var(--color-white);padding:.125rem .5rem;border-radius:9999px;font-size:.75rem}.templates-toolbar__results{font-size:.875rem;color:var(--color-gray-600)}.templates-toolbar__sort{padding:.5rem 1rem;font-size:.875rem;color:var(--color-gray-700);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:.375rem;cursor:pointer}.templates-toolbar__sort:focus{outline:2px solid var(--color-primary-500);outline-offset:1px}.templates-toolbar__view{padding:.5rem;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:.375rem;cursor:pointer;color:var(--color-gray-600)}.templates-toolbar__view svg{width:1.25rem;height:1.25rem}.templates-toolbar__view:hover{background:var(--color-gray-50)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.templates-grid--list{grid-template-columns:1fr}.templates-grid--list .template-card{flex-direction:row;max-width:100%}.templates-grid--list .template-card__image{width:200px;height:auto;min-height:140px}.templates-grid--list .template-card__body{padding:1.25rem}.templates-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:var(--color-gray-500)}.templates-loading__spinner{width:2rem;height:2rem;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.templates-empty{text-align:center;padding:4rem 2rem;color:var(--color-gray-500)}.templates-empty svg{width:4rem;height:4rem;margin-bottom:1rem;color:var(--color-gray-300)}.templates-empty h3{font-size:1.125rem;font-weight:600;color:var(--color-gray-700);margin-bottom:.5rem}.templates-empty p{margin-bottom:1.5rem}.templates-loadmore{display:flex;justify-content:center;padding:2rem 0}.btn,.unified-btn-primary,.unified-btn-secondary,.unified-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:.5rem;border:none;cursor:pointer;transition:background .2s,transform .1s}.btn--primary,.unified-btn-primary{background:var(--color-primary-600);color:var(--color-white)}.btn--primary:hover,.unified-btn-primary:hover{background:var(--color-primary-700)}.btn--secondary,.unified-btn-secondary{background:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn--secondary:hover,.unified-btn-secondary:hover{background:var(--color-gray-50)}.btn--ghost,.unified-btn-ghost{background:transparent;color:var(--color-gray-600)}.btn--ghost:hover,.unified-btn-ghost:hover{background:var(--color-gray-100)}.btn--lg{padding:1rem 2rem;font-size:1rem}.btn--full{width:100%}.template-detail{min-height:100vh}.template-detail__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;color:var(--color-gray-500)}.template-detail__spinner{width:2.5rem;height:2.5rem;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.template-detail__spinner-small{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:50%;animation:spin 1s linear infinite}.template-detail__header{background:linear-gradient(135deg,var(--color-primary-900) 0%,var(--color-primary-700) 100%);color:var(--color-white);padding:2rem}.template-detail__header-content{max-width:1400px;margin:0 auto}.template-detail__breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;margin-bottom:1.5rem;opacity:.8}.template-detail__breadcrumb a{color:inherit;text-decoration:none}.template-detail__breadcrumb a:hover{text-decoration:underline}.template-detail__breadcrumb span:not(:last-child){opacity:.6}.template-detail__hero{display:flex;gap:3rem;align-items:flex-start}@media (max-width: 1024px){.template-detail__hero{flex-direction:column;gap:2rem}}.template-detail__info{flex:1}.template-detail__badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.template-detail__badge{padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:9999px}.template-detail__badge--featured{background:#fff3;color:var(--color-white)}.template-detail__badge--type{background:#ffffff26;color:#ffffffe6}.template-detail__badge--category{background:#ffffff1a;color:#fffc}.template-detail__title{font-size:2.5rem;font-weight:700;margin-bottom:.75rem;line-height:1.2}@media (max-width: 768px){.template-detail__title{font-size:2rem}}.template-detail__description{font-size:1.125rem;opacity:.9;line-height:1.6;margin-bottom:1.5rem;max-width:600px}.template-detail__meta{display:flex;flex-direction:column;gap:1rem}.template-detail__publisher{display:flex;align-items:center;gap:.5rem}.template-detail__publisher-avatar{width:1.75rem;height:1.75rem;border-radius:50%;object-fit:cover}.template-detail__publisher-name{color:inherit;text-decoration:none;font-weight:500}.template-detail__publisher-name:hover{text-decoration:underline}.template-detail__verified{width:1.25rem;height:1.25rem;color:var(--color-primary-300)}.template-detail__stats{display:flex;flex-wrap:wrap;gap:1.5rem}.template-detail__stat{display:flex;align-items:center;gap:.5rem;font-size:.875rem;opacity:.9}.template-detail__stat svg{width:1rem;height:1rem}.template-detail__star{color:var(--color-yellow-400)}.template-detail__actions{background:#0003;border-radius:1rem;padding:1.5rem;min-width:280px}@media (max-width: 1024px){.template-detail__actions{width:100%}}.template-detail__price{font-size:2rem;font-weight:700;text-align:center;margin-bottom:1.5rem}.template-detail__price--free{color:var(--color-green-400)}.template-detail__download-buttons{display:flex;flex-direction:column;gap:.75rem}.template-detail__download-buttons .btn,.template-detail__download-buttons .unified-btn-primary,.template-detail__download-buttons .unified-btn-secondary,.template-detail__download-buttons .unified-btn-ghost{width:100%;justify-content:center}.template-detail__download-buttons .btn svg,.template-detail__download-buttons .unified-btn-primary svg,.template-detail__download-buttons .unified-btn-secondary svg,.template-detail__download-buttons .unified-btn-ghost svg{width:1.25rem;height:1.25rem}.template-detail__tabs{display:flex;gap:0;background:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:0 2rem;max-width:1400px;margin:0 auto}.template-detail__tab{padding:1rem 1.5rem;font-size:.875rem;font-weight:500;color:var(--color-gray-600);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s,border-color .2s}.template-detail__tab:hover{color:var(--color-gray-900)}.template-detail__tab--active{color:var(--color-primary-600);border-bottom-color:var(--color-primary-600)}.template-detail__content{max-width:1400px;margin:0 auto;padding:2rem}.template-detail__overview{display:grid;grid-template-columns:1fr 320px;gap:2rem}@media (max-width: 1024px){.template-detail__overview{grid-template-columns:1fr}}.template-detail__main{display:flex;flex-direction:column;gap:1.5rem}.template-detail__thumbnail{border-radius:.75rem;overflow:hidden;border:1px solid var(--color-gray-200)}.template-detail__thumbnail img{width:100%;height:auto;display:block}.template-detail__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.template-detail__card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:.75rem;padding:1.25rem}.template-detail__card--full{grid-column:1/-1}.template-detail__card-title{font-size:.875rem;font-weight:600;color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.template-detail__details{display:flex;flex-direction:column;gap:.75rem}.template-detail__detail{display:flex;justify-content:space-between;font-size:.875rem}.template-detail__detail dt{color:var(--color-gray-500)}.template-detail__detail dd{color:var(--color-gray-900);font-weight:500}.template-detail__tags,.template-detail__targets{display:flex;flex-wrap:wrap;gap:.5rem}.template-detail__tag,.template-detail__target{padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:9999px;background:var(--color-gray-100);color:var(--color-gray-700)}.template-detail__changelog{font-size:.875rem;color:var(--color-gray-600);line-height:1.6;white-space:pre-wrap}@media (max-width: 1024px){.template-detail__sidebar{order:-1}}.template-detail__publisher-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:.75rem;padding:1.5rem;position:sticky;top:2rem}.template-detail__publisher-info{display:flex;gap:1rem;margin-bottom:1.5rem}.template-detail__publisher-avatar-lg{width:3.5rem;height:3.5rem;border-radius:50%;object-fit:cover}.template-detail__publisher-avatar-placeholder{width:3.5rem;height:3.5rem;border-radius:50%;background:var(--color-primary-100);color:var(--color-primary-600);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600}.template-detail__publisher-name-lg{font-size:1rem;font-weight:600;color:var(--color-gray-900);display:flex;align-items:center;gap:.25rem;margin-bottom:.25rem}.template-detail__publisher-bio{font-size:.875rem;color:var(--color-gray-600);line-height:1.5}.template-detail__publisher-stats{display:flex;gap:2rem;padding:1rem 0;border-top:1px solid var(--color-gray-200);border-bottom:1px solid var(--color-gray-200);margin-bottom:1rem}.template-detail__publisher-stat{text-align:center}.template-detail__publisher-stat-value{display:block;font-size:1.25rem;font-weight:600;color:var(--color-gray-900)}.template-detail__publisher-stat-label{font-size:.75rem;color:var(--color-gray-500)}.template-detail__publisher-links{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.template-detail__publisher-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;color:var(--color-gray-700);text-decoration:none;border-radius:.375rem}.template-detail__publisher-link:hover{background:var(--color-gray-100)}.template-detail__publisher-link svg{width:1rem;height:1rem}.template-detail__preview{min-height:600px;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:.75rem;overflow:hidden}.template-detail__preview-iframe{width:100%;height:800px;border:none}.template-detail__preview-html{padding:2rem}.template-detail__reviews{max-width:800px}.template-detail__empty{text-align:center;padding:4rem 2rem;color:var(--color-gray-500)}.template-detail__empty svg{width:4rem;height:4rem;margin-bottom:1rem;color:var(--color-gray-300)}.template-detail__empty h3{font-size:1.125rem;font-weight:600;color:var(--color-gray-700);margin-bottom:.5rem}.template-detail__reviews-list{display:flex;flex-direction:column;gap:1.5rem}.template-detail__review{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:.75rem;padding:1.5rem}.template-detail__review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.template-detail__review-user{display:flex;align-items:center;gap:.75rem}.template-detail__review-avatar{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover}.template-detail__review-avatar-placeholder{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-gray-200);color:var(--color-gray-600);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600}.template-detail__review-name{font-weight:600;color:var(--color-gray-900);display:block}.template-detail__review-verified{font-size:.75rem;color:var(--color-green-600)}.template-detail__review-rating{display:flex;gap:.125rem}.template-detail__review-star{width:1rem;height:1rem;color:var(--color-yellow-500)}.template-detail__review-title{font-size:1rem;font-weight:600;color:var(--color-gray-900);margin-bottom:.5rem}.template-detail__review-comment{font-size:.875rem;color:var(--color-gray-600);line-height:1.6;margin-bottom:1rem}.template-detail__review-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--color-gray-500)}.template-detail__review-response{margin-top:1rem;padding:1rem;background:var(--color-gray-50);border-radius:.5rem}.template-detail__review-response h5{font-size:.75rem;font-weight:600;color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.template-detail__review-response p{font-size:.875rem;color:var(--color-gray-600);line-height:1.5}.template-detail__review-response-date{display:block;margin-top:.5rem;font-size:.75rem;color:var(--color-gray-400)}:root{--editor-bg-primary: #1e1f22;--editor-bg-secondary: #2b2d30;--editor-bg-tertiary: #3c3f41;--editor-bg-elevated: #43454a;--editor-bg-active: #4e5157;--editor-text-primary: #bcbec4;--editor-text-secondary: #6e7681;--editor-text-muted: #5a5d63;--editor-text-bright: #ffffff;--editor-accent-blue: #4d78cc;--editor-accent-purple: #6b57ff;--editor-accent-green: #5fb865;--editor-accent-cyan: #6897bb;--editor-accent-orange: #cc7832;--editor-accent-yellow: #ffc66d;--editor-status-error: #f75464;--editor-status-warning: #e5c07b;--editor-status-success: #5fb865;--editor-status-info: #6897bb;--editor-status-modified: #6897bb;--editor-border-default: #1e1f22;--editor-border-subtle: #393b40;--editor-border-emphasis: #4d78cc;--syntax-keyword: #cc7832;--syntax-string: #6a8759;--syntax-number: #6897bb;--syntax-comment: #808080;--syntax-function: #ffc66d;--syntax-variable: #a9b7c6;--syntax-type: #b5b6e3;--syntax-constant: #9876aa;--syntax-operator: #a9b7c6;--syntax-parameter: #a9b7c6}.editor-root{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:var(--editor-bg-primary);color:var(--editor-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.editor-titlebar{display:flex;align-items:center;height:38px;padding:0 12px;background:var(--editor-bg-tertiary);border-bottom:1px solid var(--editor-border-default);-webkit-app-region:drag;flex-shrink:0;-webkit-user-select:none;user-select:none}.editor-titlebar__controls{display:flex;gap:8px;margin-right:20px;-webkit-app-region:no-drag}.editor-titlebar__control{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;transition:opacity .15s ease}.editor-titlebar__control:hover{opacity:.8}.editor-titlebar__control--close{background:#ff5f57}.editor-titlebar__control--minimize{background:#ffbd2e}.editor-titlebar__control--maximize{background:#28c840}.editor-titlebar__center{display:flex;align-items:center;gap:8px;flex:1}.editor-titlebar__logo{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--editor-accent-purple);color:#fff;border-radius:6px;font-weight:600;font-size:14px}.editor-titlebar__title{font-weight:500;color:var(--editor-text-bright);font-size:13px}.editor-titlebar__branch{display:flex;align-items:center;gap:4px;padding:3px 10px;background:var(--editor-bg-elevated);border-radius:4px;font-size:12px;color:var(--editor-text-primary)}.editor-titlebar__branch-icon{opacity:.7}.editor-titlebar__actions{display:flex;align-items:center;gap:8px;margin-left:auto;-webkit-app-region:no-drag}.editor-titlebar__action-btn{display:flex;align-items:center;justify-content:center;padding:4px 8px;background:none;border:none;color:var(--editor-text-secondary);cursor:pointer;border-radius:4px;transition:all .15s ease}.editor-titlebar__action-btn:hover{background:var(--editor-bg-elevated);color:var(--editor-text-primary)}.editor-titlebar__action-btn--run{color:var(--editor-accent-green)}.editor-titlebar__action-btn--run:hover{background:#5fb8651a}.editor-titlebar__config{padding:4px 12px;background:var(--editor-bg-elevated);border-radius:4px;font-size:12px;color:var(--editor-text-primary)}.editor-body{display:flex;flex:1;overflow:hidden}.editor-sidebar{display:flex;height:100%;background:var(--editor-bg-secondary);border-right:1px solid var(--editor-border-default)}.editor-sidebar__tabs{display:flex;flex-direction:column;width:40px;background:var(--editor-bg-tertiary);border-right:1px solid var(--editor-border-default);flex-shrink:0;padding-top:4px}.editor-sidebar__tab{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:var(--editor-text-secondary);cursor:pointer;font-size:16px;transition:all .15s ease;position:relative}.editor-sidebar__tab:hover{color:var(--editor-text-primary);background:var(--editor-bg-elevated)}.editor-sidebar__tab--active{color:var(--editor-text-bright);background:var(--editor-bg-active)}.editor-sidebar__tab--active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--editor-accent-blue);border-radius:0 1px 1px 0}.editor-sidebar__content{flex:1;display:flex;flex-direction:column;min-width:200px;overflow:hidden}.editor-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--editor-border-default);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--editor-text-secondary)}.editor-sidebar__tree{flex:1;overflow-y:auto;padding:4px 0}.editor-tree__item{display:flex;align-items:center;padding:4px 8px 4px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s ease}.editor-tree__item:hover{background:var(--editor-bg-elevated)}.editor-tree__item--selected{background:var(--editor-bg-active)}.editor-tree__item--depth-1{padding-left:12px}.editor-tree__item--depth-2{padding-left:28px}.editor-tree__item--depth-3{padding-left:44px}.editor-tree__item--depth-4{padding-left:60px}.editor-tree__item--depth-5{padding-left:76px}.editor-tree__toggle{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--editor-text-muted);font-size:10px;flex-shrink:0}.editor-tree__icon{width:16px;height:16px;margin-right:6px;flex-shrink:0;font-size:14px}.editor-tree__label{flex:1;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-tree__badge{margin-left:auto;padding:1px 6px;background:var(--editor-bg-tertiary);border-radius:3px;font-size:10px;color:var(--editor-text-secondary)}.editor-tree__status--error{color:var(--editor-status-error)}.editor-tree__status--modified{color:var(--editor-status-modified)}.editor-tree__status--new{color:var(--editor-status-success)}.editor-main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--editor-bg-primary);position:relative}.editor-tabs{display:flex;align-items:center;height:35px;background:var(--editor-bg-secondary);border-bottom:1px solid var(--editor-border-default);overflow-x:auto;flex-shrink:0}.editor-tabs::-webkit-scrollbar{height:3px}.editor-tabs::-webkit-scrollbar-thumb{background:var(--editor-bg-elevated);border-radius:2px}.editor-tab{display:flex;align-items:center;gap:8px;padding:0 12px;height:100%;background:transparent;border:none;border-right:1px solid var(--editor-border-default);color:var(--editor-text-secondary);font-size:13px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.editor-tab:hover{background:var(--editor-bg-elevated);color:var(--editor-text-primary)}.editor-tab--active{background:var(--editor-bg-primary);color:var(--editor-text-bright);border-bottom:2px solid var(--editor-accent-blue);margin-bottom:-1px}.editor-tab--modified .editor-tab__dot{display:block}.editor-tab__icon{font-size:14px}.editor-tab__name{max-width:150px;overflow:hidden;text-overflow:ellipsis}.editor-tab__dot{display:none;width:8px;height:8px;background:var(--editor-status-modified);border-radius:50%}.editor-tab__close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:3px;opacity:0;transition:all .1s ease}.editor-tab__close:hover{background:var(--editor-bg-active)}.editor-tab:hover .editor-tab__close{opacity:1}.editor-welcome{display:flex;align-items:center;justify-content:center;flex:1;text-align:center}.editor-welcome__content{max-width:500px;padding:2rem}.editor-welcome__logo{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--editor-accent-purple),var(--editor-accent-blue));color:#fff;border-radius:20px;font-size:40px;font-weight:600;margin-bottom:24px;box-shadow:0 8px 32px #6b57ff4d}.editor-welcome__title{font-size:28px;font-weight:600;color:var(--editor-text-bright);margin:0 0 8px}.editor-welcome__subtitle{font-size:14px;color:var(--editor-text-secondary);margin:0 0 32px}.editor-welcome__shortcuts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;text-align:left}.editor-welcome__shortcut{display:flex;align-items:center;gap:12px;padding:12px;background:var(--editor-bg-secondary);border:1px solid var(--editor-border-default);border-radius:8px;cursor:pointer;transition:all .15s ease}.editor-welcome__shortcut:hover{background:var(--editor-bg-tertiary);border-color:var(--editor-border-subtle)}.editor-welcome__shortcut-key{font-family:JetBrains Mono,SF Mono,monospace;font-size:11px;padding:4px 8px;background:var(--editor-bg-tertiary);border-radius:4px;color:var(--editor-text-secondary)}.editor-welcome__shortcut-label{font-size:13px;color:var(--editor-text-primary)}.editor-statusbar{display:flex;align-items:center;justify-content:space-between;height:24px;padding:0 12px;background:var(--editor-bg-tertiary);border-top:1px solid var(--editor-border-default);font-size:12px;flex-shrink:0;-webkit-user-select:none;user-select:none}.editor-statusbar__left,.editor-statusbar__right{display:flex;align-items:center;gap:16px}.editor-statusbar__item{display:flex;align-items:center;gap:4px;color:var(--editor-text-secondary);cursor:default}.editor-statusbar__item--clickable{cursor:pointer}.editor-statusbar__item--clickable:hover{color:var(--editor-text-primary)}.editor-statusbar__item--error{color:var(--editor-status-error)}.editor-statusbar__item--warning{color:var(--editor-status-warning)}.editor-statusbar__item--success{color:var(--editor-status-success)}.editor-statusbar__icon{font-size:14px}.editor-search__overlay{position:fixed;inset:0;background:#00000080;z-index:100}.editor-search__dialog{position:fixed;top:15%;left:50%;transform:translate(-50%);width:600px;max-width:90vw;background:var(--editor-bg-tertiary);border:1px solid var(--editor-border-default);border-radius:12px;box-shadow:0 24px 64px #00000080;z-index:101;overflow:hidden}.editor-search__header{padding:16px;border-bottom:1px solid var(--editor-border-default)}.editor-search__input{width:100%;padding:12px 16px;background:var(--editor-bg-elevated);border:1px solid var(--editor-border-subtle);border-radius:8px;color:var(--editor-text-bright);font-size:16px;outline:none;transition:border-color .15s ease}.editor-search__input:focus{border-color:var(--editor-accent-blue)}.editor-search__input::placeholder{color:var(--editor-text-muted)}.editor-search__results{max-height:400px;overflow-y:auto}.editor-search__result{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .1s ease}.editor-search__result:hover,.editor-search__result--selected{background:var(--editor-bg-active)}.editor-search__result-icon{width:20px;text-align:center;color:var(--editor-text-secondary)}.editor-search__result-text{flex:1}.editor-search__result-name{font-size:14px;color:var(--editor-text-primary)}.editor-search__result-path{font-size:12px;color:var(--editor-text-muted)}.editor-search__result-shortcut{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--editor-text-muted)}.editor-search__footer{padding:12px 16px;border-top:1px solid var(--editor-border-default);text-align:center;font-size:12px;color:var(--editor-text-muted)}.editor-chat{display:flex;flex-direction:column;height:100%;background:var(--editor-bg-secondary);border-left:1px solid var(--editor-border-default)}.editor-chat__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--editor-border-default)}.editor-chat__title{font-size:13px;font-weight:600;color:var(--editor-text-primary)}.editor-chat__actions{display:flex;gap:8px}.editor-chat__messages{flex:1;overflow-y:auto;padding:16px}.editor-chat__message{margin-bottom:16px}.editor-chat__message--user .editor-chat__message-content{background:var(--editor-accent-blue);color:#fff;border-radius:12px 12px 4px}.editor-chat__message--assistant .editor-chat__message-content{background:var(--editor-bg-tertiary);border-radius:12px 12px 12px 4px}.editor-chat__message-content{padding:10px 14px;font-size:13px;line-height:1.5}.editor-chat__input-area{padding:12px 16px;border-top:1px solid var(--editor-border-default)}.editor-chat__input{width:100%;padding:10px 14px;background:var(--editor-bg-tertiary);border:1px solid var(--editor-border-default);border-radius:8px;color:var(--editor-text-primary);font-size:13px;resize:none;outline:none}.editor-chat__input:focus{border-color:var(--editor-accent-blue)}.editor-chat__input::placeholder{color:var(--editor-text-muted)}@media (max-width: 1200px){.editor-sidebar__content{min-width:180px}}@media (max-width: 900px){.editor-sidebar{display:none}.editor-chat{position:fixed;right:0;top:38px;bottom:24px;width:320px;transform:translate(100%);transition:transform .3s ease;z-index:50}.editor-chat--open{transform:translate(0)}}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-full{width:100%}.w-auto{width:auto}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.p-0{padding:0}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.pt-12{padding-top:3rem}.pt-16{padding-top:4rem}.pt-20{padding-top:5rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-20{padding-bottom:5rem}.pl-4{padding-left:1rem}.pl-12{padding-left:3rem}.pr-4{padding-right:1rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1.1}.text-6xl{font-size:3.75rem;line-height:1.1}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.uppercase{text-transform:uppercase}.text-white{color:#fff}.text-black{color:#000}.text-gray-100{color:#f3f4f6}.text-gray-200{color:#e5e7eb}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-blue-300{color:#93c5fd}.text-blue-400{color:#60a5fa}.text-blue-500{color:#3b82f6}.text-blue-600{color:#2563eb}.text-green-400{color:#4ade80}.text-green-500{color:#22c55e}.text-red-300{color:#fca5a5}.text-red-400{color:#f87171}.text-red-400\/60{color:#f8717199}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-purple-300{color:#c4b5fd}.text-purple-400{color:#a78bfa}.text-purple-500{color:#8b5cf6}.text-cyan-400{color:#22d3ee}.text-cyan-500{color:#06b6d4}.text-orange-400{color:#fb923c}.text-amber-400{color:#fbbf24}.bg-transparent{background-color:transparent}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-gray-900{background-color:#111827}.bg-gray-800{background-color:#1f2937}.bg-blue-500{background-color:#3b82f6}.bg-blue-600{background-color:#2563eb}.bg-blue-900{background-color:#1e3a8a}.bg-green-500{background-color:#22c55e}.bg-purple-500{background-color:#8b5cf6}.bg-red-500{background-color:#ef4444}.bg-red-500\/5{background-color:#ef44440d}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/20{background-color:#ef444433}.bg-red-600{background-color:#dc2626}.bg-dark-950{background-color:#030712}.bg-dark-900{background-color:#0a0a0f}.bg-dark-850{background-color:#0d0d14}.bg-dark-800{background-color:#111118}.bg-dark-700{background-color:#1a1a24}.border-dark-600{border-color:#242430}.border-dark-700{border-color:#1a1a24}.border-dark-800{border-color:#111118}.border-dark-900{border-color:#0a0a0f}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-black\/30{background-color:#0000004d}.bg-black\/50{background-color:#00000080}.bg-black\/70{background-color:#000000b3}.bg-dark-900\/50{background-color:#0a0a0f80}.bg-dark-950\/95{background-color:#030712f2}.bg-purple-900\/30{background-color:#581c874d}.border{border-width:1px;border-style:solid}.border-0{border-width:0}.border-2{border-width:2px}.border-t{border-top-width:1px;border-top-style:solid}.border-b{border-bottom-width:1px;border-bottom-style:solid}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-gray-700{border-color:#374151}.border-gray-800{border-color:#1f2937}.border-blue-500{border-color:#3b82f6}.border-red-500{border-color:#ef4444}.border-red-500\/10{border-color:#ef44441a}.border-red-500\/20{border-color:#ef444433}.border-red-500\/30{border-color:#ef44444d}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.inset-0{inset:0}.top-0{top:0}.top-4{top:1rem}.top-16{top:4rem}.right-0{right:0}.right-4{right:1rem}.bottom-0{bottom:0}.left-0{left:0}.left-4{left:1rem}.top-1\/2{top:50%}.left-1\/2{left:50%}.-translate-x-1\/2{transform:translate(-50%)}.-translate-y-1\/2{transform:translateY(-50%)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.backdrop-blur-lg{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.transform{transform:translate(var(--tw-translate-x, 0)) translateY(var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skew(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.rotate-180{transform:rotate(180deg)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;user-select:none}@media (min-width: 640px){.sm\:flex{display:flex}.sm\:block{display:block}.sm\:hidden{display:none}.sm\:flex-row{flex-direction:row}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-4xl{font-size:2.25rem}.sm\:text-5xl{font-size:3rem}}@media (min-width: 768px){.md\:flex{display:flex}.md\:block{display:block}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.md\:grid-cols-5{grid-template-columns:repeat(5,1fr)}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:text-4xl{font-size:2.25rem}.md\:text-5xl{font-size:3rem}.md\:text-6xl{font-size:3.75rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}}@media (min-width: 1024px){.lg\:flex{display:flex}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:flex-row{flex-direction:row}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:grid-cols-5{grid-template-columns:repeat(5,1fr)}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-5xl{font-size:3rem}.lg\:text-6xl{font-size:3.75rem}}.hover\:text-white:hover{color:#fff}.hover\:text-blue-400:hover{color:#60a5fa}.hover\:text-blue-300:hover{color:#93c5fd}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-blue-600:hover{background-color:#2563eb}.hover\:text-red-400:hover{color:#f87171}.hover\:bg-red-500\/10:hover{background-color:#ef44441a}.hover\:bg-red-500\/20:hover{background-color:#ef444433}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.hover\:shadow-2xl:hover{box-shadow:0 25px 50px -12px #00000040}.hover\:border-blue-500:hover{border-color:#3b82f6}.group:hover .group-hover\:text-white{color:#fff}.group:hover .group-hover\:text-blue-300{color:#93c5fd}.group:hover .group-hover\:translate-x-1{transform:translate(.25rem)}.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--accent-primary)}.focus\:outline-none:focus{outline:none}.focus\:border-purple-500:focus{border-color:#8b5cf6}.focus\:border-blue-500:focus{border-color:#3b82f6}.hover\:text-purple-300:hover{color:#c4b5fd}.hover\:text-purple-400:hover{color:#a78bfa}.hover\:bg-purple-600:hover{background-color:#7c3aed}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-full{grid-column:1/-1}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.space-x-2>*+*{margin-left:.5rem}.space-x-4>*+*{margin-left:1rem}.divide-y>*+*{border-top:1px solid rgba(255,255,255,.1)}.divide-gray-700>*+*{border-color:#374151}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-purple-900\/30{--tw-gradient-from: rgba(88, 28, 135, .3);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)}.via-dark-950{--tw-gradient-stops: var(--tw-gradient-from), #030712, var(--tw-gradient-to, #030712)}.to-purple-900\/30{--tw-gradient-to: rgba(88, 28, 135, .3)}.from-blue-600{--tw-gradient-from: #2563eb;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)}.to-purple-600{--tw-gradient-to: #7c3aed}.text-gradient,.text-gradient--cyan,.text-gradient--purple,.unified-gradient-text-purple,.text-gradient--blue,.text-gradient--primary,.unified-gradient-text{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:100%}.text-gradient--primary,.unified-gradient-text{background-image:linear-gradient(135deg,var(--color-blue-400) 0%,var(--color-cyan-400) 100%)}.text-gradient--blue{background-image:linear-gradient(135deg,var(--color-blue-400) 0%,var(--color-blue-600) 100%)}.text-gradient--purple,.unified-gradient-text-purple{background-image:linear-gradient(135deg,var(--color-purple-400) 0%,var(--color-purple-600) 100%)}.text-gradient--cyan{background-image:linear-gradient(135deg,var(--color-cyan-400) 0%,var(--color-cyan-600) 100%)}.bg-gradient--hero{background:linear-gradient(180deg,var(--gradient-hero-start) 0%,var(--gradient-hero-mid) 50%,var(--gradient-hero-end) 100%)}.bg-gradient--blue{background:linear-gradient(135deg,var(--color-blue-600) 0%,var(--color-blue-800) 100%)}.bg-gradient--purple{background:linear-gradient(135deg,var(--color-purple-600) 0%,var(--color-purple-800) 100%)}.bg-gradient--cyan{background:linear-gradient(135deg,var(--color-cyan-600) 0%,var(--color-cyan-800) 100%)}.bg-gradient--section{position:relative;background:var(--bg-primary)}.bg-gradient--section:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(59,130,246,.05) 100%);pointer-events:none}.bg-gradient--cta{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--gradient-hero-mid) 50%,var(--bg-primary) 100%)}.bg-gradient--card-hover{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.glow--blue{box-shadow:0 0 60px var(--gradient-blue-glow)}.glow--purple{box-shadow:0 0 60px var(--gradient-purple-glow)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in{animation:fade-in var(--transition-slow) var(--ease-out)}.animate-fade-in-up{animation:fade-in-up var(--transition-slow) var(--ease-out)}.animate-fade-in-down{animation:fade-in-down var(--transition-slow) var(--ease-out)}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.animate-pulse-scale{animation:pulse-scale 2s ease-in-out infinite}.animate-bounce{animation:bounce 1s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-gradient{background-size:200% 200%;animation:gradient-shift 8s ease infinite}.transition-all{transition-property:all;transition-timing-function:var(--ease-default);transition-duration:var(--transition-normal)}.transition-colors{transition-property:color,background-color,border-color;transition-timing-function:var(--ease-default);transition-duration:var(--transition-fast)}.transition-transform{transition-property:transform;transition-timing-function:var(--ease-default);transition-duration:var(--transition-fast)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--ease-default);transition-duration:var(--transition-fast)}.hover\:scale-102:hover{transform:scale(1.02)}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:-translate-y-1:hover{transform:translateY(-4px)}.group:hover .group-hover\:translate-x-1{transform:translate(4px)}.group:hover .group-hover\:scale-110{transform:scale(1.1)}:root{--chat-bg: var(--bg-primary, #000);--chat-bg-secondary: var(--bg-secondary, #0a0a0a);--chat-bg-tertiary: var(--bg-tertiary, #111);--chat-surface: var(--bg-tertiary, #111);--chat-elevated: var(--bg-elevated, #1a1a24);--chat-text: var(--text-primary, #fff);--chat-text-secondary: var(--text-secondary, #999);--chat-text-muted: var(--text-muted, #666);--chat-muted: var(--text-muted, #666);--chat-text-disabled: var(--text-muted, #444);--chat-border: var(--border-default, rgba(255, 255, 255, .08));--chat-border-hover: var(--border-emphasis, rgba(255, 255, 255, .12));--chat-accent: var(--accent-primary, #6366f1);--chat-accent-secondary: var(--color-warning, #f59e0b);--chat-success: var(--color-success, #10b981);--chat-error: var(--color-error, #ef4444);--chat-warning: var(--color-warning, #f59e0b);--chat-info: var(--color-info, #3b82f6);--chat-sidebar-width: 260px;--chat-sidebar-collapsed: 60px;--chat-max-content: 800px;--chat-intelligence-panel: 320px;--chat-avatar-sm: 24px;--chat-avatar-md: 32px;--chat-avatar-lg: 48px;--chat-avatar-xl: 72px;--chat-radius-sm: 6px;--chat-radius-md: 10px;--chat-radius-lg: 12px;--chat-radius-xl: 20px;--chat-radius-full: 9999px;--chat-shadow-panel: 0 4px 12px rgba(0, 0, 0, .4);--chat-shadow-overlay: 0 25px 50px -12px rgba(0, 0, 0, .5);--chat-shadow-glow: 0 0 20px rgba(99, 102, 241, .4)}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes blink{50%{opacity:0}}.chat-messages-list{max-width:var(--chat-max-content, 800px);margin:0 auto}.chat-message{display:flex;gap:16px;padding:24px 0;animation:slideInUp var(--transition-normal, .2s) ease-out}.chat-message--user{display:flex;gap:16px;padding:24px 0;animation:slideInUp var(--transition-normal, .2s) ease-out;justify-content:flex-end;animation-name:slideInRight}.chat-message-avatar{width:var(--chat-avatar-md, 32px);height:var(--chat-avatar-md, 32px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--chat-avatar-md, 32px) * .44);font-weight:600;color:var(--text-primary, #fff);flex-shrink:0}.chat-message-avatar--with-status{width:var(--chat-avatar-md, 32px);height:var(--chat-avatar-md, 32px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--chat-avatar-md, 32px) * .44);font-weight:600;color:var(--text-primary, #fff);flex-shrink:0;position:relative}.chat-message-avatar--with-status .status-dot{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-primary, #000)}.chat-message-avatar--with-status .status-dot.online{background:var(--color-success, #22c55e)}.chat-message-avatar--with-status .status-dot.thinking{background:var(--color-warning, #f59e0b);animation:pulse 1.5s ease-in-out infinite}.chat-message-avatar--with-status .status-dot.offline{background:var(--text-muted, #64748b)}.chat-message-avatar--large{width:var(--chat-avatar-lg, 48px);height:var(--chat-avatar-lg, 48px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--chat-avatar-lg, 48px) * .44);font-weight:600;color:var(--text-primary, #fff);flex-shrink:0}.chat-message-body{flex:1;min-width:0}.chat-message--user .chat-message-body{max-width:70%}.chat-user-text{display:inline-block;background:var(--bg-elevated, #1a1a1a);padding:12px 18px;border-radius:20px 20px 4px;font-size:15px;line-height:1.5;margin:0;color:var(--text-primary, #fff)}.chat-assistant-content{font-size:15px;line-height:1.7;color:var(--text-primary, #fff)}.chat-assistant-content p{margin:0 0 12px}.chat-assistant-content p:last-child{margin-bottom:0}.chat-assistant-content--streaming:after{content:"";display:inline-block;width:8px;height:16px;background:var(--text-primary, #fff);margin-left:2px;animation:blink 1s step-end infinite}.chat-tool-calls{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.chat-tool-calls>*{animation:slideInUp var(--transition-normal, .2s) ease-out;animation-fill-mode:both}.chat-tool-calls>*:nth-child(1){animation-delay:0ms}.chat-tool-calls>*:nth-child(2){animation-delay:50ms}.chat-tool-calls>*:nth-child(3){animation-delay:.1s}.chat-tool-calls>*:nth-child(4){animation-delay:.15s}.chat-tool-calls>*:nth-child(5){animation-delay:.2s}.chat-message-actions{display:flex;align-items:center;justify-content:space-between;padding:12px 0 12px 48px;border-top:1px solid var(--border-muted, rgba(255, 255, 255, .05));margin-top:8px}.chat-action-group{display:flex;gap:4px}.chat-action-btn{width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--text-muted, #64748b);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast, .15s) var(--ease-default, cubic-bezier(.4, 0, .2, 1))}.chat-action-btn:hover{background:var(--bg-elevated, #1a1a24);color:var(--text-secondary, #cbd5e1)}.chat-action-btn:disabled{opacity:.5;cursor:not-allowed}.chat-action-btn{color:var(--text-muted, #555)}.chat-action-btn svg{width:16px;height:16px}.chat-action-btn:hover{background:var(--bg-elevated, #111);color:var(--text-secondary, #999)}.chat-pagination{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--chat-text-muted, #555)}.chat-thinking{padding:8px 12px;background:var(--bg-secondary, #0a0a0a);border-radius:8px;border:1px solid var(--border-default, rgba(255, 255, 255, .08));font-size:13px;color:var(--text-muted, #64748b);font-style:italic}.chat-message-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chat-attachment{display:flex;gap:8px;padding:8px 12px;background:var(--chat-bg-secondary, #0a0a0a);border:1px solid var(--chat-border, rgba(255, 255, 255, .08));border-radius:var(--chat-radius-md, 10px);font-size:13px;color:var(--chat-text-secondary, #999);transition:all var(--transition-fast, .15s) var(--ease-default, cubic-bezier(.4, 0, .2, 1));cursor:pointer}.chat-attachment:hover{border-color:var(--chat-border-hover, rgba(255, 255, 255, .12));color:var(--chat-text, #fff)}.chat-attachment .attachment-icon{width:16px;height:16px;flex-shrink:0}.chat-attachment .attachment-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.chat-attachment .attachment-size{color:var(--chat-text-muted, #666);font-size:11px}.chat-attachment--image{padding:4px;border-radius:var(--chat-radius-md, 10px)}.chat-attachment--image img{max-width:200px;max-height:200px;border-radius:calc(var(--chat-radius-md, 10px) - 4px);object-fit:cover}.chat-message--editing .chat-user-text{background:var(--chat-bg-tertiary, #111);border:1px solid var(--chat-accent, #6366f1)}.chat-edit-input{width:100%;padding:12px 16px;background:var(--chat-bg-secondary, #0a0a0a);border:1px solid var(--chat-border-hover, rgba(255, 255, 255, .12));border-radius:var(--chat-radius-lg, 12px);color:var(--chat-text, #fff);font-size:15px;line-height:1.5;resize:none;font-family:inherit}.chat-edit-input:focus{outline:none;border-color:var(--chat-accent, #6366f1)}.chat-empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--chat-text-muted, #555)}.chat-empty-state h2{font-size:18px;font-weight:500;margin:0 0 8px;color:var(--chat-text-secondary, #888)}.chat-empty-state p{font-size:14px;margin:0}.chat-welcome-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:600px;margin:0 auto;text-align:center}.chat-welcome-icon{width:var(--chat-avatar-xl, 72px);height:var(--chat-avatar-xl, 72px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--chat-avatar-xl, 72px) * .44);font-weight:600;color:var(--text-primary, #fff);flex-shrink:0;margin-bottom:20px}.chat-welcome-title{font-size:24px;font-weight:600;margin:0 0 8px}.chat-welcome-tagline{font-size:15px;color:var(--chat-text-muted, #666);margin:0 0 32px}.chat-prompt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.chat-prompt-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--chat-bg-secondary, #0a0a0a);border:1px solid var(--chat-border, rgba(255, 255, 255, .08));border-radius:var(--chat-radius-lg, 12px);color:var(--chat-text-secondary, #999);font-size:14px;text-align:left;cursor:pointer;transition:all var(--transition-fast, .15s) var(--ease-default, cubic-bezier(.4, 0, .2, 1))}.chat-prompt-card:hover{background:var(--chat-bg-tertiary, #111);border-color:var(--chat-border-hover, rgba(255, 255, 255, .12));color:var(--chat-text, #fff)}.chat-prompt-card:hover svg{opacity:1}.chat-prompt-card svg{width:16px;height:16px;opacity:0;transition:all var(--transition-fast, .15s) var(--ease-default, cubic-bezier(.4, 0, .2, 1))}.chat-input-container{padding:16px 24px 24px}.chat-input-box{display:flex;gap:8px;align-items:flex-end;max-width:var(--chat-max-content, 800px);margin:0 auto;background:var(--chat-bg-secondary, #0a0a0a);border:1px solid var(--chat-border, rgba(255, 255, 255, .08));border-radius:24px;padding:8px 8px 8px 16px;transition:all var(--transition-fast, .15s) var(--ease-default, cubic-bezier(.4, 0, .2, 1))}.chat-input-box:focus-within{border-color:var(--chat-border-hover, rgba(255, 255, 255, .12))}.chat-input-box--with-files{border-radius:16px;flex-direction:column;align-items:stretch;padding:12px}.chat-textarea{flex:1;background:transparent;border:none;outline:none;color:var(--chat-text, #fff);font-size:15px;line-height:1.5;resize:none;min-height:24px;max-height:200px;padding:8px 0;font-family:inherit}.chat-textarea::placeholder{color:var(--chat-text-disabled, #444)}.chat-textarea:disabled{opacity:.5;cursor:not-allowed}.chat-attach-btn{width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--text-muted, #64748b);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast, .15s) var(--ease-default, cubic-bezier(.4, 0, .2, 1))}.chat-attach-btn svg{width:18px;height:18px}.chat-attach-btn:hover{background:var(--bg-elevated, #1a1a24);color:var(--text-secondary, #cbd5e1)}.chat-attach-btn:disabled{opacity:.5;cursor:not-allowed}.chat-attach-btn{flex-shrink:0}.chat-attach-btn:hover{color:var(--chat-text-secondary, #999)}.chat-attach-btn svg{width:20px;height:20px}.chat-input-right{display:flex;gap:8px}.chat-mode-btn{display:flex;gap:6px;padding:8px 12px;background:transparent;border:1px solid var(--chat-border-hover, rgba(255, 255, 255, .12));border-radius:var(--chat-radius-md, 10px);color:var(--chat-text-muted, #777);font-size:13px;cursor:pointer;transition:all var(--transition-fast, .15s) var(--ease-default, cubic-bezier(.4, 0, .2, 1))}.chat-mode-btn:hover{background:var(--chat-bg-tertiary, #111);color:var(--chat-text-secondary, #999)}.chat-mode-btn svg{width:14px;height:14px}.chat-mode-btn .dropdown-arrow{width:12px;height:12px}.chat-send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:none;border-radius:50%;color:#000;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast, .15s) var(--ease-default, cubic-bezier(.4, 0, .2, 1))}.chat-send-btn:hover:not(:disabled){background:#e5e5e5}.chat-send-btn:disabled{background:#333;color:#555;cursor:not-allowed}.chat-send-btn svg{width:18px;height:18px}.chat-send-btn .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-file-upload-zone{position:relative;margin-bottom:12px;padding:16px;border:2px dashed var(--chat-border, rgba(255, 255, 255, .08));border-radius:var(--chat-radius-lg, 12px);background:var(--chat-bg-tertiary, #111);transition:all var(--transition-fast, .15s) var(--ease-default, cubic-bezier(.4, 0, .2, 1))}.chat-file-upload-zone.dragging{border-color:var(--chat-accent, #6366f1);background:#6366f11a}.chat-file-upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.chat-file-upload-content .upload-icon{width:32px;height:32px;color:var(--chat-text-muted, #666)}.chat-file-upload-content .upload-text{font-size:13px;color:var(--chat-text-secondary, #999)}.chat-file-upload-content .upload-hint{font-size:11px;color:var(--chat-text-muted, #666)}.chat-attached-files{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chat-attached-file{display:flex;gap:8px;padding:6px 10px;background:var(--chat-bg-secondary, #0a0a0a);border:1px solid var(--chat-border, rgba(255, 255, 255, .08));border-radius:var(--chat-radius-sm, 6px);font-size:12px;color:var(--chat-text-secondary, #999)}.chat-attached-file .file-icon{width:14px;height:14px}.chat-attached-file .file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.chat-attached-file .remove-btn{width:18px;height:18px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--text-muted, #64748b);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast, .15s) var(--ease-default, cubic-bezier(.4, 0, .2, 1))}.chat-attached-file .remove-btn svg{width:9px;height:9px}.chat-attached-file .remove-btn:hover{background:var(--bg-elevated, #1a1a24);color:var(--text-secondary, #cbd5e1)}.chat-attached-file .remove-btn:disabled{opacity:.5;cursor:not-allowed}.chat-attached-file .remove-btn{margin:-2px -4px -2px 0}.chat-attached-file .remove-btn svg{width:12px;height:12px}.chat-attached-file--image{padding:4px}.chat-attached-file--image img{width:48px;height:48px;border-radius:4px;object-fit:cover}.chat-upload-progress{display:flex;gap:8px;padding:8px 12px;background:var(--chat-bg-secondary, #0a0a0a);border-radius:var(--chat-radius-sm, 6px)}.chat-upload-progress .progress-info{display:flex;flex-direction:column;gap:4px;flex:1}.chat-upload-progress .progress-info .file-name{font-size:12px;color:var(--chat-text, #fff)}.chat-upload-progress .progress-bar{height:4px;background:var(--chat-border, rgba(255, 255, 255, .08));border-radius:2px;overflow:hidden}.chat-upload-progress .progress-bar .progress-fill{height:100%;background:var(--chat-accent, #6366f1);transition:all var(--transition-fast, .15s) var(--ease-default, cubic-bezier(.4, 0, .2, 1))}.chat-upload-progress .progress-percentage{font-size:11px;color:var(--chat-text-muted, #666);min-width:40px;text-align:right}.chat-char-count{font-size:11px;color:var(--chat-text-muted, #666);padding:0 8px}.chat-char-count.warning{color:var(--chat-warning, #f59e0b)}.chat-char-count.error{color:var(--chat-error, #ef4444)}.chat-keyboard-hint{display:flex;gap:4px;font-size:11px;color:var(--chat-text-muted, #666)}.chat-keyboard-hint kbd{padding:2px 5px;background:var(--chat-bg-tertiary, #111);border:1px solid var(--chat-border, rgba(255, 255, 255, .08));border-radius:3px;font-family:inherit;font-size:10px}.chat-sidebar{width:var(--chat-sidebar-width, 260px);height:100%;background:var(--bg-primary, #000);border-right:1px solid var(--border-default, rgba(255, 255, 255, .08));display:flex;flex-direction:column;transition:all var(--transition-normal, .2s) var(--ease-default, cubic-bezier(.4, 0, .2, 1))}.chat-sidebar.collapsed{width:var(--chat-sidebar-collapsed, 60px)}.chat-sidebar.collapsed .chat-search-btn span,.chat-sidebar.collapsed .chat-search-btn kbd,.chat-sidebar.collapsed .chat-nav-item span,.chat-sidebar.collapsed .chat-nav-item .chevron,.chat-sidebar.collapsed .chat-sub-items,.chat-sidebar.collapsed .chat-history-list{display:none}.chat-sidebar-logo{padding:16px;display:flex;align-items:center;justify-content:flex-start}.chat-logo-icon{width:28px;height:28px;color:var(--chat-text, #fff)}.chat-logo-icon svg{width:100%;height:100%}.chat-search-btn{display:flex;gap:10px;margin:4px 12px;padding:10px 14px;background:transparent;border:1px solid var(--chat-border-hover, rgba(255, 255, 255, .12));border-radius:var(--chat-radius-md, 10px);color:var(--chat-text-muted, #666);font-size:14px;cursor:pointer;transition:all var(--transition-fast, .15s) var(--ease-default, cubic-bezier(.4, 0, .2, 1))}.chat-search-btn:hover{background:var(--chat-bg-tertiary, #111);border-color:var(--chat-border-hover, rgba(255, 255, 255, .15))}.chat-search-btn svg{width:16px;height:16px;flex-shrink:0}.chat-search-btn span{flex:1;text-align:left}.chat-search-btn kbd{font-family:inherit;font-size:12px;color:var(--chat-text-muted, #555);background:var(--chat-bg-tertiary, #1a1a1a);padding:2px 6px;border-radius:4px}.chat-sidebar-nav{flex:1;overflow-y:auto;padding:8px 12px}.chat-sidebar-nav::-webkit-scrollbar{width:6px;height:6px}.chat-sidebar-nav::-webkit-scrollbar-track{background:transparent;border-radius:3px}.chat-sidebar-nav::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.chat-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#4d4d4d}.chat-sidebar-nav::-webkit-scrollbar-corner{background:transparent}.chat-sidebar-nav{scrollbar-width:thin;scrollbar-color:#333 transparent}.chat-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:10px;color:var(--text-secondary, #999);font-size:14px;font-weight:400;cursor:pointer;text-decoration:none;text-align:left;transition:all var(--transition-fast, .15s) var(--ease-default, cubic-bezier(.4, 0, .2, 1))}.chat-nav-item:hover{background:var(--bg-elevated, #111);color:var(--text-primary, #fff)}.chat-nav-item.active{color:var(--text-primary, #fff);background:var(--bg-elevated, #1a1a1a)}.chat-nav-item svg{width:20px;height:20px;flex-shrink:0}.chat-nav-item span{flex:1}.chat-nav-item .chevron{width:16px;height:16px;margin-left:auto;transition:transform var(--transition-normal, .2s)}.chat-nav-item .chevron.rotated{transform:rotate(90deg)}.chat-nav-section{margin-top:4px}.chat-sub-items{padding-left:20px;margin-top:4px}.chat-sub-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--text-tertiary, #777);font-size:13px;cursor:pointer;border-radius:8px;text-align:left;transition:all var(--transition-fast, .15s) var(--ease-default, cubic-bezier(.4, 0, .2, 1))}.chat-sub-item:hover{background:var(--bg-elevated, #111);color:var(--text-secondary, #ccc)}.chat-sub-item.active{color:var(--text-primary, #fff);background:var(--bg-elevated, #1a1a1a)}.chat-sub-item .agent-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chat-sub-item.see-all{color:var(--chat-text-muted, #555);text-decoration:none}.chat-agent-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chat-history-section{margin-top:auto}.chat-history-list{max-height:300px;overflow-y:auto;padding-left:8px}.chat-history-list::-webkit-scrollbar{width:6px;height:6px}.chat-history-list::-webkit-scrollbar-track{background:transparent;border-radius:3px}.chat-history-list::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.chat-history-list::-webkit-scrollbar-thumb:hover{background:#4d4d4d}.chat-history-list::-webkit-scrollbar-corner{background:transparent}.chat-history-list{scrollbar-width:thin;scrollbar-color:#333 transparent}.chat-history-group{margin-bottom:8px}.chat-history-label{display:block;padding:8px 12px 4px;font-size:11px;font-weight:500;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:.5px}.chat-history-item{display:block;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--text-tertiary, #777);font-size:13px;text-align:left;cursor:pointer;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all var(--transition-fast, .15s) var(--ease-default, cubic-bezier(.4, 0, .2, 1))}.chat-history-item:hover{background:var(--bg-elevated, #111);color:var(--text-secondary, #ccc)}.chat-history-item.active{color:var(--text-primary, #fff);background:var(--bg-elevated, #1a1a1a)}.chat-sidebar-toggle{width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--text-muted, #64748b);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast, .15s) var(--ease-default, cubic-bezier(.4, 0, .2, 1))}.chat-sidebar-toggle svg{width:16px;height:16px}.chat-sidebar-toggle:hover{background:var(--bg-elevated, #1a1a24);color:var(--text-secondary, #cbd5e1)}.chat-sidebar-toggle:disabled{opacity:.5;cursor:not-allowed}.chat-sidebar-toggle{position:absolute;top:16px;right:12px;z-index:10}.chat-sidebar-toggle svg{transition:all var(--transition-normal, .2s) var(--ease-default, cubic-bezier(.4, 0, .2, 1))}.chat-sidebar-toggle.collapsed svg{transform:rotate(180deg)}@media (max-width: 767px){.chat-sidebar{position:fixed;top:0;left:0;z-index:var(--z-overlay, 40);transform:translate(-100%);transition:all var(--transition-normal, .2s) var(--ease-default, cubic-bezier(.4, 0, .2, 1))}.chat-sidebar.open{transform:translate(0)}.chat-sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:calc(var(--z-overlay, 40) - 1);opacity:0;visibility:hidden;transition:all var(--transition-normal, .2s) var(--ease-default, cubic-bezier(.4, 0, .2, 1))}.chat-sidebar-overlay.open{opacity:1;visibility:visible}}.unified-heading{color:var(--text-primary);font-weight:var(--font-bold)}.unified-subheading{color:var(--text-secondary)}.unified-nav{background:#030712cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.unified-nav-link{color:var(--text-secondary);font-weight:var(--font-medium);transition:color var(--transition-fast) var(--ease-default)}.unified-nav-link:hover{color:var(--text-primary)}.unified-nav-link.active{color:var(--color-blue-400)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}