@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-mauve-50: oklch(98.5% 0 0); --color-mauve-100: oklch(96% .003 325.6); --color-mauve-200: oklch(92.2% .005 325.62); --color-mauve-300: oklch(86.5% .012 325.68); --color-mauve-400: oklch(71.1% .019 323.02); --color-mauve-500: oklch(54.2% .034 322.5); --color-mauve-600: oklch(43.5% .029 321.78); --color-mauve-700: oklch(36.4% .029 323.89); --color-mauve-800: oklch(26.3% .024 320.12); --color-mauve-900: oklch(21.2% .019 322.12); --color-mauve-950: oklch(14.5% .008 326); --color-olive-50: oklch(98.8% .003 106.5); --color-olive-100: oklch(96.6% .005 106.5); --color-olive-200: oklch(93% .007 106.5); --color-olive-300: oklch(88% .011 106.6); --color-olive-400: oklch(73.7% .021 106.9); --color-olive-500: oklch(58% .031 107.3); --color-olive-600: oklch(46.6% .025 107.3); --color-olive-700: oklch(39.4% .023 107.4); --color-olive-800: oklch(28.6% .016 107.4); --color-olive-900: oklch(22.8% .013 107.4); --color-olive-950: oklch(15.3% .006 107.1); --color-mist-50: oklch(98.7% .002 197.1); --color-mist-100: oklch(96.3% .002 197.1); --color-mist-200: oklch(92.5% .005 214.3); --color-mist-300: oklch(87.2% .007 219.6); --color-mist-400: oklch(72.3% .014 214.4); --color-mist-500: oklch(56% .021 213.5); --color-mist-600: oklch(45% .017 213.2); --color-mist-700: oklch(37.8% .015 216); --color-mist-800: oklch(27.5% .011 216.9); --color-mist-900: oklch(21.8% .008 223.9); --color-mist-950: oklch(14.8% .004 228.8); --color-taupe-50: oklch(98.6% .002 67.8); --color-taupe-100: oklch(96% .002 17.2); --color-taupe-200: oklch(92.2% .005 34.3); --color-taupe-300: oklch(86.8% .007 39.5); --color-taupe-400: oklch(71.4% .014 41.2); --color-taupe-500: oklch(54.7% .021 43.1); --color-taupe-600: oklch(43.8% .017 39.3); --color-taupe-700: oklch(36.7% .016 35.7); --color-taupe-800: oklch(26.8% .011 36.5); --color-taupe-900: oklch(21.4% .009 43.1); --color-taupe-950: oklch(14.7% .004 49.3); --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{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}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre{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{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}table{text-indent:0;border-color:inherit;border-collapse:collapse}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,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}::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}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;}@source "../index.html";@source "./*.css";@source "./components/**/*.tsx";@source "./components/**/*.ts";@source "./pages/**/*.tsx";@source "./pages/**/*.ts";@source "./hooks/**/*.ts";@source "./hooks/**/*.tsx";@source "./contexts/**/*.ts";@source "./contexts/**/*.tsx";@source "./App.tsx";@source "./index.tsx";@theme{ --color-primary-50: var(--theme-primary-50, 142 71% 88%); --color-primary-100: var(--theme-primary-100, 142 71% 88%); --color-primary-200: var(--theme-primary-200, 142 70% 82%); --color-primary-300: var(--theme-primary-300, 142 68% 73%); --color-primary-400: var(--theme-primary-400, 142 70% 58%); --color-primary-500: var(--theme-primary-500, 142 72% 35%); --color-primary-600: var(--theme-primary-600, 142 72% 28%); --color-primary-700: var(--theme-primary-700, 142 76% 27%); --color-primary-800: var(--theme-primary-800, 142 71% 25%); --color-primary-900: var(--theme-primary-900, 142 74% 20%); --color-neutral-50: var(--theme-neutral-50, 220 20% 97%); --color-neutral-100: var(--theme-neutral-100, 220 19% 93%); --color-neutral-200: var(--theme-neutral-200, 220 14% 86%); --color-neutral-300: var(--theme-neutral-300, 220 9% 71%); --color-neutral-400: var(--theme-neutral-400, 220 9% 60%); --color-neutral-500: var(--theme-neutral-500, 220 11% 42%); --color-neutral-600: var(--theme-neutral-600, 215 16% 35%); --color-neutral-700: var(--theme-neutral-700, 219 28% 22%); --color-neutral-800: var(--theme-neutral-800, 220 26% 12%); --color-neutral-900: var(--theme-neutral-900, 220 39% 8%); --color-neutral-950: var(--theme-neutral-950, 220 45% 4%); --color-indigo-50: var(--theme-indigo-50, 239 84% 98%); --color-indigo-100: var(--theme-indigo-100, 234 89% 95%); --color-indigo-200: var(--theme-indigo-200, 238 82% 90%); --color-indigo-300: var(--theme-indigo-300, 242 83% 83%); --color-indigo-400: var(--theme-indigo-400, 238 82% 75%); --color-indigo-500: var(--theme-indigo-500, 239 84% 67%); --color-indigo-600: var(--theme-indigo-600, 245 67% 55%); --color-indigo-700: var(--theme-indigo-700, 244 68% 50%); --color-indigo-800: var(--theme-indigo-800, 243 75% 45%); --color-indigo-900: var(--theme-indigo-900, 240 71% 40%); --color-blue-50: var(--theme-blue-50, 217 91% 97%); --color-blue-100: var(--theme-blue-100, 214 95% 94%); --color-blue-200: var(--theme-blue-200, 214 100% 87%); --color-blue-300: var(--theme-blue-300, 213 96% 78%); --color-blue-400: var(--theme-blue-400, 217 91% 67%); --color-blue-500: var(--theme-blue-500, 221 83% 53%); --color-blue-600: var(--theme-blue-600, 221 83% 53%); --color-blue-700: var(--theme-blue-700, 219 77% 46%); --color-blue-800: var(--theme-blue-800, 217 79% 40%); --color-blue-900: var(--theme-blue-900, 216 79% 35%); --color-orange-50: var(--theme-orange-50, 24 100% 97%); --color-orange-100: var(--theme-orange-100, 24 95% 90%); --color-orange-200: var(--theme-orange-200, 24 100% 78%); --color-orange-300: var(--theme-orange-300, 24 95% 68%); --color-orange-400: var(--theme-orange-400, 24 97% 58%); --color-orange-500: var(--theme-orange-500, 25 95% 53%); --color-orange-600: var(--theme-orange-600, 24 95% 53%); --color-orange-700: var(--theme-orange-700, 20 90% 48%); --color-orange-800: var(--theme-orange-800, 24 54% 39%); --color-orange-900: var(--theme-orange-900, 20 80% 35%); --color-red-50: var(--theme-red-50, 0 100% 97%); --color-red-100: var(--theme-red-100, 0 93% 94%); --color-red-200: var(--theme-red-200, 0 96% 89%); --color-red-300: var(--theme-red-300, 0 93% 82%); --color-red-400: var(--theme-red-400, 0 89% 74%); --color-red-500: var(--theme-red-500, 0 72% 51%); --color-red-600: var(--theme-red-600, 0 65% 45%); --color-red-700: var(--theme-red-700, 0 74% 42%); --color-red-800: var(--theme-red-800, 0 70% 38%); --color-red-900: var(--theme-red-900, 0 70% 35%); --color-green-50: var(--theme-green-50, 142 76% 96%); --color-green-100: var(--theme-green-100, 142 71% 88%); --color-green-200: var(--theme-green-200, 142 70% 82%); --color-green-300: var(--theme-green-300, 142 68% 73%); --color-green-400: var(--theme-green-400, 142 70% 58%); --color-green-500: var(--theme-green-500, 142 72% 42%); --color-green-600: var(--theme-green-600, 142 72% 30%); --color-green-700: var(--theme-green-700, 142 76% 27%); --color-green-800: var(--theme-green-800, 142 71% 25%); --color-green-900: var(--theme-green-900, 142 74% 20%); --color-purple-50: var(--theme-purple-50, 259 84% 98%); --color-purple-100: var(--theme-purple-100, 259 90% 95%); --color-purple-200: var(--theme-purple-200, 259 80% 91%); --color-purple-300: var(--theme-purple-300, 259 75% 84%); --color-purple-400: var(--theme-purple-400, 259 70% 74%); --color-purple-500: var(--theme-purple-500, 259 60% 66%); --color-purple-600: var(--theme-purple-600, 259 55% 55%); --color-purple-700: var(--theme-purple-700, 259 50% 50%); --color-purple-800: var(--theme-purple-800, 259 45% 45%); --color-purple-900: var(--theme-purple-900, 259 40% 40%); --color-yellow-50: var(--theme-yellow-50, 48 96% 96%); --color-yellow-100: var(--theme-yellow-100, 48 96% 91%); --color-yellow-200: var(--theme-yellow-200, 48 96% 82%); --color-yellow-300: var(--theme-yellow-300, 48 96% 72%); --color-yellow-400: var(--theme-yellow-400, 48 96% 61%); --color-yellow-500: var(--theme-yellow-500, 48 96% 53%); --color-yellow-600: var(--theme-yellow-600, 45 93% 47%); --color-yellow-700: var(--theme-yellow-700, 40 96% 42%); --color-yellow-800: var(--theme-yellow-800, 35 96% 36%); --color-yellow-900: var(--theme-yellow-900, 30 96% 30%); --color-pink-50: var(--theme-pink-50, 330 81% 98%); --color-pink-100: var(--theme-pink-100, 330 81% 94%); --color-pink-200: var(--theme-pink-200, 330 78% 89%); --color-pink-300: var(--theme-pink-300, 330 72% 81%); --color-pink-400: var(--theme-pink-400, 330 68% 70%); --color-pink-500: var(--theme-pink-500, 330 69% 56%); --color-pink-600: var(--theme-pink-600, 335 74% 51%); --color-pink-700: var(--theme-pink-700, 338 76% 44%); --color-pink-800: var(--theme-pink-800, 339 77% 39%); --color-pink-900: var(--theme-pink-900, 339 78% 35%); --color-cyan-50: var(--theme-cyan-50, 180 100% 97%); --color-cyan-100: var(--theme-cyan-100, 180 100% 91%); --color-cyan-200: var(--theme-cyan-200, 180 100% 82%); --color-cyan-300: var(--theme-cyan-300, 181 85% 68%); --color-cyan-400: var(--theme-cyan-400, 182 73% 52%); --color-cyan-500: var(--theme-cyan-500, 183 78% 41%); --color-cyan-600: var(--theme-cyan-600, 185 72% 35%); --color-cyan-700: var(--theme-cyan-700, 186 71% 31%); --color-cyan-800: var(--theme-cyan-800, 188 71% 27%); --color-cyan-900: var(--theme-cyan-900, 189 72% 24%); --color-emerald-50: var(--theme-emerald-50, 160 84% 96%); --color-emerald-100: var(--theme-emerald-100, 160 84% 92%); --color-emerald-200: var(--theme-emerald-200, 161 78% 84%); --color-emerald-300: var(--theme-emerald-300, 162 75% 73%); --color-emerald-400: var(--theme-emerald-400, 163 68% 59%); --color-emerald-500: var(--theme-emerald-500, 164 71% 48%); --color-emerald-600: var(--theme-emerald-600, 167 68% 42%); --color-emerald-700: var(--theme-emerald-700, 170 71% 36%); --color-emerald-800: var(--theme-emerald-800, 172 74% 31%); --color-emerald-900: var(--theme-emerald-900, 175 75% 26%); --color-sky-50: var(--theme-sky-50, 199 89% 96%); --color-sky-100: var(--theme-sky-100, 199 89% 92%); --color-sky-200: var(--theme-sky-200, 200 83% 85%); --color-sky-300: var(--theme-sky-300, 201 78% 73%); --color-sky-400: var(--theme-sky-400, 201 76% 58%); --color-sky-500: var(--theme-sky-500, 201 80% 46%); --color-sky-600: var(--theme-sky-600, 203 83% 40%); --color-sky-700: var(--theme-sky-700, 205 80% 35%); --color-sky-800: var(--theme-sky-800, 207 77% 31%); --color-sky-900: var(--theme-sky-900, 209 75% 27%); --color-amber-50: var(--theme-amber-50, 48 100% 96%); --color-amber-100: var(--theme-amber-100, 48 97% 89%); --color-amber-200: var(--theme-amber-200, 48 96% 76%); --color-amber-300: var(--theme-amber-300, 48 96% 60%); --color-amber-400: var(--theme-amber-400, 48 96% 50%); --color-amber-500: var(--theme-amber-500, 48 96% 39%); --color-amber-600: var(--theme-amber-600, 45 93% 36%); --color-amber-700: var(--theme-amber-700, 41 96% 31%); --color-amber-800: var(--theme-amber-800, 31 95% 28%); --color-amber-900: var(--theme-amber-900, 26 90% 25%); --color-teal-50: var(--theme-teal-50, 166 77% 97%); --color-teal-100: var(--theme-teal-100, 167 87% 89%); --color-teal-200: var(--theme-teal-200, 169 85% 78%); --color-teal-300: var(--theme-teal-300, 171 82% 60%); --color-teal-400: var(--theme-teal-400, 175 100% 31%); --color-teal-500: var(--theme-teal-500, 175 100% 26%); --color-teal-600: var(--theme-teal-600, 176 100% 21%); --color-teal-700: var(--theme-teal-700, 176 100% 19%); --color-teal-800: var(--theme-teal-800, 177 100% 17%); --color-teal-900: var(--theme-teal-900, 176 76% 18%); --color-rose-50: var(--theme-rose-50, 356 100% 97%); --color-rose-100: var(--theme-rose-100, 356 100% 95%); --color-rose-200: var(--theme-rose-200, 353 100% 90%); --color-rose-300: var(--theme-rose-300, 352 100% 82%); --color-rose-400: var(--theme-rose-400, 350 100% 70%); --color-rose-500: var(--theme-rose-500, 345 100% 56%); --color-rose-600: var(--theme-rose-600, 338 100% 39%); --color-rose-700: var(--theme-rose-700, 338 100% 33%); --color-rose-800: var(--theme-rose-800, 338 100% 30%); --color-rose-900: var(--theme-rose-900, 339 90% 29%); --animate-fade-in: fade-in .3s ease-out; --animate-fade-in-up: fade-in-up .5s ease-out; --animate-scale-in: scale-in .3s ease-out; --animate-pulse-slow: pulse-slow 3s cubic-bezier(.4, 0, .6, 1) infinite; --animate-wave: wave 2s linear infinite; --animate-shimmer: shimmer 1.5s linear infinite; --animate-input-shake: input-shake .5s cubic-bezier(.36, .07, .19, .97) both; --animate-success-pulse: success-pulse .6s ease-out both; --animate-pulse-subtle: pulse-subtle 2s cubic-bezier(.4, 0, .6, 1) infinite; }:root{--theme-primary-50: 142 71% 88%;--theme-primary-100: 142 71% 88%;--theme-primary-200: 142 70% 82%;--theme-primary-300: 142 68% 73%;--theme-primary-400: 142 70% 58%;--theme-primary-500: 142 72% 35%;--theme-primary-600: 142 72% 28%;--theme-primary-700: 142 76% 27%;--theme-primary-800: 142 71% 25%;--theme-primary-900: 142 74% 20%;--theme-neutral-50: 220 20% 97%;--theme-neutral-100: 220 19% 93%;--theme-neutral-200: 220 14% 86%;--theme-neutral-300: 220 9% 71%;--theme-neutral-400: 220 9% 60%;--theme-neutral-500: 220 11% 42%;--theme-neutral-600: 215 16% 35%;--theme-neutral-700: 219 28% 22%;--theme-neutral-800: 220 26% 12%;--theme-neutral-900: 220 39% 8%;--theme-neutral-950: 220 45% 4%;--theme-indigo-50: 239 84% 98%;--theme-indigo-100: 234 89% 95%;--theme-indigo-200: 238 82% 90%;--theme-indigo-300: 242 83% 83%;--theme-indigo-400: 238 82% 75%;--theme-indigo-500: 239 84% 67%;--theme-indigo-600: 245 67% 55%;--theme-indigo-700: 244 68% 50%;--theme-indigo-800: 243 75% 45%;--theme-indigo-900: 240 71% 40%;--theme-blue-50: 217 91% 97%;--theme-blue-100: 214 95% 94%;--theme-blue-200: 214 100% 87%;--theme-blue-300: 213 96% 78%;--theme-blue-400: 217 91% 67%;--theme-blue-500: 221 83% 53%;--theme-blue-600: 221 83% 53%;--theme-blue-700: 219 77% 46%;--theme-blue-800: 217 79% 40%;--theme-blue-900: 216 79% 35%;--theme-orange-50: 24 100% 97%;--theme-orange-100: 24 95% 90%;--theme-orange-200: 24 100% 78%;--theme-orange-300: 24 95% 68%;--theme-orange-400: 24 97% 58%;--theme-orange-500: 25 95% 53%;--theme-orange-600: 24 95% 53%;--theme-orange-700: 20 90% 48%;--theme-orange-800: 24 54% 39%;--theme-orange-900: 20 80% 35%;--theme-red-50: 0 100% 97%;--theme-red-100: 0 93% 94%;--theme-red-200: 0 96% 89%;--theme-red-300: 0 93% 82%;--theme-red-400: 0 89% 74%;--theme-red-500: 0 72% 51%;--theme-red-600: 0 65% 45%;--theme-red-700: 0 74% 42%;--theme-red-800: 0 70% 38%;--theme-red-900: 0 70% 35%;--theme-green-50: 142 76% 96%;--theme-green-100: 142 71% 88%;--theme-green-200: 142 70% 82%;--theme-green-300: 142 68% 73%;--theme-green-400: 142 70% 58%;--theme-green-500: 142 72% 42%;--theme-green-600: 142 72% 30%;--theme-green-700: 142 76% 27%;--theme-green-800: 142 71% 25%;--theme-green-900: 142 74% 20%;--theme-purple-50: 259 84% 98%;--theme-purple-100: 259 90% 95%;--theme-purple-200: 259 80% 91%;--theme-purple-300: 259 75% 84%;--theme-purple-400: 259 70% 74%;--theme-purple-500: 259 60% 66%;--theme-purple-600: 259 55% 55%;--theme-purple-700: 259 50% 50%;--theme-purple-800: 259 45% 45%;--theme-purple-900: 259 40% 40%;--theme-yellow-50: 48 96% 96%;--theme-yellow-100: 48 96% 91%;--theme-yellow-200: 48 96% 82%;--theme-yellow-300: 48 96% 72%;--theme-yellow-400: 48 96% 61%;--theme-yellow-500: 48 96% 53%;--theme-yellow-600: 45 93% 47%;--theme-yellow-700: 40 96% 42%;--theme-yellow-800: 35 96% 36%;--theme-yellow-900: 30 96% 30%;--theme-pink-50: 330 81% 98%;--theme-pink-100: 330 81% 94%;--theme-pink-200: 330 78% 89%;--theme-pink-300: 330 72% 81%;--theme-pink-400: 330 68% 70%;--theme-pink-500: 330 69% 56%;--theme-pink-600: 335 74% 51%;--theme-pink-700: 338 76% 44%;--theme-pink-800: 339 77% 39%;--theme-pink-900: 339 78% 35%;--theme-cyan-50: 180 100% 97%;--theme-cyan-100: 180 100% 91%;--theme-cyan-200: 180 100% 82%;--theme-cyan-300: 181 85% 68%;--theme-cyan-400: 182 73% 52%;--theme-cyan-500: 183 78% 41%;--theme-cyan-600: 185 72% 35%;--theme-cyan-700: 186 71% 31%;--theme-cyan-800: 188 71% 27%;--theme-cyan-900: 189 72% 24%;--theme-emerald-50: 160 84% 96%;--theme-emerald-100: 160 84% 92%;--theme-emerald-200: 161 78% 84%;--theme-emerald-300: 162 75% 73%;--theme-emerald-400: 163 68% 59%;--theme-emerald-500: 164 71% 48%;--theme-emerald-600: 167 68% 42%;--theme-emerald-700: 170 71% 36%;--theme-emerald-800: 172 74% 31%;--theme-emerald-900: 175 75% 26%;--theme-sky-50: 199 89% 96%;--theme-sky-100: 199 89% 92%;--theme-sky-200: 200 83% 85%;--theme-sky-300: 201 78% 73%;--theme-sky-400: 201 76% 58%;--theme-sky-500: 201 80% 46%;--theme-sky-600: 203 83% 40%;--theme-sky-700: 205 80% 35%;--theme-sky-800: 207 77% 31%;--theme-sky-900: 209 75% 27%;--theme-amber-50: 48 100% 96%;--theme-amber-100: 48 97% 89%;--theme-amber-200: 48 96% 76%;--theme-amber-300: 48 96% 60%;--theme-amber-400: 48 96% 50%;--theme-amber-500: 48 96% 39%;--theme-amber-600: 45 93% 36%;--theme-amber-700: 41 96% 31%;--theme-amber-800: 31 95% 28%;--theme-amber-900: 26 90% 25%;--theme-teal-50: 166 77% 97%;--theme-teal-100: 167 87% 89%;--theme-teal-200: 169 85% 78%;--theme-teal-300: 171 82% 60%;--theme-teal-400: 175 100% 31%;--theme-teal-500: 175 100% 26%;--theme-teal-600: 176 100% 21%;--theme-teal-700: 176 100% 19%;--theme-teal-800: 177 100% 17%;--theme-teal-900: 176 76% 18%;--theme-rose-50: 356 100% 97%;--theme-rose-100: 356 100% 95%;--theme-rose-200: 353 100% 90%;--theme-rose-300: 352 100% 82%;--theme-rose-400: 350 100% 70%;--theme-rose-500: 345 100% 56%;--theme-rose-600: 338 100% 39%;--theme-rose-700: 338 100% 33%;--theme-rose-800: 338 100% 30%;--theme-rose-900: 339 90% 29%}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.5}}@keyframes wave{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes input-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes input-shake-subtle{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes success-pulse{0%{transform:scale(1);border-color:rgb(var(--color-green-500))}50%{transform:scale(1.02);border-color:rgb(var(--color-green-400))}to{transform:scale(1);border-color:rgb(var(--color-green-300))}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}@media(prefers-reduced-motion:reduce){.animate-input-shake,.animate-success-pulse,.animate-pulse-subtle{animation:none!important}}.skeleton-wave{background-size:200% 100%!important}.skeleton-shimmer{background-size:1000px 100%!important}@keyframes hover-lift{0%{transform:translateY(0) scale(1);box-shadow:0 0 #0000}to{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}}@keyframes hover-glow{0%{box-shadow:0 0 #10b98166}to{box-shadow:0 0 0 8px #10b98100}}@keyframes hover-slide{0%{transform:translate(0)}to{transform:translate(8px)}}@keyframes hover-rotate{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes hover-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}:root{--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.25rem;--space-2xl: 1.5rem;--space-3xl: 2rem;--space-4xl: 2.5rem;--space-5xl: 3rem;--space-6xl: 4rem;--space-section-sm: 1.5rem;--space-section-md: 2rem;--space-section-lg: 3rem;--space-section-xl: 4rem;--space-component-xs: .5rem;--space-component-sm: .75rem;--space-component-md: 1rem;--space-component-lg: 1.5rem;--space-component-xl: 2rem}.spacing-xs{margin:var(--space-xs)}.spacing-sm{margin:var(--space-sm)}.spacing-md{margin:var(--space-md)}.spacing-lg{margin:var(--space-lg)}.spacing-xl{margin:var(--space-xl)}.spacing-2xl{margin:var(--space-2xl)}.spacing-3xl{margin:var(--space-3xl)}.spacing-4xl{margin:var(--space-4xl)}.spacing-5xl{margin:var(--space-5xl)}.spacing-6xl{margin:var(--space-6xl)}.section-spacing-sm{margin:var(--space-section-sm)}.section-spacing-md{margin:var(--space-section-md)}.section-spacing-lg{margin:var(--space-section-lg)}.section-spacing-xl{margin:var(--space-section-xl)}.component-spacing-xs{margin:var(--space-component-xs)}.component-spacing-sm{margin:var(--space-component-sm)}.component-spacing-md{margin:var(--space-component-md)}.component-spacing-lg{margin:var(--space-component-lg)}.component-spacing-xl{margin:var(--space-component-xl)}@media(max-width:640px){:root{--space-section-sm: 1rem;--space-section-md: 1.5rem;--space-section-lg: 2rem;--space-section-xl: 2.5rem}}.hover-lift{transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s cubic-bezier(.175,.885,.32,1.275),background-color .2s ease}.hover-lift:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 15px 35px -10px #00000026,0 8px 15px -5px #00000014}.hover-lift:hover:active{transform:translateY(-1px) scale(1.008);transition-duration:.1s}.card-rhythm{margin-bottom:var(--space-component-lg)}.card-rhythm-sm{margin-bottom:var(--space-component-md)}.card-rhythm-lg{margin-bottom:var(--space-component-xl)}.section-rhythm{margin-bottom:var(--space-section-md)}.section-rhythm-sm{margin-bottom:var(--space-section-sm)}.section-rhythm-lg{margin-bottom:var(--space-section-lg)}.form-field-rhythm{margin-bottom:var(--space-component-md)}.form-section-rhythm{margin-bottom:var(--space-section-sm)}.hover-glow{transition:box-shadow .3s cubic-bezier(.175,.885,.32,1.275)}.hover-glow:hover{box-shadow:0 0 0 8px #10b98140}.hover-glow:focus{box-shadow:0 0 0 8px #10b98159}.hover-slide-right:hover{transform:translate(6px);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.hover-slide-left:hover{transform:translate(-6px);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.hover-rotate:hover{animation:hover-rotate-enhanced .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes hover-rotate-enhanced{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.hover-float:hover{animation:hover-float-enhanced 2.5s cubic-bezier(.445,.05,.55,.95) infinite}@keyframes hover-float-enhanced{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-8px) scale(1.02)}75%{transform:translateY(-4px) scale(1.01)}}.hover-primary:hover{background-color:#10b9811a;color:#059669}.hover-secondary:hover{background-color:#6b72801a;color:#4b5563}.hover-underline{position:relative;text-decoration:none}.hover-underline:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:50%;background-color:#10b981;transition:width .3s ease,left .3s ease}.hover-underline:hover:after{width:100%;left:0}.btn-hover-primary{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-hover-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 25%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.1) 75%,transparent 100%);transition:left .6s cubic-bezier(.175,.885,.32,1.275);border-radius:inherit}.btn-hover-primary:hover:before{left:100%}.btn-hover-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 35px #10b98166,0 5px 15px #10b98133}.btn-hover-primary:active{transform:translateY(-1px) scale(1.01);transition-duration:.1s}.card-hover-enhanced{transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.hover-lift-enhanced{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),background-color .2s ease}.hover-lift-enhanced:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 12px 20px -5px #00000026,0 6px 10px -3px #00000014}.hover-lift-enhanced:active{transform:translateY(-1px) scale(1.005);transition-duration:.1s}.text-contrast-enhanced{text-shadow:0 1px 2px rgba(0,0,0,.02);color:hsl(var(--color-neutral-800))}.dark .text-contrast-enhanced{text-shadow:0 1px 2px rgba(0,0,0,.3);color:hsl(var(--color-neutral-200))}.typography-display{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:.85;letter-spacing:-.03em;color:hsl(var(--color-neutral-900));font-optical-sizing:auto;font-variation-settings:"wght" 900,"opsz" 72;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-spacing:-.02em}.typography-hero{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(3rem,8vw,6rem);font-weight:950;line-height:.8;letter-spacing:-.04em;color:hsl(var(--color-neutral-900));font-optical-sizing:auto;font-variation-settings:"wght" 950,"opsz" 96;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-spacing:-.025em}.dark .typography-hero{color:hsl(var(--color-neutral-50));text-shadow:0 3px 8px rgba(0,0,0,.4)}.typography-display-enhanced{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(2.75rem,7vw,5.5rem);font-weight:925;line-height:.82;letter-spacing:-.035em;color:hsl(var(--color-neutral-900));font-optical-sizing:auto;font-variation-settings:"wght" 925,"opsz" 84;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-spacing:-.022em}.dark .typography-display-enhanced{color:hsl(var(--color-neutral-50));text-shadow:0 2px 6px rgba(0,0,0,.3)}.dark .typography-display{color:hsl(var(--color-neutral-50));text-shadow:0 2px 4px rgba(0,0,0,.3)}.typography-headline{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(1.75rem,4vw,3rem);font-weight:800;line-height:1.05;letter-spacing:-.02em;color:hsl(var(--color-neutral-900));font-optical-sizing:auto;font-variation-settings:"wght" 800,"opsz" 48;text-rendering:optimizeLegibility;word-spacing:-.015em}.typography-headline-enhanced{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:825;line-height:1.02;letter-spacing:-.025em;color:hsl(var(--color-neutral-900));font-optical-sizing:auto;font-variation-settings:"wght" 825,"opsz" 56;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-spacing:-.018em}.dark .typography-headline-enhanced{color:hsl(var(--color-neutral-50));text-shadow:0 1px 4px rgba(0,0,0,.25)}.dark .typography-headline{color:hsl(var(--color-neutral-50));text-shadow:0 1px 3px rgba(0,0,0,.2)}.typography-subtitle{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;line-height:1.25;letter-spacing:-.01em;color:hsl(var(--color-neutral-800));font-optical-sizing:auto;font-variation-settings:"wght" 600,"opsz" 32;word-spacing:-.01em}.dark .typography-subtitle{color:hsl(var(--color-neutral-200))}.typography-body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(1rem,2.5vw,1.125rem);font-weight:400;line-height:1.75;color:hsl(var(--color-neutral-700));font-optical-sizing:auto;font-variation-settings:"wght" 400,"opsz" 16;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-spacing:.005em}.typography-body-enhanced{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(1.0625rem,2.75vw,1.25rem);font-weight:425;line-height:1.72;color:hsl(var(--color-neutral-700));font-optical-sizing:auto;font-variation-settings:"wght" 425,"opsz" 18;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-spacing:.006em}.dark .typography-body-enhanced{color:hsl(var(--color-neutral-300));line-height:1.78}.typography-reading{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(1.125rem,3vw,1.375rem);font-weight:410;line-height:1.8;letter-spacing:.008em;color:hsl(var(--color-neutral-700));font-optical-sizing:auto;font-variation-settings:"wght" 410,"opsz" 20;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-spacing:.01em;max-width:75ch}.dark .typography-reading{color:hsl(var(--color-neutral-300));line-height:1.85}.dark .typography-body{color:hsl(var(--color-neutral-300));line-height:1.8}.typography-caption{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(.875rem,2vw,.9375rem);font-weight:500;line-height:1.4;letter-spacing:.01em;color:hsl(var(--color-neutral-600));font-optical-sizing:auto;font-variation-settings:"wght" 500,"opsz" 14}.dark .typography-caption{color:hsl(var(--color-neutral-400))}.typography-small{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(.75rem,1.5vw,.8125rem);font-weight:400;line-height:1.35;letter-spacing:.008em;color:hsl(var(--color-neutral-500));font-optical-sizing:auto;font-variation-settings:"wght" 400,"opsz" 12}.dark .typography-small{color:hsl(var(--color-neutral-400))}.typography-overline{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(.625rem,1.25vw,.75rem);font-weight:700;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--color-primary-600));font-optical-sizing:auto}.dark .typography-overline{color:hsl(var(--color-primary-400))}.typography-quote{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(1.125rem,3vw,1.5rem);font-weight:300;font-style:italic;line-height:1.6;color:hsl(var(--color-neutral-700));font-optical-sizing:auto;font-variation-settings:"wght" 300,"slnt" -10,"opsz" 24;position:relative;padding-left:1.5rem;border-left:3px solid hsl(var(--color-primary-500))}.dark .typography-quote{color:hsl(var(--color-neutral-300));border-left-color:hsl(var(--color-primary-400))}.typography-enhanced{text-shadow:0 1px 2px rgba(0,0,0,.02);color:hsl(var(--color-neutral-800))}.dark .typography-enhanced{text-shadow:0 1px 2px rgba(0,0,0,.3);color:hsl(var(--color-neutral-200))}.color-surface-elevated{background:linear-gradient(135deg,hsl(var(--color-white) / .95),hsl(var(--color-neutral-50) / .9));border:1px solid hsl(var(--color-neutral-200) / .8);box-shadow:0 4px 12px hsl(var(--color-neutral-900) / .08),0 1px 3px hsl(var(--color-neutral-900) / .05),inset 0 1px hsl(var(--color-white) / .8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative}.color-surface-elevated:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,hsl(var(--color-white) / .1) 50%,transparent 100%);border-radius:inherit;pointer-events:none}.dark .color-surface-elevated{background:linear-gradient(135deg,hsl(var(--color-neutral-900) / .95),hsl(var(--color-neutral-800) / .9));border-color:hsl(var(--color-neutral-700) / .8);box-shadow:0 4px 12px hsl(var(--color-neutral-900) / .4),0 1px 3px hsl(var(--color-black) / .3),inset 0 1px hsl(var(--color-neutral-800) / .8)}.dark .color-surface-elevated:before{background:linear-gradient(135deg,transparent 0%,hsl(var(--color-white) / .05) 50%,transparent 100%)}.color-surface-floating{background:linear-gradient(135deg,hsl(var(--color-white) / .9),hsl(var(--color-white) / .7));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid hsl(var(--color-neutral-200) / .5);box-shadow:0 8px 32px hsl(var(--color-neutral-900) / .12),0 2px 8px hsl(var(--color-neutral-900) / .08),inset 0 1px hsl(var(--color-white) / .9);position:relative}.color-surface-floating:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,hsl(var(--color-white) / .2),transparent 60%);border-radius:inherit;pointer-events:none}.dark .color-surface-floating{background:linear-gradient(135deg,hsl(var(--color-neutral-900) / .9),hsl(var(--color-neutral-800) / .8));border-color:hsl(var(--color-neutral-700) / .5);box-shadow:0 8px 32px hsl(var(--color-neutral-900) / .5),0 2px 8px hsl(var(--color-black) / .4),inset 0 1px hsl(var(--color-neutral-700) / .8)}.dark .color-surface-floating:before{background:radial-gradient(circle at 30% 30%,hsl(var(--color-white) / .1),transparent 60%)}.color-success-subtle{background-color:hsl(var(--color-green-50));color:hsl(var(--color-green-700));border-color:hsl(var(--color-green-200))}.dark .color-success-subtle{background-color:hsl(var(--color-green-900) / .3);color:hsl(var(--color-green-300));border-color:hsl(var(--color-green-700) / .3)}.color-warning-subtle{background-color:hsl(var(--color-yellow-50));color:hsl(var(--color-yellow-700));border-color:hsl(var(--color-yellow-200))}.dark .color-warning-subtle{background-color:hsl(var(--color-yellow-900) / .3);color:hsl(var(--color-yellow-300));border-color:hsl(var(--color-yellow-700) / .3)}.color-error-subtle{background-color:hsl(var(--color-red-50));color:hsl(var(--color-red-700));border-color:hsl(var(--color-red-200))}.dark .color-error-subtle{background-color:hsl(var(--color-red-900) / .3);color:hsl(var(--color-red-300));border-color:hsl(var(--color-red-700) / .3)}.color-info-subtle{background-color:hsl(var(--color-blue-50));color:hsl(var(--color-blue-700));border-color:hsl(var(--color-blue-200))}.dark .color-info-subtle{background-color:hsl(var(--color-blue-900) / .3);color:hsl(var(--color-blue-300));border-color:hsl(var(--color-blue-700) / .3)}.interactive-primary{background-color:hsl(var(--color-primary-500));color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1)}.interactive-primary:hover{background-color:hsl(var(--color-primary-600));transform:translateY(-1px);box-shadow:0 4px 12px hsl(var(--color-primary-500) / .3)}.interactive-primary:active{background-color:hsl(var(--color-primary-700));transform:translateY(0);box-shadow:0 2px 6px hsl(var(--color-primary-500) / .3)}.interactive-secondary{background-color:hsl(var(--color-neutral-100));color:hsl(var(--color-neutral-700));border:1px solid hsl(var(--color-neutral-200));transition:all .2s cubic-bezier(.4,0,.2,1)}.dark .interactive-secondary{background-color:hsl(var(--color-neutral-800));color:hsl(var(--color-neutral-300));border-color:hsl(var(--color-neutral-700))}.interactive-secondary:hover{background-color:hsl(var(--color-neutral-200));color:hsl(var(--color-neutral-800));border-color:hsl(var(--color-neutral-300))}.dark .interactive-secondary:hover{background-color:hsl(var(--color-neutral-700));color:hsl(var(--color-neutral-200));border-color:hsl(var(--color-neutral-600))}.text-gradient-gold{background:linear-gradient(135deg,hsl(var(--color-yellow-500)),hsl(var(--color-amber-600)));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradient-shift 4s ease-in-out infinite}.text-gradient-sunset{background:linear-gradient(135deg,hsl(var(--color-orange-500)),hsl(var(--color-pink-500)));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradient-shift 5s ease-in-out infinite}.text-gradient-ocean{background:linear-gradient(135deg,hsl(var(--color-blue-500)),hsl(var(--color-cyan-500)));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradient-shift 6s ease-in-out infinite}.color-transition-smooth{transition:color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}.color-transition-bounce{transition:color .4s cubic-bezier(.68,-.55,.265,1.55),background-color .4s cubic-bezier(.68,-.55,.265,1.55),border-color .4s cubic-bezier(.68,-.55,.265,1.55)}.reading-enhanced{max-width:65ch;line-height:1.7;letter-spacing:.01em;word-spacing:.05em;font-variant-ligatures:common;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.reading-comfortable{line-height:1.8;letter-spacing:.02em;font-variant-ligatures:common;text-rendering:optimizeLegibility}.text-hierarchy-hero{font-size:clamp(2.5rem,8vw,5rem);font-weight:900;line-height:.9;letter-spacing:-.03em;font-variation-settings:"wght" 900,"opsz" 72;background:linear-gradient(135deg,hsl(var(--color-neutral-900)),hsl(var(--color-primary-700)));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 2px rgba(0,0,0,.1)}.dark .text-hierarchy-hero{background:linear-gradient(135deg,hsl(var(--color-neutral-50)),hsl(var(--color-primary-400)));text-shadow:0 1px 2px rgba(0,0,0,.3)}.text-hierarchy-1{font-size:clamp(1.875rem,5vw,3rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;font-variation-settings:"wght" 800,"opsz" 48}.text-hierarchy-2{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;line-height:1.2;letter-spacing:-.015em;font-variation-settings:"wght" 700,"opsz" 36}.text-hierarchy-3{font-size:clamp(1.25rem,3vw,1.875rem);font-weight:600;line-height:1.3;letter-spacing:-.01em;font-variation-settings:"wght" 600,"opsz" 28}.text-hierarchy-4{font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:600;line-height:1.4;letter-spacing:-.005em;font-variation-settings:"wght" 600,"opsz" 24}.text-body-enhanced{font-size:clamp(1rem,2vw,1.125rem);font-weight:400;line-height:1.75;letter-spacing:.005em;font-variation-settings:"wght" 400,"opsz" 16;text-rendering:optimizeLegibility}.text-caption-enhanced{font-size:clamp(.875rem,1.5vw,.9375rem);font-weight:500;line-height:1.4;letter-spacing:.01em;font-variation-settings:"wght" 500,"opsz" 14}.text-small-enhanced{font-size:clamp(.75rem,1.25vw,.8125rem);font-weight:400;line-height:1.35;letter-spacing:.008em;font-variation-settings:"wght" 400,"opsz" 12}.text-accessible-lg{font-size:clamp(1.125rem,2.5vw,1.375rem);line-height:1.8;letter-spacing:.01em}.text-accessible-xl{font-size:clamp(1.25rem,3vw,1.625rem);line-height:1.7;letter-spacing:.015em}.text-focus-enhanced{text-align:left;max-width:75ch;margin:0 auto;padding:1rem 0}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-gradient-primary{background:linear-gradient(135deg,hsl(var(--color-primary-600)),hsl(var(--color-primary-800)));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradient-shift 3s ease-in-out infinite}@keyframes gradient-shift{0%{background-position:0% 50%}25%{background-position:50% 25%}50%{background-position:100% 50%}75%{background-position:50% 75%}to{background-position:0% 50%}}.text-accessible-primary{color:hsl(var(--color-primary-700))}.dark .text-accessible-primary{color:hsl(var(--color-primary-300))}.dark .form-label-enhanced{color:hsl(var(--color-neutral-200))}.text-accessible-secondary{color:hsl(var(--color-neutral-600))}.dark .text-accessible-secondary{color:hsl(var(--color-neutral-400))}@media(max-width:640px){.typography-display{font-size:clamp(1.75rem,8vw,2.5rem);line-height:.9;letter-spacing:-.025em}.typography-headline{font-size:clamp(1.375rem,6vw,1.75rem);line-height:1.1;letter-spacing:-.015em}.typography-subtitle{font-size:clamp(1.125rem,4vw,1.375rem);line-height:1.3;letter-spacing:-.005em}.typography-body{font-size:clamp(.9375rem,3vw,1rem);line-height:1.7;letter-spacing:.005em}.typography-caption{font-size:clamp(.8125rem,2.5vw,.875rem);line-height:1.4}.typography-small{font-size:clamp(.75rem,2vw,.8125rem);line-height:1.35}}@media(min-width:1024px){.typography-display{font-size:4rem}.typography-headline{font-size:2.5rem}.typography-subtitle{font-size:1.5rem}.typography-body{font-size:1.0625rem}.typography-caption{font-size:.9375rem}.typography-small{font-size:.8125rem}}.mobile-gesture-feedback{-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative;user-select:none;-webkit-user-select:none;min-height:44px;min-width:44px}.mobile-gesture-feedback:before{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,rgba(16,185,129,.2) 40%,transparent 70%);transform:translate(-50%,-50%) scale(0);border-radius:50%;transition:transform .25s cubic-bezier(.175,.885,.32,1.275);pointer-events:none;z-index:1}.mobile-gesture-feedback:active:before{transform:translate(-50%,-50%) scale(1.2);transition-duration:.1s;background:radial-gradient(circle,rgba(255,255,255,.5) 0%,rgba(16,185,129,.3) 40%,transparent 70%)}.touch-target-enhanced{min-height:48px;min-width:48px;padding:12px;position:relative;border-radius:12px;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center}.touch-target-enhanced:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.touch-target-enhanced:active{transform:translateY(0) scale(.96);transition-duration:.1s}@media(max-width:640px){.touch-target-enhanced{min-height:52px;min-width:52px;padding:16px}.touch-target-enhanced:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0003}}.mobile-spacing-enhanced{padding:16px;margin:8px}@media(max-width:640px){.mobile-spacing-enhanced{padding:20px;margin:12px}}.hierarchy-section{margin-bottom:4rem;scroll-margin-top:6rem;position:relative}.hierarchy-section:before{content:"";position:absolute;top:-2rem;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsl(var(--color-neutral-200) / .5),transparent)}.dark .hierarchy-section:before{background:linear-gradient(90deg,transparent,hsl(var(--color-neutral-700) / .5),transparent)}.hierarchy-subsection{margin-bottom:2.5rem;scroll-margin-top:7rem}.hierarchy-compact{margin-bottom:1.25rem;scroll-margin-top:5rem}.hierarchy-micro{margin-bottom:.75rem}.spacing-section{padding:4rem 2rem;margin:2.5rem 0;position:relative}@media(max-width:768px){.spacing-section{padding:3rem 1.5rem;margin:2rem 0}}@media(max-width:640px){.spacing-section{padding:2.5rem 1rem;margin:1.5rem 0}}.spacing-subsection{padding:2.5rem 1.5rem;margin:2rem 0}@media(max-width:768px){.spacing-subsection{padding:2rem 1rem;margin:1.5rem 0}}.spacing-compact{padding:1.25rem 1.5rem;margin:1.25rem 0}@media(max-width:640px){.spacing-compact{padding:1rem;margin:1rem 0}}.flow-vertical{display:flex;flex-direction:column;gap:2rem}@media(max-width:768px){.flow-vertical{gap:1.5rem}}@media(max-width:640px){.flow-vertical{gap:1.25rem}}.flow-horizontal{display:flex;flex-direction:row;gap:2.5rem;align-items:stretch}@media(max-width:768px){.flow-horizontal{flex-direction:column;gap:1.75rem}}.flow-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}@media(max-width:768px){.flow-grid{gap:1.5rem;grid-template-columns:1fr}}@media(max-width:640px){.flow-grid{gap:1.25rem}}.content-group{background:hsl(var(--color-white) / .7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsl(var(--color-neutral-200) / .6);border-radius:16px;padding:2.5rem;margin:2rem 0;box-shadow:0 8px 32px hsl(var(--color-neutral-900) / .1),0 2px 8px hsl(var(--color-neutral-900) / .06),inset 0 1px hsl(var(--color-white) / .9);position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.content-group:hover{transform:translateY(-2px);box-shadow:0 12px 40px hsl(var(--color-neutral-900) / .12),0 4px 12px hsl(var(--color-neutral-900) / .08),inset 0 1px hsl(var(--color-white) / .95)}.dark .content-group{background:hsl(var(--color-neutral-900) / .7);border-color:hsl(var(--color-neutral-700) / .6);box-shadow:0 8px 32px hsl(var(--color-neutral-900) / .4),0 2px 8px hsl(var(--color-black) / .3),inset 0 1px hsl(var(--color-neutral-800) / .9)}.dark .content-group:hover{box-shadow:0 12px 40px hsl(var(--color-neutral-900) / .5),0 4px 12px hsl(var(--color-black) / .4),inset 0 1px hsl(var(--color-neutral-800) / .95)}.content-group-compact{padding:1.75rem;margin:1.25rem 0}.content-group-micro{padding:1.25rem;margin:.875rem 0}@media(max-width:768px){.content-group{padding:2rem;margin:1.5rem 0}.content-group-compact{padding:1.5rem;margin:1rem 0}.content-group-micro{padding:1rem;margin:.75rem 0}}.safe-area-enhanced{padding-left:env(safe-area-inset-left,16px);padding-right:env(safe-area-inset-right,16px);padding-top:env(safe-area-inset-top,16px);padding-bottom:env(safe-area-inset-bottom,16px)}.mobile-container{max-width:100%;padding:0 16px;margin:0 auto}@media(min-width:640px){.mobile-container{max-width:640px;padding:0 24px}}@media(min-width:768px){.mobile-container{max-width:768px;padding:0 32px}}@media(min-width:1024px){.mobile-container{max-width:1024px;padding:0 40px}}@media(min-width:1280px){.mobile-container{max-width:1280px;padding:0 48px}}.typography-mobile-fluid{font-size:clamp(.875rem,4vw,1.125rem);line-height:1.6}@media(min-width:768px){.typography-mobile-fluid{font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.7}}.typography-mobile-heading{font-size:clamp(1.5rem,6vw,2.5rem);line-height:1.2;font-weight:700}@media(min-width:768px){.typography-mobile-heading{font-size:clamp(2rem,4vw,3rem);line-height:1.1}}.mobile-grid{display:grid;gap:1rem;grid-template-columns:1fr;padding:0 1rem}@media(min-width:640px){.mobile-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:0 1.5rem}}@media(min-width:768px){.mobile-grid{grid-template-columns:repeat(3,1fr);gap:2rem;padding:0 2rem}}@media(min-width:1024px){.mobile-grid{grid-template-columns:repeat(4,1fr);gap:2.5rem}}.mobile-nav-optimized{position:sticky;top:0;z-index:50;background:hsl(var(--color-white) / .95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid hsl(var(--color-neutral-200) / .5);padding:.75rem 1rem}.dark .mobile-nav-optimized{background:hsl(var(--color-neutral-900) / .95);border-bottom-color:hsl(var(--color-neutral-700) / .5)}@media(min-width:768px){.mobile-nav-optimized{padding:1rem 2rem}}.mobile-form-enhanced{display:flex;flex-direction:column;gap:1.25rem}@media(min-width:640px){.mobile-form-enhanced{gap:1.5rem}}.mobile-form-field{width:100%;min-height:48px;font-size:16px;padding:12px 16px;border-radius:12px}@media(min-width:640px){.mobile-form-field{min-height:52px;font-size:16px;padding:14px 18px}}.mobile-card-stack{display:flex;flex-direction:column;gap:1rem;padding:0 1rem}@media(min-width:640px){.mobile-card-stack{gap:1.25rem;padding:0 1.5rem}}@media(min-width:768px){.mobile-card-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:0 2rem}}@media(min-width:1024px){.mobile-card-stack{grid-template-columns:repeat(3,1fr);gap:2rem}}.mobile-nav-enhanced{max-height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.swipe-gesture{touch-action:pan-y;-webkit-overflow-scrolling:touch}.mobile-card-stack{@media(max-width:640px){display:flex;flex-direction:column;gap:12px;padding:0 12px}}.mobile-text-responsive{font-size:clamp(.875rem,2.5vw,1rem);line-height:1.5}@media(max-width:640px){.mobile-text-responsive{font-size:clamp(1rem,3vw,1.125rem);line-height:1.6}}.haptic-feedback{position:relative}.haptic-feedback:active{animation:haptic-pulse-enhanced .12s ease-out}@keyframes haptic-pulse-enhanced{0%{transform:scale(1);box-shadow:0 0 #0000001a}50%{transform:scale(.97);box-shadow:0 0 0 4px #0000000d}to{transform:scale(1);box-shadow:0 0 #0000001a}}.skeleton-enhanced{background:linear-gradient(90deg,hsl(var(--color-neutral-200) / .8),hsl(var(--color-neutral-300) / .8),hsl(var(--color-neutral-200) / .8));background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:8px}.dark .skeleton-enhanced{background:linear-gradient(90deg,hsl(var(--color-neutral-700) / .8),hsl(var(--color-neutral-600) / .8),hsl(var(--color-neutral-700) / .8));background-size:200% 100%}.badge-pulse{position:relative;animation:badge-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}::selection{background-color:hsl(var(--color-primary-500) / .2);color:hsl(var(--color-primary-900))}.dark ::selection{background-color:hsl(var(--color-primary-400) / .3);color:hsl(var(--color-primary-100))}.mobile-touch-enhanced:active{transform:scale(.98);transition:transform .1s ease-out}.touch-gesture-card{touch-action:pan-y;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;transition:transform .2s ease-out;position:relative;overflow:hidden}.touch-gesture-card:before{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,rgba(16,185,129,.2) 40%,transparent 70%);transform:translate(-50%,-50%) scale(0);border-radius:50%;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);pointer-events:none;z-index:1}.touch-gesture-card:active:before{transform:translate(-50%,-50%) scale(1.2);transition-duration:.1s}.swipe-action{position:relative;touch-action:pan-x;overflow-x:hidden}.swipe-action-content{transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.swipe-action-actions{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.swipe-action--swiped .swipe-action-content{transform:translate(-80px)}.swipe-action--swiped .swipe-action-actions{transform:translate(0)}.pull-to-refresh{position:relative;min-height:100vh;touch-action:pan-y;-webkit-overflow-scrolling:touch}.pull-to-refresh-indicator{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:40px;height:40px;background:hsl(var(--color-primary-500));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.pull-to-refresh--pulling .pull-to-refresh-indicator{top:20px;transform:translate(-50%) scale(1.1)}.pull-to-refresh--refreshing .pull-to-refresh-indicator{animation:pull-to-refresh-spin 1s linear infinite}@keyframes pull-to-refresh-spin{to{transform:translate(-50%) rotate(360deg) scale(1.1)}}.long-press-target{touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;position:relative}.long-press-target:after{content:"";position:absolute;inset:-8px;background:hsl(var(--color-primary-500) / .1);border:2px solid hsl(var(--color-primary-500) / .3);border-radius:12px;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}@keyframes long-press-pulse{0%,to{transform:scale(1);background:hsl(var(--color-primary-500) / .1)}50%{transform:scale(1.05);background:hsl(var(--color-primary-500) / .2)}}.touch-nav-item{min-height:48px;min-width:48px;padding:12px 16px;display:flex;align-items:center;gap:12px;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .2s ease;border-radius:8px}.touch-nav-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsl(var(--color-primary-500) / .1) 0%,transparent 100%);border-radius:inherit;opacity:0;transition:opacity .2s ease}.touch-nav-item:active:before{opacity:1}.touch-nav-item:active{transform:scale(.95);transition-duration:.1s}.touch-button-enhanced{min-height:48px;min-width:48px;padding:12px 24px;font-size:16px;font-weight:600;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;position:relative;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:12px}.touch-button-enhanced:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.touch-button-enhanced:active:before{width:300px;height:300px}.touch-button-enhanced:active{transform:scale(.95);transition-duration:.1s}.gesture-feedback-tap{position:relative}.gesture-feedback-tap:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;background:radial-gradient(circle,hsl(var(--color-primary-500) / .3) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none}.gesture-feedback-tap:active:after{transform:translate(-50%,-50%) scale(1);opacity:1;animation:tap-feedback .3s ease-out}@keyframes tap-feedback{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.mobile-scroll-enhanced{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain}.mobile-scroll-enhanced::-webkit-scrollbar{width:4px;height:4px}.mobile-scroll-enhanced::-webkit-scrollbar-track{background:transparent}.mobile-scroll-enhanced::-webkit-scrollbar-thumb{background:hsl(var(--color-neutral-400) / .5);border-radius:2px}.mobile-scroll-enhanced::-webkit-scrollbar-thumb:hover{background:hsl(var(--color-primary-500) / .7)}.transition-all-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-colors-smooth{transition:color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}.button-depth-hover{transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.button-depth-hover:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.button-depth-hover:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.stagger-fade-in>*{animation:fade-in-up .6s ease-out forwards;opacity:0}.stagger-fade-in>*:nth-child(1){animation-delay:.1s}.stagger-fade-in>*:nth-child(2){animation-delay:.2s}.stagger-fade-in>*:nth-child(3){animation-delay:.3s}.stagger-fade-in>*:nth-child(4){animation-delay:.4s}.stagger-fade-in>*:nth-child(5){animation-delay:.5s}.link-underline-animated{position:relative;text-decoration:none;transition:color .3s ease}.link-underline-animated:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:currentColor;transition:width .3s cubic-bezier(.4,0,.2,1)}.link-underline-animated:hover:after{width:100%}.focus-management *:focus{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;border-radius:4px}.card-interactive{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid hsl(var(--color-neutral-200));border-radius:12px;overflow:hidden}.card-interactive:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:hsl(var(--color-primary-300))}.card-interactive:focus-visible{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px}.input-enhanced{transition:all .2s ease;border-width:1px}.input-enhanced:focus{transform:scale(1.02);box-shadow:0 0 0 3px hsl(var(--color-primary-500) / .1);border-width:2px}.loader-enhanced{display:inline-block;width:20px;height:20px;border:2px solid hsl(var(--color-neutral-200));border-radius:50%;border-top-color:hsl(var(--color-primary-500));animation:spin .8s linear infinite}.tooltip-enhanced{position:relative;cursor:help}.tooltip-enhanced:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:8px 12px;background:hsl(var(--color-neutral-900));color:#fff;font-size:12px;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;pointer-events:none}.tooltip-enhanced:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.card-hover-enhanced{transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.card-hover-enhanced:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,.15) 30%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.15) 70%,transparent 100%);transform:rotate(45deg) translate(-100%);transition:transform .8s cubic-bezier(.175,.885,.32,1.275);opacity:0;border-radius:50%;pointer-events:none}.card-hover-enhanced:hover:before{transform:rotate(45deg) translate(100%);opacity:1;animation:card-shimmer .8s cubic-bezier(.175,.885,.32,1.275)}.card-hover-enhanced:hover{transform:translateY(-12px) scale(1.025);box-shadow:0 35px 70px -15px #0000004d,0 15px 30px -10px #00000026,inset 0 1px #ffffff4d}@keyframes card-shimmer{0%{transform:rotate(45deg) translate(-100%) translateY(-100%);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:rotate(45deg) translate(100%) translateY(100%);opacity:0}}.focus-ring-enhanced:focus-visible{outline:none;box-shadow:0 0 0 4px #10b9814d;border-color:#10b981}.focus-visible-enhanced:focus-visible{outline:3px solid hsl(var(--color-primary-500));outline-offset:3px;border-radius:8px;box-shadow:0 0 0 6px hsl(var(--color-primary-500) / .3);transition:all .2s ease}.glass-effect{background:linear-gradient(135deg,#fffc,#fff9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #0000001a,inset 0 1px #fff6;position:relative}.glass-effect:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(255,255,255,.1) 100%);border-radius:inherit;pointer-events:none}.dark .glass-effect{background:linear-gradient(135deg,#000c,#1e1e1eb3);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 16px #0006,inset 0 1px #ffffff1a}.dark .glass-effect:before{background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%)}.glass-effect-subtle{background:#ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}.dark .glass-effect-subtle{background:#00000080;border:1px solid rgba(255,255,255,.1)}.glass-effect-strong{background:#ffffffe6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 24px #00000026,inset 0 1px #fff9}.dark .glass-effect-strong{background:#000000e6;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 24px #0009,inset 0 1px #ffffff26}.icon-xs{width:14px;height:14px}.icon-sm{width:18px;height:18px}.icon-md{width:22px;height:22px}.icon-lg{width:26px;height:26px}.icon-xl{width:36px;height:36px}.icon-2xl{width:52px;height:52px}.icon-3xl{width:68px;height:68px}.icon-accessible-enhanced{min-width:28px;min-height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;transition:all .25s cubic-bezier(.175,.885,.32,1.275);position:relative}.icon-accessible-enhanced:after{content:"";position:absolute;inset:-4px;border-radius:12px;background:transparent;transition:background-color .2s ease}.icon-accessible-enhanced:hover{background-color:hsl(var(--color-neutral-100) / .8);transform:scale(1.08)}.icon-accessible-enhanced:hover:after{background-color:hsl(var(--color-neutral-100) / .3)}.dark .icon-accessible-enhanced:hover{background-color:hsl(var(--color-neutral-700) / .8)}.dark .icon-accessible-enhanced:hover:after{background-color:hsl(var(--color-neutral-700) / .3)}.icon-accessible-enhanced:focus-visible{outline:3px solid hsl(var(--color-primary-500));outline-offset:2px;background-color:hsl(var(--color-primary-50) / .6)}.dark .icon-accessible-enhanced:focus-visible{background-color:hsl(var(--color-primary-900) / .4)}.icon-interactive-enhanced{transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;position:relative;overflow:visible;border-radius:inherit}.icon-interactive-enhanced:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,rgba(16,185,129,.2) 40%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:width .5s cubic-bezier(.175,.885,.32,1.275),height .5s cubic-bezier(.175,.885,.32,1.275);pointer-events:none;z-index:-1}.icon-interactive-enhanced:hover:before{width:250%;height:250%}.icon-interactive-enhanced:hover{transform:scale(1.2) rotate(8deg);filter:brightness(1.2) saturate(1.3)}.icon-interactive-enhanced:active{transform:scale(1.1) rotate(-3deg);transition-duration:.15s}.icon-bounce-physics{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.icon-bounce-physics:hover{animation:icon-bounce-physics-enhanced 1s cubic-bezier(.34,1.56,.64,1)}@keyframes icon-bounce-physics-enhanced{0%{transform:scale(1) translateY(0) rotate(0)}20%{transform:scale(1.15) translateY(-8px) rotate(3deg)}40%{transform:scale(.9) translateY(-12px) rotate(-4deg)}60%{transform:scale(1.08) translateY(6px) rotate(2deg)}80%{transform:scale(.96) translateY(-2px) rotate(-1deg)}to{transform:scale(1) translateY(0) rotate(0)}}.icon-breathing{animation:icon-breathe-enhanced 4s cubic-bezier(.445,.05,.55,.95) infinite}@keyframes icon-breathe-enhanced{0%,to{transform:scale(1);opacity:1;filter:brightness(1)}25%{transform:scale(1.06);opacity:.9;filter:brightness(1.1)}50%{transform:scale(1.12);opacity:.8;filter:brightness(1.15)}75%{transform:scale(1.04);opacity:.85;filter:brightness(1.08)}}.icon-gradient-shift{background:linear-gradient(135deg,hsl(var(--color-primary-500)),hsl(var(--color-primary-600)),hsl(var(--color-primary-700)),hsl(var(--color-primary-500)));background-size:400% 400%;transition:all .6s cubic-bezier(.175,.885,.32,1.275);border-radius:inherit}.icon-gradient-shift:hover{animation:icon-gradient-morph-enhanced 4s cubic-bezier(.445,.05,.55,.95) infinite;filter:brightness(1.3) drop-shadow(0 4px 8px hsl(var(--color-primary-500) / .4))}@keyframes icon-gradient-morph-enhanced{0%{background-position:0% 50%;transform:scale(1)}25%{background-position:50% 0%;transform:scale(1.05)}50%{background-position:100% 50%;transform:scale(1.1)}75%{background-position:50% 100%;transform:scale(1.05)}to{background-position:0% 50%;transform:scale(1)}}.icon-glow-enhanced{position:relative;transition:all .3s var(--ease-out-expo)}.icon-glow-enhanced:after{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle,hsl(var(--color-primary-400) / .4) 0%,hsl(var(--color-primary-500) / .2) 40%,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity .4s var(--ease-out-cubic);border-radius:inherit;filter:blur(2px);z-index:-1}.icon-glow-enhanced:hover:after{opacity:1;animation:icon-glow-pulse 2s var(--ease-in-out-back) infinite}@keyframes icon-glow-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.4}}.icon-wave-effect{transition:all .3s var(--ease-out-cubic)}.icon-wave-effect:hover{animation:icon-wave-complex .8s var(--ease-in-out-back)}@keyframes icon-wave-complex{0%{transform:translate(0) rotate(0) scale(1);filter:hue-rotate(0deg)}20%{transform:translate(-3px) rotate(-8deg) scale(1.05);filter:hue-rotate(10deg)}40%{transform:translate(4px) rotate(12deg) scale(1.1);filter:hue-rotate(-10deg)}60%{transform:translate(-2px) rotate(-6deg) scale(1.03);filter:hue-rotate(5deg)}80%{transform:translate(1px) rotate(3deg) scale(1.01);filter:hue-rotate(-2deg)}to{transform:translate(0) rotate(0) scale(1);filter:hue-rotate(0deg)}}.icon-magnetic-enhanced{transition:all .4s var(--ease-out-back);position:relative}.icon-magnetic-enhanced:hover{transform:scale(1.12) translateY(-4px) rotate(2deg);filter:drop-shadow(0 8px 16px hsl(var(--color-neutral-900) / .2)) brightness(1.1)}.icon-magnetic-enhanced:before{content:"";position:absolute;inset:-8px;border:2px dashed hsl(var(--color-primary-500) / .3);border-radius:50%;opacity:0;transform:scale(.8) rotate(0);transition:all .4s var(--ease-out-back)}.icon-magnetic-enhanced:hover:before{opacity:1;transform:scale(1) rotate(180deg)}.icon-spin-slow:hover{animation:spin-slow 2s linear infinite}.icon-spin-fast:hover{animation:spin-fast .5s linear infinite}.icon-spin-bounce:hover{animation:spin-bounce 1s var(--ease-in-out-back) infinite}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes spin-fast{to{transform:rotate(360deg)}}@keyframes spin-bounce{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.icon-flip-horizontal:hover{animation:flip-horizontal .6s var(--ease-out-expo)}.icon-flip-vertical:hover{animation:flip-vertical .6s var(--ease-out-expo)}@keyframes flip-horizontal{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes flip-vertical{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.icon-shake:hover{animation:shake .5s var(--ease-in-out-back)}.icon-wobble:hover{animation:wobble .8s var(--ease-in-out-back)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.animate-shake{animation:shake .5s ease-in-out}@keyframes wobble{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-5deg) scale(.95)}50%{transform:rotate(5deg) scale(1.05)}75%{transform:rotate(-3deg) scale(.98)}}.icon-pulse-subtle{animation:pulse-subtle 2s var(--ease-in-out-back) infinite}.icon-pulse-strong{animation:pulse-strong 1.5s var(--ease-in-out-back) infinite}@keyframes pulse-subtle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes pulse-strong{0%,to{transform:scale(1);opacity:1;filter:brightness(1)}50%{transform:scale(1.15);opacity:.7;filter:brightness(1.3)}}@keyframes badge-pulse-subtle{0%,to{transform:scale(1);box-shadow:0 0 0 0 currentColor}50%{transform:scale(1.02);box-shadow:0 0 0 3px currentColor}}@keyframes badge-pulse-moderate{0%,to{transform:scale(1);box-shadow:0 0 0 0 currentColor;opacity:1}50%{transform:scale(1.04);box-shadow:0 0 0 4px currentColor;opacity:.95}}@keyframes badge-pulse-strong{0%,to{transform:scale(1);box-shadow:0 0 0 0 currentColor;filter:brightness(1)}50%{transform:scale(1.06);box-shadow:0 0 0 5px currentColor;filter:brightness(1.1)}}.animate-badge-pulse-subtle{animation:badge-pulse-subtle var(--badge-pulse-duration, 2s) ease-in-out infinite}.animate-badge-pulse-moderate{animation:badge-pulse-moderate var(--badge-pulse-duration, 2s) ease-in-out infinite}.animate-badge-pulse-strong{animation:badge-pulse-strong var(--badge-pulse-duration, 2s) ease-in-out infinite}.icon-primary{color:hsl(var(--color-primary-600));filter:drop-shadow(0 1px 2px hsl(var(--color-primary-600) / .2))}.icon-secondary{color:hsl(var(--color-neutral-600));filter:drop-shadow(0 1px 2px hsl(var(--color-neutral-600) / .2))}.icon-success{color:hsl(var(--color-green-600));filter:drop-shadow(0 1px 2px hsl(var(--color-green-600) / .2))}.icon-warning{color:hsl(var(--color-orange-600));filter:drop-shadow(0 1px 2px hsl(var(--color-orange-600) / .2))}.icon-error{color:hsl(var(--color-red-600));filter:drop-shadow(0 1px 2px hsl(var(--color-red-600) / .2))}.icon-info{color:hsl(var(--color-blue-600));filter:drop-shadow(0 1px 2px hsl(var(--color-blue-600) / .2))}.icon-purple{color:hsl(var(--color-purple-600));filter:drop-shadow(0 1px 2px hsl(var(--color-purple-600) / .2))}.dark .icon-primary{color:hsl(var(--color-primary-400));filter:drop-shadow(0 1px 2px hsl(var(--color-primary-400) / .3))}.dark .icon-secondary{color:hsl(var(--color-neutral-400));filter:drop-shadow(0 1px 2px hsl(var(--color-neutral-400) / .3))}.dark .icon-success{color:hsl(var(--color-green-400));filter:drop-shadow(0 1px 2px hsl(var(--color-green-400) / .3))}.dark .icon-warning{color:hsl(var(--color-orange-400));filter:drop-shadow(0 1px 2px hsl(var(--color-orange-400) / .3))}.dark .icon-error{color:hsl(var(--color-red-400));filter:drop-shadow(0 1px 2px hsl(var(--color-red-400) / .3))}.dark .icon-info{color:hsl(var(--color-blue-400));filter:drop-shadow(0 1px 2px hsl(var(--color-blue-400) / .3))}.dark .icon-purple{color:hsl(var(--color-purple-400));filter:drop-shadow(0 1px 2px hsl(var(--color-purple-400) / .3))}.icon-bg-soft{background:linear-gradient(135deg,hsl(var(--color-neutral-100)),hsl(var(--color-neutral-50)));color:hsl(var(--color-neutral-700));padding:12px;border-radius:12px;border:1px solid hsl(var(--color-neutral-200) / .5);box-shadow:0 2px 8px hsl(var(--color-neutral-900) / .08),inset 0 1px hsl(var(--color-white) / .8);transition:all .3s cubic-bezier(.4,0,.2,1)}.icon-bg-soft:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px hsl(var(--color-neutral-900) / .12),inset 0 1px hsl(var(--color-white) / .9)}.dark .icon-bg-soft{background:linear-gradient(135deg,hsl(var(--color-neutral-800)),hsl(var(--color-neutral-850)));color:hsl(var(--color-neutral-300));border-color:hsl(var(--color-neutral-700) / .5);box-shadow:0 2px 8px hsl(var(--color-black) / .3),inset 0 1px hsl(var(--color-neutral-700) / .8)}.dark .icon-bg-soft:hover{box-shadow:0 4px 12px hsl(var(--color-black) / .4),inset 0 1px hsl(var(--color-neutral-600) / .9)}.icon-bg-primary{background:linear-gradient(135deg,hsl(var(--color-primary-100)),hsl(var(--color-primary-50)));color:hsl(var(--color-primary-700));padding:12px;border-radius:12px;border:1px solid hsl(var(--color-primary-200) / .5);box-shadow:0 2px 8px hsl(var(--color-primary-600) / .15),inset 0 1px hsl(var(--color-primary-100) / .8);transition:all .3s cubic-bezier(.4,0,.2,1)}.icon-bg-primary:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px hsl(var(--color-primary-600) / .25),inset 0 1px hsl(var(--color-primary-100) / .9)}.dark .icon-bg-primary{background:linear-gradient(135deg,hsl(var(--color-primary-900) / .4),hsl(var(--color-primary-900) / .6));color:hsl(var(--color-primary-300));border-color:hsl(var(--color-primary-700) / .5);box-shadow:0 2px 8px hsl(var(--color-primary-600) / .3),inset 0 1px hsl(var(--color-primary-700) / .8)}.dark .icon-bg-primary:hover{box-shadow:0 4px 12px hsl(var(--color-primary-600) / .4),inset 0 1px hsl(var(--color-primary-600) / .9)}.icon-bg-success{background:linear-gradient(135deg,hsl(var(--color-green-100)),hsl(var(--color-green-50)));color:hsl(var(--color-green-700));border-color:hsl(var(--color-green-200) / .5);box-shadow:0 2px 8px hsl(var(--color-green-600) / .15),inset 0 1px hsl(var(--color-green-100) / .8)}.icon-bg-warning{background:linear-gradient(135deg,hsl(var(--color-orange-100)),hsl(var(--color-orange-50)));color:hsl(var(--color-orange-700));border-color:hsl(var(--color-orange-200) / .5);box-shadow:0 2px 8px hsl(var(--color-orange-600) / .15),inset 0 1px hsl(var(--color-orange-100) / .8)}.icon-bg-error{background:linear-gradient(135deg,hsl(var(--color-red-100)),hsl(var(--color-red-50)));color:hsl(var(--color-red-700));border-color:hsl(var(--color-red-200) / .5);box-shadow:0 2px 8px hsl(var(--color-red-600) / .15),inset 0 1px hsl(var(--color-red-100) / .8)}.icon-bg-info{background:linear-gradient(135deg,hsl(var(--color-blue-100)),hsl(var(--color-blue-50)));color:hsl(var(--color-blue-700));border-color:hsl(var(--color-blue-200) / .5);box-shadow:0 2px 8px hsl(var(--color-blue-600) / .15),inset 0 1px hsl(var(--color-blue-100) / .8)}.icon-bg-purple{background:linear-gradient(135deg,hsl(var(--color-purple-100)),hsl(var(--color-purple-50)));color:hsl(var(--color-purple-700));border-color:hsl(var(--color-purple-200) / .5);box-shadow:0 2px 8px hsl(var(--color-purple-600) / .15),inset 0 1px hsl(var(--color-purple-100) / .8)}.icon-accessible:focus-visible{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;border-radius:var(--spacing-1)}.button-accessible{position:relative}.button-accessible:focus-visible{outline:3px solid hsl(var(--color-primary-500));outline-offset:2px;border-radius:12px;box-shadow:0 0 0 6px hsl(var(--color-primary-500) / .2)}.dark .button-accessible:focus-visible{box-shadow:0 0 0 6px hsl(var(--color-primary-400) / .3)}.skip-links-enhanced{position:fixed;top:-40px;left:6px;background:hsl(var(--color-primary-600));color:#fff;padding:8px;text-decoration:none;border-radius:0 0 8px 8px;z-index:9999;transition:top .3s ease;font-weight:600;font-size:14px;min-width:160px;text-align:center;box-shadow:0 4px 12px #00000026}.skip-links-enhanced:focus{top:6px;outline:3px solid hsl(var(--color-yellow-400));outline-offset:2px}.file-upload-accessible{position:relative}.file-upload-accessible:focus-visible{border-color:hsl(var(--color-primary-500));background-color:hsl(var(--color-primary-50) / .5);box-shadow:0 0 0 4px hsl(var(--color-primary-500) / .2)}.dark .file-upload-accessible:focus-visible{background-color:hsl(var(--color-primary-900) / .3);box-shadow:0 0 0 4px hsl(var(--color-primary-400) / .3)}.file-item-accessible{position:relative}.file-item-accessible:focus-visible{border-color:hsl(var(--color-primary-500));box-shadow:0 0 0 3px hsl(var(--color-primary-500) / .25)}.dark .file-item-accessible:focus-visible{border-color:hsl(var(--color-primary-400));box-shadow:0 0 0 3px hsl(var(--color-primary-400) / .35)}.file-upload-accessible.drag-over{border-color:hsl(var(--color-primary-500));background-color:hsl(var(--color-primary-50) / .8);transform:scale(1.02);box-shadow:0 8px 25px hsl(var(--color-primary-500) / .2)}.dark .file-upload-accessible.drag-over{background-color:hsl(var(--color-primary-900) / .5);box-shadow:0 8px 25px hsl(var(--color-primary-400) / .3)}.calendar-cell-accessible{position:relative}.calendar-cell-accessible:focus-visible{outline:3px solid hsl(var(--color-primary-500));outline-offset:-2px;box-shadow:inset 0 0 0 2px hsl(var(--color-white));z-index:10}.dark .calendar-cell-accessible:focus-visible{box-shadow:inset 0 0 0 2px hsl(var(--color-neutral-900))}.calendar-event-accessible{position:relative;z-index:5}.calendar-event-accessible:focus-visible{outline:2px solid hsl(var(--color-primary-600));outline-offset:1px;box-shadow:0 2px 8px hsl(var(--color-primary-500) / .3);z-index:15}.dark .calendar-event-accessible:focus-visible{outline-color:hsl(var(--color-primary-400));box-shadow:0 2px 8px hsl(var(--color-primary-400) / .4)}.calendar-cell-accessible:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.dark .calendar-cell-accessible:hover{box-shadow:0 2px 8px #0000004d}@media(prefers-contrast:high){.button-accessible:focus-visible{outline-width:4px;outline-color:hsl(var(--color-neutral-900));background-color:hsl(var(--color-yellow-300));color:hsl(var(--color-neutral-900))}.dark .button-accessible:focus-visible{outline-color:hsl(var(--color-white));background-color:hsl(var(--color-yellow-500));color:hsl(var(--color-neutral-900))}.file-upload-accessible:focus-visible,.file-item-accessible:focus-visible{outline-width:4px;outline-color:hsl(var(--color-neutral-900));background-color:hsl(var(--color-yellow-300))}.dark .file-upload-accessible:focus-visible,.dark .file-item-accessible:focus-visible{outline-color:hsl(var(--color-white));background-color:hsl(var(--color-yellow-500))}.calendar-cell-accessible:focus-visible{outline-width:4px;outline-color:hsl(var(--color-neutral-900));background-color:hsl(var(--color-yellow-300))}.dark .calendar-cell-accessible:focus-visible{outline-color:hsl(var(--color-white));background-color:hsl(var(--color-yellow-500))}.calendar-event-accessible:focus-visible{outline-width:3px;outline-color:hsl(var(--color-neutral-900));background-color:hsl(var(--color-yellow-400))}.dark .calendar-event-accessible:focus-visible{outline-color:hsl(var(--color-white));background-color:hsl(var(--color-yellow-500))}}.micro-bounce{transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}.micro-bounce:hover{animation:micro-bounce-enhanced .6s ease-out}@keyframes micro-bounce-enhanced{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-3px) scale(1.02)}50%{transform:translateY(-6px) scale(1.03)}75%{transform:translateY(-2px) scale(1.01)}}.hover-magnetic{transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative}.hover-magnetic:hover{transform:translateY(-6px) scale(1.05) rotate(1deg);box-shadow:0 20px 40px #00000026}.hover-ripple{position:relative;overflow:hidden}.hover-ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.hover-ripple:hover:before{width:300px;height:300px}.hover-parallax{transition:transform .3s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.hover-parallax:hover{transform:perspective(1000px) rotateX(5deg) rotateY(5deg) translateZ(20px)}.hover-morph{transition:all .5s cubic-bezier(.68,-.55,.265,1.55);border-radius:12px}.hover-morph:hover{border-radius:50%;transform:rotate(180deg) scale(1.1)}.hover-glow-pulse{transition:all .3s ease;position:relative}.hover-glow-pulse:after{content:"";position:absolute;inset:-4px;background:linear-gradient(45deg,hsl(var(--color-primary-500) / .3),hsl(var(--color-primary-600) / .3),hsl(var(--color-primary-700) / .3));border-radius:inherit;opacity:0;transition:opacity .3s ease;filter:blur(8px);z-index:-1}.hover-glow-pulse:hover:after{opacity:1;animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}.hover-distortion{transition:all .3s cubic-bezier(.4,0,.2,1);filter:contrast(100%) brightness(100%)}.hover-distortion:hover{filter:contrast(120%) brightness(110%) saturate(120%);transform:scale(1.02)}.hover-liquid{transition:all .6s cubic-bezier(.4,0,.2,1);border-radius:8px;overflow:hidden}.hover-liquid:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);transform:rotate(45deg) scale(0);transition:transform .6s cubic-bezier(.4,0,.2,1);border-radius:50%}.hover-liquid:hover:before{transform:rotate(45deg) scale(1)}.hover-neon{transition:all .3s ease;color:hsl(var(--color-neutral-900));text-shadow:0 0 0 transparent}.hover-neon:hover{color:hsl(var(--color-primary-400));text-shadow:0 0 10px hsl(var(--color-primary-400)),0 0 20px hsl(var(--color-primary-400)),0 0 30px hsl(var(--color-primary-400));transform:translateY(-2px)}.dark .hover-neon{color:hsl(var(--color-neutral-100))}.hover-3d-card{transition:all .3s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;perspective:1000px}.hover-3d-card:hover{transform:rotateY(10deg) rotateX(-5deg) translateZ(30px);box-shadow:-20px 20px 40px #0003,0 10px 20px #00000026}.hover-magnetic-pull{transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.hover-magnetic-pull:hover{animation:magnetic-pull 1s ease-in-out infinite}@keyframes magnetic-pull{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-3px) scale(1.02)}75%{transform:translate(3px) scale(1.02)}}.micro-rotate{transition:transform .3s cubic-bezier(.4,0,.2,1)}.micro-rotate:hover{transform:rotate(5deg) scale(1.05)}.micro-rotate:active{transform:rotate(-2deg) scale(.98)}.micro-scale{transition:transform .2s cubic-bezier(.4,0,.2,1)}.micro-scale:hover{transform:scale(1.05)}.micro-scale:active{transform:scale(.95)}.micro-glow{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.micro-glow:before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle,hsl(var(--color-primary-500) / .2),transparent 70%);border-radius:inherit;opacity:0;transition:opacity .3s ease;z-index:-1}.micro-glow:hover:before{opacity:1;animation:micro-glow-pulse 2s ease-in-out infinite}@keyframes micro-glow-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:.4}}.loading-shimmer-enhanced{background:linear-gradient(90deg,hsl(var(--color-neutral-200)),hsl(var(--color-neutral-100)),hsl(var(--color-neutral-200)));background-size:200% 100%;animation:loading-shimmer-enhanced 1.5s ease-in-out infinite}.dark .loading-shimmer-enhanced{background:linear-gradient(90deg,hsl(var(--color-neutral-700)),hsl(var(--color-neutral-600)),hsl(var(--color-neutral-700)))}@keyframes loading-shimmer-enhanced{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-base{background:linear-gradient(90deg,hsl(var(--color-neutral-200) / .8),hsl(var(--color-neutral-300) / .8),hsl(var(--color-neutral-200) / .8));background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:8px;position:relative;overflow:hidden}.dark .skeleton-base{background:linear-gradient(90deg,hsl(var(--color-neutral-700) / .8),hsl(var(--color-neutral-600) / .8),hsl(var(--color-neutral-700) / .8))}.skeleton-text{height:1em;margin:.25em 0;border-radius:4px}.skeleton-text--large{height:1.5em;margin:.5em 0;border-radius:6px}.skeleton-text--small{height:.75em;margin:.125em 0;border-radius:3px}.skeleton-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0}.skeleton-avatar--large{width:64px;height:64px}.skeleton-avatar--small{width:32px;height:32px}.skeleton-button{height:40px;border-radius:8px;min-width:80px}.skeleton-button--large{height:48px;border-radius:12px;min-width:120px}.skeleton-button--small{height:32px;border-radius:6px;min-width:60px}.skeleton-card{border-radius:12px;padding:20px;background:hsl(var(--color-neutral-50));border:1px solid hsl(var(--color-neutral-200))}.dark .skeleton-card{background:hsl(var(--color-neutral-900));border-color:hsl(var(--color-neutral-700))}.skeleton-card-header{display:flex;gap:12px;margin-bottom:16px}.skeleton-card-content{display:flex;flex-direction:column;gap:8px}.skeleton-list-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid hsl(var(--color-neutral-200))}.dark .skeleton-list-item{border-bottom-color:hsl(var(--color-neutral-700))}.skeleton-list-item:last-child{border-bottom:none}.skeleton-pulse{background:hsl(var(--color-neutral-200) / .6);border-radius:8px;animation:skeleton-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.dark .skeleton-pulse{background:hsl(var(--color-neutral-700) / .6)}.skeleton-wave{background:linear-gradient(90deg,transparent 0%,hsl(var(--color-neutral-200) / .4) 20%,hsl(var(--color-neutral-300) / .6) 50%,hsl(var(--color-neutral-200) / .4) 80%,transparent 100%);background-size:200% 100%;animation:skeleton-wave 1.8s ease-in-out infinite;border-radius:8px}.dark .skeleton-wave{background:linear-gradient(90deg,transparent 0%,hsl(var(--color-neutral-700) / .4) 20%,hsl(var(--color-neutral-600) / .6) 50%,hsl(var(--color-neutral-700) / .4) 80%,transparent 100%)}@keyframes skeleton-wave{0%{background-position:-100% 0}to{background-position:100% 0}}.skeleton-gradient{background:linear-gradient(135deg,hsl(var(--color-neutral-200) / .6),hsl(var(--color-neutral-300) / .8),hsl(var(--color-neutral-200) / .6));background-size:200% 200%;animation:skeleton-gradient 3s ease-in-out infinite;border-radius:8px}.dark .skeleton-gradient{background:linear-gradient(135deg,hsl(var(--color-neutral-700) / .6),hsl(var(--color-neutral-600) / .8),hsl(var(--color-neutral-700) / .6))}@keyframes skeleton-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.skeleton-progress{position:relative;background:hsl(var(--color-neutral-200) / .4);border-radius:8px;overflow:hidden}.dark .skeleton-progress{background:hsl(var(--color-neutral-700) / .4)}.skeleton-progress:before{content:"";position:absolute;top:0;left:0;height:100%;width:60%;background:linear-gradient(90deg,hsl(var(--color-primary-400) / .6),hsl(var(--color-primary-500) / .8),hsl(var(--color-primary-400) / .6));border-radius:8px;animation:skeleton-progress-bar 2s ease-in-out infinite}@keyframes skeleton-progress-bar{0%{width:20%;transform:translate(0)}50%{width:80%;transform:translate(0)}to{width:20%;transform:translate(300%)}}.skeleton-dots{display:flex;gap:8px;padding:12px}.skeleton-dots span{width:8px;height:8px;border-radius:50%;background:hsl(var(--color-neutral-300));animation:skeleton-dots-bounce 1.4s ease-in-out infinite both}.dark .skeleton-dots span{background:hsl(var(--color-neutral-600))}.skeleton-dots span:nth-child(1){animation-delay:-.32s}.skeleton-dots span:nth-child(2){animation-delay:-.16s}.skeleton-dots span:nth-child(3){animation-delay:0s}@keyframes skeleton-dots-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:20px}.skeleton-grid-item{background:hsl(var(--color-neutral-50));border:1px solid hsl(var(--color-neutral-200));border-radius:12px;padding:20px}.dark .skeleton-grid-item{background:hsl(var(--color-neutral-900));border-color:hsl(var(--color-neutral-700))}.skeleton-container{position:relative;overflow:hidden;border-radius:12px}.skeleton-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:skeleton-container-shine 2s ease-in-out infinite}.dark .skeleton-container:before{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%)}@keyframes skeleton-container-shine{0%{left:-100%}to{left:100%}}.sr-loading{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.sr-loading:before{content:"Loading content..."}.feedback-success{position:relative;overflow:hidden}.feedback-success:before{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-size:2rem;color:hsl(var(--color-green-500));font-weight:700;z-index:10;animation:feedback-success-check .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes feedback-success-check{0%{transform:translate(-50%,-50%) scale(0) rotate(-45deg);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2) rotate(10deg);opacity:1}to{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:0}}.feedback-error{position:relative;overflow:hidden}.feedback-error:before{content:"✕";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-size:2rem;color:hsl(var(--color-red-500));font-weight:700;z-index:10;animation:feedback-error-x .6s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes feedback-error-x{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.3) rotate(180deg);opacity:1}to{transform:translate(-50%,-50%) scale(0) rotate(360deg);opacity:0}}.feedback-warning{position:relative;overflow:hidden}.feedback-warning:before{content:"!";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-size:2rem;color:hsl(var(--color-orange-500));font-weight:700;z-index:10;animation:feedback-warning-pulse .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes feedback-warning-pulse{0%{transform:translate(-50%,-50%) scale(0);opacity:0}25%{transform:translate(-50%,-50%) scale(1.5);opacity:1}75%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(0);opacity:0}}.feedback-copy{position:relative}.feedback-copy:after{content:"Copied!";position:absolute;top:-30px;left:50%;transform:translate(-50%) translateY(10px) scale(0);background:hsl(var(--color-neutral-900));color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:20}.feedback-save{position:relative;overflow:hidden}.feedback-save:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,hsl(var(--color-green-400) / .3) 50%,transparent 100%);animation:feedback-save-sweep 1s cubic-bezier(.4,0,.2,1) forwards}@keyframes feedback-save-sweep{0%{left:-100%;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}.feedback-delete{position:relative;animation:feedback-delete-shake .5s cubic-bezier(.36,.07,.19,.97) forwards}@keyframes feedback-delete-shake{0%,to{transform:translate(0);opacity:1}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}to{opacity:0;transform:scale(.8)}}.feedback-upload{position:relative;overflow:hidden}.feedback-upload:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;background:linear-gradient(180deg,hsl(var(--color-primary-400) / .3) 0%,transparent 100%);animation:feedback-upload-progress 2s cubic-bezier(.4,0,.2,1) forwards}@keyframes feedback-upload-progress{0%{height:0;opacity:.8}50%{height:100%;opacity:.6}to{height:100%;opacity:0}}.feedback-loading{position:relative;pointer-events:none}.feedback-loading:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid hsl(var(--color-primary-300));border-top-color:hsl(var(--color-primary-500));border-radius:50%;animation:feedback-loading-spin .8s linear infinite;z-index:15}@keyframes feedback-loading-spin{to{transform:rotate(360deg)}}.feedback-heart{position:relative;color:hsl(var(--color-neutral-400));transition:color .2s ease}.feedback-heart:before{content:"♥";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);color:hsl(var(--color-red-500));z-index:10;font-size:1.5em;opacity:0}.feedback-heart--active{color:hsl(var(--color-red-500));animation:feedback-heart-beat .8s cubic-bezier(.4,0,.2,1)}.feedback-heart--active:before{animation:feedback-heart-pop .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes feedback-heart-beat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(.95)}75%{transform:scale(1.05)}}@keyframes feedback-heart-pop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}25%{transform:translate(-50%,-50%) scale(1.3);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.feedback-star{position:relative;color:hsl(var(--color-neutral-300));transition:color .2s ease;cursor:pointer}.feedback-star:before{content:"★";position:absolute;top:0;left:0;color:hsl(var(--color-yellow-400));opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.feedback-star--active{color:hsl(var(--color-yellow-400))}.feedback-star--active:before{opacity:1;transform:scale(1);animation:feedback-star-burst .6s cubic-bezier(.4,0,.2,1)}@keyframes feedback-star-burst{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.2) rotate(180deg);opacity:1}to{transform:scale(1) rotate(360deg);opacity:1}}.feedback-thumbs-up{position:relative;color:hsl(var(--color-neutral-400));transition:color .2s ease}.feedback-thumbs-up:before{content:"👍";position:absolute;top:0;left:0;transform:scale(0);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.feedback-thumbs-up--active{color:hsl(var(--color-green-500));animation:feedback-thumbs-up-pop .5s cubic-bezier(.4,0,.2,1)}.feedback-thumbs-up--active:before{transform:scale(1);opacity:1}@keyframes feedback-thumbs-up-pop{0%{transform:scale(0) rotate(-15deg);opacity:0}50%{transform:scale(1.3) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.feedback-ripple{position:relative;overflow:hidden}.feedback-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,hsl(var(--color-primary-500) / .3) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease,opacity .6s ease;opacity:0}@keyframes feedback-ripple-expand{0%{width:0;height:0;opacity:1}to{width:300px;height:300px;opacity:0}}.feedback-pulse{animation:feedback-pulse-effect .6s cubic-bezier(.4,0,.2,1)}@keyframes feedback-pulse-effect{0%{transform:scale(1);box-shadow:0 0 #10b98166}70%{transform:scale(1.05);box-shadow:0 0 0 10px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}.feedback-border-flash{position:relative}.feedback-border-flash:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,transparent,hsl(var(--color-green-400)),transparent);border-radius:inherit;opacity:0;animation:feedback-border-flash-effect 1s ease-out forwards;z-index:-1}@keyframes feedback-border-flash-effect{0%{opacity:0;transform:scale(.95)}50%{opacity:1;transform:scale(1.02)}to{opacity:0;transform:scale(1)}}.sr-feedback{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.sr-feedback:before{content:attr(data-feedback)}@media(prefers-reduced-motion:reduce){.feedback-success:before,.feedback-error:before,.feedback-warning:before,.feedback-save:before,.feedback-delete,.feedback-upload:before,.feedback-loading:before,.feedback-heart--active,.feedback-heart--active:before,.feedback-star--active:before,.feedback-thumbs-up--active,.feedback-thumbs-up--active:before,.feedback-pulse,.feedback-border-flash:before{animation:none!important;transition:none!important;transform:none!important}}@media(prefers-reduced-motion:reduce){.skeleton-base,.skeleton-pulse,.skeleton-wave,.skeleton-gradient,.skeleton-progress:before,.skeleton-dots span,.skeleton-container:before,.loading-shimmer-enhanced{animation:none!important;transition:none!important}.skeleton-base,.skeleton-pulse{opacity:.6}}.loading-dots span{width:8px;height:8px;border-radius:50%;background:hsl(var(--color-primary-500));animation:loading-dots-bounce 1.4s ease-in-out infinite both}.status-indicator{position:relative;display:inline-block;width:12px;height:12px;border-radius:50%}.status-indicator.active{background:hsl(var(--color-green-500));box-shadow:0 0 0 3px hsl(var(--color-green-500) / .2);animation:status-pulse-green 2s ease-in-out infinite}.status-indicator.idle{background:hsl(var(--color-yellow-500));box-shadow:0 0 0 3px hsl(var(--color-yellow-500) / .2)}.status-indicator.error{background:hsl(var(--color-red-500));box-shadow:0 0 0 3px hsl(var(--color-red-500) / .2);animation:status-pulse-red 1.5s ease-in-out infinite}@keyframes status-pulse-green{0%,to{box-shadow:0 0 0 3px hsl(var(--color-green-500) / .2)}50%{box-shadow:0 0 0 8px hsl(var(--color-green-500) / .1)}}@keyframes status-pulse-red{0%,to{box-shadow:0 0 0 3px hsl(var(--color-red-500) / .2)}50%{box-shadow:0 0 0 8px hsl(var(--color-red-500) / .1)}}.progressive-disclosure{transition:all .4s cubic-bezier(.4,0,.2,1);transform-origin:top center;overflow:hidden}.progressive-disclosure--expanded{max-height:1000px;opacity:1;transform:scaleY(1) translateY(0);visibility:visible}.progressive-disclosure--collapsed{max-height:0;opacity:0;transform:scaleY(.8) translateY(-10px);visibility:hidden}.progressive-disclosure--expanding{animation:progressive-expand .5s cubic-bezier(.4,0,.2,1) forwards}.progressive-disclosure--collapsing{animation:progressive-collapse .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes progressive-expand{0%{max-height:0;opacity:0;transform:scaleY(.9) translateY(-8px);visibility:hidden}50%{opacity:.5;transform:scaleY(.95) translateY(-4px)}to{max-height:1000px;opacity:1;transform:scaleY(1) translateY(0);visibility:visible}}@keyframes progressive-collapse{0%{max-height:1000px;opacity:1;transform:scaleY(1) translateY(0);visibility:visible}50%{opacity:.5;transform:scaleY(.95) translateY(-4px)}to{max-height:0;opacity:0;transform:scaleY(.9) translateY(-8px);visibility:hidden}}.progressive-disclosure-staggered>*{opacity:0;transform:translateY(20px) scale(.95);animation:progressive-stagger-item .5s cubic-bezier(.4,0,.2,1) forwards}.progressive-disclosure-staggered>*:nth-child(1){animation-delay:.1s}.progressive-disclosure-staggered>*:nth-child(2){animation-delay:.15s}.progressive-disclosure-staggered>*:nth-child(3){animation-delay:.2s}.progressive-disclosure-staggered>*:nth-child(4){animation-delay:.25s}.progressive-disclosure-staggered>*:nth-child(5){animation-delay:.3s}.progressive-disclosure-staggered>*:nth-child(6){animation-delay:.35s}.progressive-disclosure-staggered>*:nth-child(7){animation-delay:.4s}.progressive-disclosure-staggered>*:nth-child(8){animation-delay:.45s}@keyframes progressive-stagger-item{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.accordion-disclosure{border-radius:8px;overflow:hidden;background:hsl(var(--color-neutral-50));border:1px solid hsl(var(--color-neutral-200));transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .accordion-disclosure{background:hsl(var(--color-neutral-900));border-color:hsl(var(--color-neutral-700))}.accordion-disclosure--expanded{box-shadow:0 4px 12px hsl(var(--color-neutral-900) / .1)}.accordion-disclosure-header{cursor:pointer;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease;user-select:none}.accordion-disclosure-header:hover{background-color:hsl(var(--color-neutral-100) / .5)}.dark .accordion-disclosure-header:hover{background-color:hsl(var(--color-neutral-800) / .5)}.accordion-disclosure-content{max-height:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);transform-origin:top center}.accordion-disclosure--expanded .accordion-disclosure-content{max-height:500px;padding:0 20px 20px}.accordion-disclosure-icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.accordion-disclosure--expanded .accordion-disclosure-icon{transform:rotate(180deg)}.tree-disclosure{margin-left:0}.tree-disclosure-item{position:relative}.tree-disclosure-toggle{display:inline-flex;align-items:center;gap:4px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease;user-select:none;min-height:32px}.tree-disclosure-toggle:hover{background-color:hsl(var(--color-neutral-100) / .5)}.dark .tree-disclosure-toggle:hover{background-color:hsl(var(--color-neutral-800) / .5)}.tree-disclosure-icon{transition:transform .2s ease;width:16px;height:16px}.tree-disclosure--expanded .tree-disclosure-icon{transform:rotate(90deg)}.tree-disclosure-children{margin-left:24px;max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.tree-disclosure--expanded .tree-disclosure-children{max-height:2000px;opacity:1;transform:translateY(0)}.tab-disclosure{border-bottom:2px solid hsl(var(--color-neutral-200));margin-bottom:20px}.dark .tab-disclosure{border-bottom-color:hsl(var(--color-neutral-700))}.tab-disclosure-nav{display:flex;gap:4px}.tab-disclosure-button{padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease;color:hsl(var(--color-neutral-600));font-weight:500;position:relative}.tab-disclosure-button:hover{color:hsl(var(--color-neutral-900));background-color:hsl(var(--color-neutral-100) / .5)}.dark .tab-disclosure-button{color:hsl(var(--color-neutral-400))}.dark .tab-disclosure-button:hover{color:hsl(var(--color-neutral-100));background-color:hsl(var(--color-neutral-800) / .5)}.tab-disclosure-button--active{color:hsl(var(--color-primary-600));border-bottom-color:hsl(var(--color-primary-600))}.tab-disclosure-content{display:none;animation:tab-content-appear .4s cubic-bezier(.4,0,.2,1)}.tab-disclosure-content--active{display:block}@keyframes tab-content-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar-disclosure{width:300px;background:hsl(var(--color-neutral-50));border-right:1px solid hsl(var(--color-neutral-200));transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.dark .sidebar-disclosure{background:hsl(var(--color-neutral-900));border-right-color:hsl(var(--color-neutral-700))}.sidebar-disclosure--collapsed{width:60px}.sidebar-disclosure-toggle{width:100%;padding:16px;background:none;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease}.sidebar-disclosure-toggle:hover{background-color:hsl(var(--color-neutral-100) / .5)}.dark .sidebar-disclosure-toggle:hover{background-color:hsl(var(--color-neutral-800) / .5)}.sidebar-disclosure-content{padding:20px;opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-disclosure--collapsed .sidebar-disclosure-content{opacity:0;padding:0 10px}.sidebar-disclosure-icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-disclosure--collapsed .sidebar-disclosure-icon{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.icon-interactive-enhanced,.icon-bounce-physics,.icon-breathing,.icon-gradient-shift,.icon-wave-effect,.icon-magnetic-enhanced,.icon-spin-slow,.icon-spin-fast,.icon-spin-bounce,.icon-flip-horizontal,.icon-flip-vertical,.icon-shake,.icon-wobble,.icon-pulse-subtle,.icon-pulse-strong,.micro-bounce,.micro-rotate,.micro-scale,.micro-glow,.loading-shimmer-enhanced,.loading-dots span,.status-indicator.active,.status-indicator.error,.progressive-disclosure,.progressive-disclosure--expanding,.progressive-disclosure--collapsing,.progressive-disclosure-staggered>*,.accordion-disclosure-content,.tree-disclosure-children,.tab-disclosure-content,.sidebar-disclosure{animation:none!important;transition:none!important;transform:none!important}.progressive-disclosure--expanded{max-height:1000px;opacity:1;visibility:visible}.progressive-disclosure--collapsed{max-height:0;opacity:0;visibility:hidden}}.card-polished{position:relative;overflow:hidden}.card-polished:hover:before{animation:card-shimmer .8s ease-out}@keyframes card-shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg);opacity:0}50%{opacity:1}to{transform:translate(100%) translateY(100%) rotate(45deg);opacity:0}}.depth-1{box-shadow:0 2px 8px #00000014}.depth-2{box-shadow:0 8px 24px #0000001f}.depth-3{box-shadow:0 16px 48px #00000029}.shadow-elevated-1{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.shadow-elevated-2{box-shadow:0 3px 6px #00000026,0 2px 4px #0000001f}.shadow-elevated-3{box-shadow:0 10px 20px #00000026,0 6px 6px #0000001a}.shadow-elevated-4{box-shadow:0 14px 28px #0000002e,0 10px 10px #0000001f}.shadow-elevated-5{box-shadow:0 19px 38px #0003,0 15px 12px #00000024}.shadow-primary-soft{box-shadow:0 4px 14px hsl(var(--color-primary-500) / .15),0 2px 6px hsl(var(--color-primary-500) / .1)}.shadow-primary-strong{box-shadow:0 8px 24px hsl(var(--color-primary-500) / .25),0 4px 12px hsl(var(--color-primary-500) / .2)}.shadow-success-soft{box-shadow:0 4px 14px hsl(var(--color-green-500) / .15),0 2px 6px hsl(var(--color-green-500) / .1)}.shadow-error-soft{box-shadow:0 4px 14px hsl(var(--color-red-500) / .15),0 2px 6px hsl(var(--color-red-500) / .1)}.shadow-lift{transition:box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014}.shadow-lift:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.shadow-glow-primary{box-shadow:0 0 0 1px hsl(var(--color-primary-500) / .1),0 4px 12px hsl(var(--color-primary-500) / .2)}.shadow-glow-primary:hover{box-shadow:0 0 0 1px hsl(var(--color-primary-500) / .2),0 8px 24px hsl(var(--color-primary-500) / .3)}.hover-depth:hover{box-shadow:0 16px 40px #00000026}.elevate-on-hover{transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s cubic-bezier(.175,.885,.32,1.275)}.elevate-on-hover:hover{transform:translateY(-8px) scale(1.02)}.btn-press:active{transform:scale(.98) translateY(-1px);transition-duration:.1s}.gradient-overlay{position:relative}.gradient-overlay:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);border-radius:inherit;pointer-events:none}.card-tilt{transition:transform .3s ease;transform-style:preserve-3d;perspective:1000px}.card-tilt:hover{transform:rotateX(5deg) rotateY(-5deg) scale(1.02)}.card-glow{transition:all .3s ease;position:relative}.card-glow:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,hsl(var(--color-primary-500) / .3),hsl(var(--color-primary-600) / .3),hsl(var(--color-primary-700) / .3));border-radius:inherit;opacity:0;transition:opacity .3s ease;z-index:-1;filter:blur(8px)}.card-glow:hover:before{opacity:1}.focus-ring-base{position:relative;outline:none;transition:all .2s var(--ease-out-cubic)}.focus-ring-base:focus-visible{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;border-radius:var(--spacing-1)}.focus-ring-enhanced:focus-visible{outline:3px solid hsl(var(--color-primary-500));outline-offset:3px;border-radius:var(--spacing-2);box-shadow:0 0 0 6px hsl(var(--color-primary-500) / .2);transition:all .2s var(--ease-out-cubic)}.focus-ring-high-contrast:focus-visible{outline:4px solid hsl(var(--color-primary-500));outline-offset:4px;border-radius:var(--spacing-1);box-shadow:0 0 0 8px hsl(var(--color-primary-500) / .3);transition:all .2s var(--ease-out-cubic)}.a11y-button{min-height:44px;min-width:44px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--spacing-1_5);font-weight:500;text-decoration:none;transition:all .2s var(--ease-out-cubic);border:2px solid transparent;font-family:inherit;font-size:inherit;line-height:1.5;cursor:pointer;user-select:none;-webkit-user-select:none}.a11y-button:focus-visible{outline:3px solid hsl(var(--color-primary-500));outline-offset:2px;border-color:hsl(var(--color-primary-500));background-color:hsl(var(--color-primary-50) / .5);z-index:1}.dark .a11y-button:focus-visible{background-color:hsl(var(--color-primary-900) / .3)}.a11y-button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.a11y-button:disabled:focus-visible{outline:2px solid hsl(var(--color-neutral-400));background-color:transparent}.a11y-input{min-height:44px;padding:var(--spacing-3) var(--spacing-4);border:2px solid hsl(var(--color-neutral-300));border-radius:var(--spacing-1_5);font-size:16px;line-height:1.5;transition:all .2s var(--ease-out-cubic);background-color:hsl(var(--color-white));color:hsl(var(--color-neutral-900))}.dark .a11y-input{background-color:hsl(var(--color-neutral-900));border-color:hsl(var(--color-neutral-600));color:hsl(var(--color-neutral-100))}.a11y-input:focus-visible{outline:none;border-color:hsl(var(--color-primary-500));box-shadow:0 0 0 3px hsl(var(--color-primary-500) / .2)}.a11y-input:invalid:not(:placeholder-shown){border-color:hsl(var(--color-red-500))}.a11y-input:invalid:not(:placeholder-shown):focus-visible{box-shadow:0 0 0 3px hsl(var(--color-red-500) / .2)}.a11y-link{color:hsl(var(--color-primary-600));text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;transition:all .2s var(--ease-out-cubic);position:relative}.dark .a11y-link{color:hsl(var(--color-primary-400))}.a11y-link:hover{color:hsl(var(--color-primary-700));text-decoration-thickness:3px}.dark .a11y-link:hover{color:hsl(var(--color-primary-300))}.a11y-link:focus-visible{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;border-radius:var(--spacing-1);background-color:hsl(var(--color-primary-50) / .3)}.dark .a11y-link:focus-visible{background-color:hsl(var(--color-primary-900) / .3)}.skip-links-container{position:fixed;top:-100px;left:0;right:0;z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-4)}.skip-link{display:inline-flex;align-items:center;padding:var(--spacing-3) var(--spacing-4);background:hsl(var(--color-primary-600));color:hsl(var(--color-white));text-decoration:none;border-radius:var(--spacing-1_5);font-weight:600;font-size:16px;max-width:fit-content;border:2px solid transparent;transition:all .3s var(--ease-out-cubic)}.skip-link:focus{position:static;outline:3px solid hsl(var(--color-white));outline-offset:2px;border-color:hsl(var(--color-white));box-shadow:0 4px 12px hsl(var(--color-neutral-900) / .3);transform:translateY(100px)}.live-region-polite{aria-live:polite;aria-atomic:true}.live-region-assertive{aria-live:assertive;aria-atomic:true}.landmark-search{role:search}.landmark-form{role:form}.form-label{display:block;font-weight:600;margin-bottom:var(--spacing-2);color:hsl(var(--color-neutral-800));font-size:14px;line-height:1.5}.dark .form-label{color:hsl(var(--color-neutral-200))}.form-message{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--spacing-1_5);font-weight:500;font-size:14px;line-height:1.5;margin-top:var(--spacing-2)}.error-message{color:hsl(var(--color-red-700));background-color:hsl(var(--color-red-50));border:1px solid hsl(var(--color-red-200))}.dark .error-message{color:hsl(var(--color-red-300));background-color:hsl(var(--color-red-900) / .3);border-color:hsl(var(--color-red-700) / .3)}.success-message{color:hsl(var(--color-green-700));background-color:hsl(var(--color-green-50));border:1px solid hsl(var(--color-green-200))}.dark .success-message{color:hsl(var(--color-green-300));background-color:hsl(var(--color-green-900) / .3);border-color:hsl(var(--color-green-700) / .3)}.warning-message{color:hsl(var(--color-yellow-700));background-color:hsl(var(--color-yellow-50));border:1px solid hsl(var(--color-yellow-200))}.dark .warning-message{color:hsl(var(--color-yellow-300));background-color:hsl(var(--color-yellow-900) / .3);border-color:hsl(var(--color-yellow-700) / .3)}.info-message{color:hsl(var(--color-blue-700));background-color:hsl(var(--color-blue-50));border:1px solid hsl(var(--color-blue-200))}.dark .info-message{color:hsl(var(--color-blue-300));background-color:hsl(var(--color-blue-900) / .3);border-color:hsl(var(--color-blue-700) / .3)}.keyboard-nav:focus{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;border-radius:var(--spacing-1);background-color:hsl(var(--color-primary-50) / .3);z-index:1}.keyboard-navigation-ordinal{position:relative}.keyboard-navigation-ordinal:focus{outline:3px solid hsl(var(--color-primary-600));outline-offset:3px;border-radius:var(--spacing-2);box-shadow:0 0 0 4px hsl(var(--color-primary-500) / .2);z-index:2}@media(prefers-contrast:high){.a11y-button{border-width:3px;font-weight:700;min-height:48px;min-width:48px}.a11y-button:focus-visible{outline-width:4px;outline-offset:3px}.focus-ring-enhanced:focus-visible{outline-width:4px;outline-color:currentColor;box-shadow:0 0 0 8px currentColor}.a11y-input{border-width:3px;font-weight:600}.a11y-link{text-decoration-thickness:3px;text-underline-offset:3px}.form-message{border-width:2px;font-weight:700}}@media(prefers-reduced-motion:reduce){.a11y-button,.a11y-input,.a11y-link,.focus-ring-base,.focus-ring-enhanced,.focus-ring-high-contrast,.skip-link,.keyboard-nav,.keyboard-navigation-ordinal{transition:none!important;animation:none!important}.skip-link:focus{transform:translateY(100px)}}@media(hover:none)and (pointer:coarse){.a11y-button{min-height:48px;min-width:48px;padding:var(--spacing-4)}.a11y-input{min-height:48px;padding:var(--spacing-4)}.interactive-element{min-height:44px;min-width:44px}}@media print{.skip-links-container,.sr-only,.live-region-polite,.live-region-assertive{display:none!important}.a11y-button{border:1px solid hsl(var(--color-neutral-900));background:transparent;color:hsl(var(--color-neutral-900))}.a11y-link{color:hsl(var(--color-neutral-900));text-decoration:underline}}:root{--spacing-unit: .25rem;--spacing-scale: 1.5;--spacing-0: 0;--spacing-px: 1px;--spacing-0_5: calc(var(--spacing-unit) * 2);--spacing-1: calc(var(--spacing-unit) * 4);--spacing-1_5: calc(var(--spacing-unit) * 6);--spacing-2: calc(var(--spacing-unit) * 8);--spacing-2_5: calc(var(--spacing-unit) * 10);--spacing-3: calc(var(--spacing-unit) * 12);--spacing-3_5: calc(var(--spacing-unit) * 14);--spacing-4: calc(var(--spacing-unit) * 16);--spacing-5: calc(var(--spacing-unit) * 20);--spacing-6: calc(var(--spacing-unit) * 24);--spacing-7: calc(var(--spacing-unit) * 28);--spacing-8: calc(var(--spacing-unit) * 32);--spacing-9: calc(var(--spacing-unit) * 36);--spacing-10: calc(var(--spacing-unit) * 40);--spacing-11: calc(var(--spacing-unit) * 44);--spacing-12: calc(var(--spacing-unit) * 48);--spacing-14: calc(var(--spacing-unit) * 56);--spacing-16: calc(var(--spacing-unit) * 64);--spacing-20: calc(var(--spacing-unit) * 80);--spacing-24: calc(var(--spacing-unit) * 96);--spacing-28: calc(var(--spacing-unit) * 112);--spacing-32: calc(var(--spacing-unit) * 128);--rhythm-tight: var(--spacing-2);--rhythm-normal: var(--spacing-4);--rhythm-relaxed: var(--spacing-6);--rhythm-loose: var(--spacing-8);--rhythm-spacious: var(--spacing-12);--rhythm-grand: var(--spacing-16)}.rhythm-tight{padding:var(--rhythm-tight);margin:var(--rhythm-tight);gap:var(--rhythm-tight)}.rhythm-normal{padding:var(--rhythm-normal);margin:var(--rhythm-normal);gap:var(--rhythm-normal)}.rhythm-relaxed{padding:var(--rhythm-relaxed);margin:var(--rhythm-relaxed);gap:var(--rhythm-relaxed)}.rhythm-loose{padding:var(--rhythm-loose);margin:var(--rhythm-loose);gap:var(--rhythm-loose)}.rhythm-spacious{padding:var(--rhythm-spacious);margin:var(--rhythm-spacious);gap:var(--rhythm-spacious)}.rhythm-grand{padding:var(--rhythm-grand);margin:var(--rhythm-grand);gap:var(--rhythm-grand)}.space-y-tight>:not([hidden])~:not([hidden]){margin-top:var(--rhythm-tight)}.space-y-normal>:not([hidden])~:not([hidden]){margin-top:var(--rhythm-normal)}.space-y-relaxed>:not([hidden])~:not([hidden]){margin-top:var(--rhythm-relaxed)}.space-y-loose>:not([hidden])~:not([hidden]){margin-top:var(--rhythm-loose)}.space-y-spacious>:not([hidden])~:not([hidden]){margin-top:var(--rhythm-spacious)}.space-x-tight>:not([hidden])~:not([hidden]){margin-left:var(--rhythm-tight)}.space-x-normal>:not([hidden])~:not([hidden]){margin-left:var(--rhythm-normal)}.space-x-relaxed>:not([hidden])~:not([hidden]){margin-left:var(--rhythm-relaxed)}.space-x-loose>:not([hidden])~:not([hidden]){margin-left:var(--rhythm-loose)}.space-x-spacious>:not([hidden])~:not([hidden]){margin-left:var(--rhythm-spacious)}.layout-stack{display:flex;flex-direction:column}.layout-inline{display:flex;flex-direction:row}.layout-grid{display:grid}.layout-center{display:flex;align-items:center;justify-content:center}.layout-between{display:flex;align-items:center;justify-content:space-between}.layout-start{display:flex;align-items:center;justify-content:flex-start}.layout-end{display:flex;align-items:center;justify-content:flex-end}.container-fluid{width:100%;max-width:none}.container-narrow{max-width:48rem}.container-medium{max-width:64rem}.container-wide{max-width:80rem}.container-ultra-wide{max-width:96rem}.mobile-rhythm-enhanced{--mobile-spacing-xs: .5rem;--mobile-spacing-sm: .75rem;--mobile-spacing-md: 1rem;--mobile-spacing-lg: 1.5rem;--mobile-spacing-xl: 2rem;--mobile-spacing-2xl: 3rem}@media(max-width:768px){.mobile-p-xs{padding:var(--mobile-spacing-xs)}.mobile-p-sm{padding:var(--mobile-spacing-sm)}.mobile-p-md{padding:var(--mobile-spacing-md)}.mobile-p-lg{padding:var(--mobile-spacing-lg)}.mobile-p-xl{padding:var(--mobile-spacing-xl)}.mobile-p-2xl{padding:var(--mobile-spacing-2xl)}.mobile-m-xs{margin:var(--mobile-spacing-xs)}.mobile-m-sm{margin:var(--mobile-spacing-sm)}.mobile-m-md{margin:var(--mobile-spacing-md)}.mobile-m-lg{margin:var(--mobile-spacing-lg)}.mobile-m-xl{margin:var(--mobile-spacing-xl)}.mobile-m-2xl{margin:var(--mobile-spacing-2xl)}.mobile-gap-xs{gap:var(--mobile-spacing-xs)}.mobile-gap-sm{gap:var(--mobile-spacing-sm)}.mobile-gap-md{gap:var(--mobile-spacing-md)}.mobile-gap-lg{gap:var(--mobile-spacing-lg)}.mobile-gap-xl{gap:var(--mobile-spacing-xl)}.mobile-gap-2xl{gap:var(--mobile-spacing-2xl)}.rhythm-tight{padding:var(--spacing-4);margin:var(--spacing-4);gap:var(--spacing-4)}.rhythm-normal{padding:var(--spacing-6);margin:var(--spacing-6);gap:var(--spacing-6)}.rhythm-relaxed{padding:var(--spacing-8);margin:var(--spacing-8);gap:var(--spacing-8)}.rhythm-loose{padding:var(--spacing-10);margin:var(--spacing-10);gap:var(--spacing-10)}.rhythm-spacious{padding:var(--spacing-14);margin:var(--spacing-14);gap:var(--spacing-14)}}@media(min-width:769px)and (max-width:1024px){.rhythm-tight{padding:var(--spacing-3);margin:var(--spacing-3);gap:var(--spacing-3)}.rhythm-normal{padding:var(--spacing-5);margin:var(--spacing-5);gap:var(--spacing-5)}.rhythm-relaxed{padding:var(--spacing-7);margin:var(--spacing-7);gap:var(--spacing-7)}.rhythm-loose{padding:var(--spacing-9);margin:var(--spacing-9);gap:var(--spacing-9)}.rhythm-spacious{padding:var(--spacing-12);margin:var(--spacing-12);gap:var(--spacing-12)}}@media(min-width:1025px){.rhythm-tight{padding:var(--spacing-2);margin:var(--spacing-2);gap:var(--spacing-2)}.rhythm-normal{padding:var(--spacing-4);margin:var(--spacing-4);gap:var(--spacing-4)}.rhythm-relaxed{padding:var(--spacing-6);margin:var(--spacing-6);gap:var(--spacing-6)}.rhythm-loose{padding:var(--spacing-8);margin:var(--spacing-8);gap:var(--spacing-8)}.rhythm-spacious{padding:var(--spacing-10);margin:var(--spacing-10);gap:var(--spacing-10)}}.responsive-container{width:100%;padding-left:var(--spacing-4);padding-right:var(--spacing-4);margin-left:auto;margin-right:auto}.responsive-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}.responsive-flex{display:flex;flex-direction:column;gap:var(--spacing-4)}.touch-target{min-height:44px;min-width:44px;padding:var(--spacing-3);border-radius:var(--spacing-1_5);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.mobile-nav-primary{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-4)}.mobile-nav-secondary{display:none}@media(min-width:768px){.responsive-container{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.responsive-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-8)}.responsive-flex{flex-direction:row;gap:var(--spacing-6)}.touch-target{min-height:48px;min-width:48px;padding:var(--spacing-4)}.mobile-nav-primary{display:none}.mobile-nav-secondary{display:flex;align-items:center;gap:var(--spacing-2)}}@media(min-width:1024px){.responsive-container{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.responsive-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-10)}.responsive-flex{gap:var(--spacing-8)}}@media(min-width:1280px){.responsive-container{max-width:1200px;padding-left:var(--spacing-10);padding-right:var(--spacing-10)}.responsive-grid{grid-template-columns:repeat(4,1fr)}}.mobile-reading-enhanced{line-height:1.7;letter-spacing:.01em;word-spacing:.05em;margin-bottom:var(--spacing-6);font-size:clamp(1rem,2.5vw,1.125rem)}@media(max-width:768px){.mobile-reading-enhanced{line-height:1.8;font-size:clamp(1.0625rem,3vw,1.25rem);margin-bottom:var(--spacing-8);padding:0 var(--spacing-4)}}.mobile-touch-optimized{touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.mobile-touch-feedback{position:relative;overflow:hidden}.mobile-touch-feedback:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);border-radius:inherit;transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1}.mobile-touch-feedback:active:before{transform:translate(-50%,-50%) scale(1.5);transition-duration:.1s}.mobile-grid-rhythm{display:grid;grid-template-columns:1fr;gap:var(--spacing-6);padding:var(--spacing-4)}@media(min-width:640px){.mobile-grid-rhythm{grid-template-columns:repeat(2,1fr);gap:var(--spacing-8);padding:var(--spacing-6)}}@media(min-width:1024px){.mobile-grid-rhythm{grid-template-columns:repeat(3,1fr);gap:var(--spacing-10);padding:var(--spacing-8)}}.mobile-list-rhythm{display:flex;flex-direction:column;gap:var(--spacing-4)}@media(max-width:768px){.mobile-list-rhythm{gap:var(--spacing-6);padding:var(--spacing-4)}.mobile-list-rhythm>*{padding:var(--spacing-6);border-radius:var(--spacing-3)}}.mobile-form-rhythm{display:flex;flex-direction:column;gap:var(--spacing-6)}@media(max-width:768px){.mobile-form-rhythm{gap:var(--spacing-8);padding:var(--spacing-4)}.mobile-form-rhythm input,.mobile-form-rhythm select,.mobile-form-rhythm textarea{font-size:16px;padding:var(--spacing-4) var(--spacing-5);min-height:52px}}.safe-area-aware{padding-left:env(safe-area-inset-left,var(--spacing-4));padding-right:env(safe-area-inset-right,var(--spacing-4));padding-top:env(safe-area-inset-top,var(--spacing-4));padding-bottom:env(safe-area-inset-bottom,var(--spacing-4))}.safe-area-top{padding-top:env(safe-area-inset-top,var(--spacing-4))}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,var(--spacing-4))}@media(max-width:640px){.typography-display{font-size:clamp(2rem,8vw,3rem)}.typography-headline{font-size:clamp(1.5rem,6vw,2rem)}.typography-subtitle{font-size:clamp(1.125rem,4vw,1.5rem)}.typography-body{font-size:clamp(1rem,3vw,1.125rem)}.typography-caption{font-size:clamp(.875rem,2.5vw,.9375rem)}.typography-small{font-size:clamp(.75rem,2vw,.8125rem)}}@media(min-width:641px)and (max-width:1024px){.typography-display{font-size:clamp(2.5rem,5vw,4rem)}.typography-headline{font-size:clamp(1.75rem,4vw,2.5rem)}.typography-subtitle{font-size:clamp(1.25rem,3vw,1.75rem)}.typography-body{font-size:clamp(1rem,2vw,1.125rem)}.typography-caption{font-size:clamp(.875rem,1.5vw,.9375rem)}.typography-small{font-size:clamp(.75rem,1vw,.8125rem)}}@media(min-width:1025px){.typography-display{font-size:clamp(3rem,4vw,5rem)}.typography-headline{font-size:clamp(2rem,3vw,3rem)}.typography-subtitle{font-size:clamp(1.5rem,2vw,1.75rem)}.typography-body{font-size:clamp(1.125rem,1vw,1.25rem)}.typography-caption{font-size:clamp(.9375rem,.75vw,1rem)}.typography-small{font-size:clamp(.8125rem,.5vw,.875rem)}}.mobile-card{padding:var(--spacing-6);border-radius:var(--spacing-3);background:hsl(var(--color-neutral-50));border:1px solid hsl(var(--color-neutral-200));transition:all .3s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.mobile-card{padding:var(--spacing-8);border-radius:var(--spacing-4);margin-bottom:var(--spacing-6)}}.dark .mobile-card{background:hsl(var(--color-neutral-900));border-color:hsl(var(--color-neutral-700))}.mobile-hierarchy-xs{font-size:.75rem;font-weight:400}.mobile-hierarchy-sm{font-size:.875rem;font-weight:500}.mobile-hierarchy-md{font-size:1rem;font-weight:600}.mobile-hierarchy-lg{font-size:1.125rem;font-weight:700}.mobile-hierarchy-xl{font-size:1.25rem;font-weight:800}.mobile-hierarchy-2xl{font-size:1.5rem;font-weight:900}@media(max-width:768px){.mobile-hierarchy-xs{font-size:.875rem}.mobile-hierarchy-sm{font-size:1rem}.mobile-hierarchy-md{font-size:1.125rem}.mobile-hierarchy-lg{font-size:1.25rem}.mobile-hierarchy-xl{font-size:1.5rem}.mobile-hierarchy-2xl{font-size:1.875rem}}.mobile-spacing-tight{letter-spacing:-.025em}.mobile-spacing-normal{letter-spacing:0}.mobile-spacing-relaxed{letter-spacing:.025em}.mobile-card-rhythm{padding:1rem;margin-bottom:1rem;border-radius:.75rem}@media(max-width:768px){.mobile-card-rhythm{padding:1.5rem;margin-bottom:1.5rem;border-radius:1rem}}.glass-effect-elevated{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 32px #0000001a}.dark .glass-effect-elevated{background:#000c;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0006}.focus-indicator-enhanced:focus{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;border-radius:6px;box-shadow:0 0 0 4px hsl(var(--color-primary-500) / .2);transition:all .2s ease}.hover-lift-premium:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px -10px #00000026,0 8px 16px -8px #0000001a;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.hover-lift-premium:active{transform:translateY(-2px) scale(1.01);transition-duration:.1s}.mobile-button{min-height:52px;font-size:1.125rem;font-weight:600;letter-spacing:.025em;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.mobile-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.mobile-button:active:before{width:300px;height:300px}.modal-backdrop-enhanced{background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.enhanced-contrast{text-shadow:0 1px 2px rgba(0,0,0,.1)}.dark .enhanced-contrast{text-shadow:0 1px 2px rgba(0,0,0,.4)}.safe-area-padding{padding-left:env(safe-area-inset-left,16px);padding-right:env(safe-area-inset-right,16px);padding-top:env(safe-area-inset-top,16px);padding-bottom:env(safe-area-inset-bottom,16px)}.focus-trap-enhanced:focus{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;border-radius:8px;box-shadow:0 0 0 6px hsl(var(--color-primary-500) / .25);transition:all .2s ease}.skip-link-enhanced{position:absolute;top:-40px;left:6px;background:hsl(var(--color-primary-600));color:#fff;padding:8px 12px;text-decoration:none;border-radius:6px;font-weight:600;z-index:100;transition:all .3s ease;box-shadow:0 2px 8px #0003}.skip-link-enhanced:focus{top:6px;outline:2px solid white;outline-offset:2px;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.keyboard-nav:focus{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;border-radius:4px;background-color:hsl(var(--color-primary-50) / .3);transition:all .15s ease}@media(prefers-contrast:high){.focus-ring-enhanced:focus-visible,.focus-trap-enhanced:focus{outline-width:3px;outline-color:currentColor;box-shadow:0 0 0 6px currentColor}.skip-link-enhanced{background:currentColor;color:hsl(var(--color-neutral-50));border:2px solid currentColor}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.keyboard-navigation{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px}.keyboard-navigation:focus{outline:3px solid hsl(var(--color-primary-600));outline-offset:3px;box-shadow:0 0 0 4px hsl(var(--color-primary-500) / .2)}.skip-links-container{position:fixed;top:-100px;left:0;right:0;z-index:9999}.skip-link-enhanced:focus{top:10px;left:10px;position:absolute;transform:translateY(0)}.live-region-polite,.live-region-assertive{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.landmark-header{role:banner}.landmark-nav{role:navigation}.landmark-main{role:main}.landmark-aside{role:complementary}.landmark-footer{role:contentinfo}.error-message{color:hsl(var(--color-error-600));font-weight:500;display:flex;align-items:center;gap:.5rem}.dark .error-message{color:hsl(var(--color-error-400))}.success-message{color:hsl(var(--color-success-600));font-weight:500;display:flex;align-items:center;gap:.5rem}.dark .success-message{color:hsl(var(--color-success-400))}.warning-message{color:hsl(var(--color-warning-600));font-weight:500;display:flex;align-items:center;gap:.5rem}.dark .warning-message{color:hsl(var(--color-warning-400))}@media(prefers-contrast:high){.focus-ring-enhanced:focus-visible{box-shadow:0 0 0 4px currentColor}}@media(prefers-reduced-motion:reduce){.focus-ring-enhanced:focus-visible,.focus-visible-enhanced:focus-visible{transition:none}}.interactive-element{transition:all .2s cubic-bezier(.4,0,.2,1)}.hover-delayed{transition:all .2s ease .1s}.icon-hover:hover{transform:scale(1.1);transition:transform .2s ease}:root{--ease-out-quad: cubic-bezier(.25, .46, .45, .94);--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-in-out-back: cubic-bezier(.68, -.55, .265, 1.55);--ease-out-back: cubic-bezier(.175, .885, .32, 1.275)}@keyframes pulse-once{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes pulse-attention{0%,to{opacity:1;transform:scale(1)}25%{opacity:.8;transform:scale(1.02)}50%{opacity:.6;transform:scale(1.04)}75%{opacity:.8;transform:scale(1.02)}}@keyframes button-press{0%{transform:scale(1)}40%{transform:scale(.94)}60%{transform:scale(1.02)}80%{transform:scale(.98)}to{transform:scale(1)}}@keyframes button-release{0%{transform:scale(.96)}to{transform:scale(1)}}@keyframes bounce-gentle{0%,to{transform:translateY(0)}25%{transform:translateY(-6px)}75%{transform:translateY(-2px)}}@keyframes bounce-energetic{0%,to{transform:translateY(0) scaleY(1)}10%{transform:translateY(0) scaleY(1.1) scaleX(.9)}30%{transform:translateY(-12px) scaleY(.9) scaleX(1.1)}50%{transform:translateY(0) scaleY(1.05) scaleX(.95)}60%{transform:translateY(-4px) scaleY(.95) scaleX(1.05)}80%{transform:translateY(0) scaleY(1.02) scaleX(.98)}}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scale-in-center{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scale-in-elastic{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes rotate-in{0%{transform:rotate(-180deg) scale(0);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}@keyframes flip-in{0%{transform:perspective(400px) rotateY(-90deg);opacity:0}to{transform:perspective(400px) rotateY(0);opacity:1}}@keyframes progress-fill{0%{width:0%}to{width:var(--progress-width, 100%)}}@keyframes stagger-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes wave-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.animate-pulse-once{animation:pulse-once .5s var(--ease-out-cubic)}.animate-pulse-attention{animation:pulse-attention 2s var(--ease-in-out-back) infinite}.animate-bounce-gentle{animation:bounce-gentle 1.5s var(--ease-out-cubic) infinite}.animate-bounce-energetic{animation:bounce-energetic 1s var(--ease-in-out-back)}.animate-slide-in-right{animation:slide-in-right .4s var(--ease-out-expo)}.animate-slide-in-left{animation:slide-in-left .4s var(--ease-out-expo)}.animate-slide-in-up{animation:slide-in-up .5s var(--ease-out-back)}.animate-slide-in-down{animation:slide-in-down .5s var(--ease-out-back)}.animate-scale-in-center{animation:scale-in-center .3s var(--ease-out-back)}.animate-scale-in-elastic{animation:scale-in-elastic .6s var(--ease-in-out-back)}.animate-rotate-in{animation:rotate-in .5s var(--ease-out-back)}.animate-flip-in{animation:flip-in .6s var(--ease-out-expo)}.animate-stagger{animation:stagger-in .4s var(--ease-out-cubic) forwards}.btn-micro-interaction{position:relative;overflow:hidden;transition:all .3s var(--ease-out-cubic)}.btn-micro-interaction:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .4s var(--ease-out-expo),height .4s var(--ease-out-expo);border-radius:50%}.btn-micro-interaction:active:before{width:300px;height:300px}.btn-micro-interaction:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 16px hsl(var(--color-neutral-900) / .15)}.btn-micro-interaction:active{transform:translateY(0) scale(.98);transition-duration:.1s}.ripple-container{position:relative;overflow:hidden}.ripple-effect{position:absolute;border-radius:50%;background:#fff6;transform:scale(0);animation:ripple .6s linear;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}.hover-lift-subtle{transition:transform .3s var(--ease-out-cubic),box-shadow .3s var(--ease-out-cubic)}.hover-lift-subtle:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 24px hsl(var(--color-neutral-900) / .12)}.hover-glow-soft{transition:box-shadow .3s var(--ease-out-expo)}.hover-glow-soft:hover{box-shadow:0 0 20px hsl(var(--color-primary-500) / .3)}.hover-rotate-slow{transition:transform .4s var(--ease-in-out-back)}.hover-rotate-slow:hover{transform:rotate(5deg) scale(1.05)}.loading-dots span{display:inline-block;animation:loading-bounce 1.4s var(--ease-in-out-back) infinite both}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-pulse{animation:skeleton-pulse 2s var(--ease-in-out-back) infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.stagger-list>*{animation:stagger-in .4s var(--ease-out-cubic) both}.stagger-list>*:nth-child(1){animation-delay:.1s}.stagger-list>*:nth-child(2){animation-delay:.2s}.stagger-list>*:nth-child(3){animation-delay:.3s}.stagger-list>*:nth-child(4){animation-delay:.4s}.stagger-list>*:nth-child(5){animation-delay:.5s}.stagger-list>*:nth-child(6){animation-delay:.6s}@media(prefers-reduced-motion:reduce){.animate-pulse-once,.animate-pulse-attention,.animate-bounce-gentle,.animate-bounce-energetic,.animate-slide-in-right,.animate-slide-in-left,.animate-slide-in-up,.animate-slide-in-down,.animate-scale-in-center,.animate-scale-in-elastic,.animate-rotate-in,.animate-flip-in,.btn-micro-interaction,.hover-lift-subtle,.hover-glow-soft,.hover-rotate-slow{animation:none!important;transition:none!important}.loading-spinner{animation:none}}.skeleton-base{background:linear-gradient(90deg,hsl(var(--color-neutral-200)) 25%,hsl(var(--color-neutral-100)),hsl(var(--color-neutral-200)) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:.5rem}.dark .skeleton-base{background:linear-gradient(90deg,hsl(var(--color-neutral-700)) 25%,hsl(var(--color-neutral-600)),hsl(var(--color-neutral-700)) 75%);background-size:200% 100%}.skeleton-text{@apply skeleton-base;height:1rem;margin-bottom:.5rem}.skeleton-text-large{@apply skeleton-base;height:1.5rem;margin-bottom:.75rem}.skeleton-text-small{@apply skeleton-base;height:.75rem;margin-bottom:.375rem}.skeleton-avatar{@apply skeleton-base;width:3rem;height:3rem;border-radius:50%}.skeleton-button{@apply skeleton-base;height:2.5rem;width:8rem;border-radius:.75rem}.skeleton-card{@apply skeleton-base;height:8rem;border-radius:1rem}.skeleton-shimmer{position:relative;overflow:hidden}.skeleton-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite;transform:translate(-100%)}.dark .skeleton-shimmer:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%)}.loading-dots{display:inline-flex;gap:.25rem}.loading-dots span{width:.5rem;height:.5rem;border-radius:50%;background-color:hsl(var(--color-primary-500));animation:loading-dot-bounce 1.4s infinite ease-in-out both}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes loading-dot-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.loading-spinner-smooth{width:1.5rem;height:1.5rem;border:2px solid hsl(var(--color-neutral-200));border-top:2px solid hsl(var(--color-primary-500));border-radius:50%;animation:spin 1s linear infinite}.dark .loading-spinner-smooth{border-color:hsl(var(--color-neutral-600));border-top-color:hsl(var(--color-primary-400))}.progress-bar-enhanced{width:100%;height:.5rem;background-color:hsl(var(--color-neutral-200));border-radius:.25rem;overflow:hidden;position:relative}.dark .progress-bar-enhanced{background-color:hsl(var(--color-neutral-700))}.progress-bar-fill{height:100%;background:linear-gradient(90deg,hsl(var(--color-primary-500)),hsl(var(--color-primary-600)));border-radius:.25rem;transition:width .3s ease;position:relative}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progress-shimmer 2s infinite}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.icon-base{display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.icon-xl{width:2rem;height:2rem}.icon-hover:hover{transform:scale(1.1);transition:transform .2s ease;color:hsl(var(--color-primary-600))}.dark .icon-hover:hover{color:hsl(var(--color-primary-400))}.icon-hover:active{transform:scale(.95);transition-duration:.1s}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes icon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes icon-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.icon-success{color:hsl(var(--color-success-600))}.icon-warning{color:hsl(var(--color-warning-600))}.icon-error{color:hsl(var(--color-error-600))}.icon-info{color:hsl(var(--color-info-600))}.icon-primary{color:hsl(var(--color-primary-600))}.icon-secondary{color:hsl(var(--color-neutral-600))}.dark .icon-success{color:hsl(var(--color-success-400))}.dark .icon-warning{color:hsl(var(--color-warning-400))}.dark .icon-error{color:hsl(var(--color-error-400))}.dark .icon-info{color:hsl(var(--color-info-400))}.icon-bg{padding:.5rem;border-radius:.5rem;background-color:hsl(var(--color-neutral-100));color:hsl(var(--color-neutral-600))}.dark .icon-bg{background-color:hsl(var(--color-neutral-800));color:hsl(var(--color-neutral-400))}.icon-bg-primary{background-color:hsl(var(--color-primary-100));color:hsl(var(--color-primary-700))}.dark .icon-bg-primary{background-color:hsl(var(--color-primary-900) / .3);color:hsl(var(--color-primary-300))}.icon-bg-success{background-color:hsl(var(--color-success-100));color:hsl(var(--color-success-700))}.dark .icon-bg-success{background-color:hsl(var(--color-success-900) / .3);color:hsl(var(--color-success-300))}.icon-bg-warning{background-color:hsl(var(--color-warning-100));color:hsl(var(--color-warning-700))}.dark .icon-bg-warning{background-color:hsl(var(--color-warning-900) / .3);color:hsl(var(--color-warning-300))}.icon-bg-error{background-color:hsl(var(--color-error-100));color:hsl(var(--color-error-700))}.dark .icon-bg-error{background-color:hsl(var(--color-error-900) / .3);color:hsl(var(--color-error-300))}.icon-bg-info{background-color:hsl(var(--color-info-100));color:hsl(var(--color-info-700))}.dark .icon-bg-info{background-color:hsl(var(--color-info-900) / .3);color:hsl(var(--color-info-300))}.icon-border{border:1px solid hsl(var(--color-neutral-200));color:hsl(var(--color-neutral-600))}.dark .icon-border{border-color:hsl(var(--color-neutral-700));color:hsl(var(--color-neutral-400))}.icon-border-primary{border-color:hsl(var(--color-primary-300));color:hsl(var(--color-primary-600))}.dark .icon-border-primary{border-color:hsl(var(--color-primary-600));color:hsl(var(--color-primary-400))}.icon-shadow{box-shadow:0 1px 2px #0000000d}.icon-shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.icon-shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.icon-shadow-glow{box-shadow:0 0 0 3px #10b98133}.icon-shadow-glow-primary{box-shadow:0 0 0 3px #10b9814d}.icon-spin{animation:icon-spin 1s linear infinite}.icon-ping{animation:icon-ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes icon-ping{75%,to{transform:scale(2);opacity:0}}.icon-bounce{animation:icon-bounce 1s infinite}.icon-pulse{animation:icon-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.icon-group{display:flex;align-items:center;gap:var(--space-2)}.icon-group-vertical{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.icon-stack>*:first-child{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media(max-width:640px){.icon-responsive-sm{width:1.125rem;height:1.125rem}.icon-responsive-md{width:1.375rem;height:1.375rem}.icon-responsive-lg{width:1.625rem;height:1.625rem}}.typography-hero{font-size:clamp(3rem,8vw,6rem);font-weight:900;line-height:.85;letter-spacing:-.05em;color:hsl(var(--color-neutral-900));font-optical-sizing:auto;font-variation-settings:"wght" 900,"opsz" 72;text-wrap:balance}.dark .typography-hero{color:hsl(var(--color-neutral-50))}.typography-lead{font-size:clamp(1.25rem,3vw,1.875rem);font-weight:500;line-height:1.4;letter-spacing:-.01em;color:hsl(var(--color-neutral-600));font-optical-sizing:auto;max-width:65ch;text-wrap:pretty}.dark .typography-lead{color:hsl(var(--color-neutral-400))}.typography-section-title{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:hsl(var(--color-neutral-900));font-optical-sizing:auto;margin-bottom:1.5rem;scroll-margin-top:2rem}.dark .typography-section-title{color:hsl(var(--color-neutral-50))}.typography-card-title{font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:700;line-height:1.3;letter-spacing:-.015em;color:hsl(var(--color-neutral-900));font-optical-sizing:auto}.dark .typography-card-title{color:hsl(var(--color-neutral-100))}.typography-label{font-size:clamp(.875rem,2vw,1rem);font-weight:600;line-height:1.4;letter-spacing:.025em;color:hsl(var(--color-neutral-700));text-transform:uppercase;font-optical-sizing:auto}.dark .typography-label{color:hsl(var(--color-neutral-300))}.typography-micro{font-size:clamp(.75rem,1.5vw,.875rem);font-weight:500;line-height:1.3;letter-spacing:.025em;color:hsl(var(--color-neutral-500));font-optical-sizing:auto}.dark .typography-micro{color:hsl(var(--color-neutral-400))}.text-readable{max-width:75ch;line-height:1.7;text-wrap:pretty}.text-readable-compact{max-width:85ch;line-height:1.6;text-wrap:pretty}.text-readable-wide{max-width:65ch;line-height:1.8;text-wrap:pretty}.text-high-contrast{color:hsl(var(--color-neutral-900));text-shadow:0 1px 2px rgba(0,0,0,.1)}.dark .text-high-contrast{color:hsl(var(--color-neutral-50));text-shadow:0 1px 2px rgba(0,0,0,.4)}.text-focus{font-weight:600;color:hsl(var(--color-primary-700))}.dark .text-focus{color:hsl(var(--color-primary-300))}.link-enhanced{color:hsl(var(--color-primary-600));text-decoration:none;font-weight:500;position:relative;transition:all .2s ease}.link-enhanced:hover{color:hsl(var(--color-primary-700));text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}.dark .link-enhanced{color:hsl(var(--color-primary-400))}.dark .link-enhanced:hover{color:hsl(var(--color-primary-300))}@media(min-width:641px){.icon-responsive-sm{width:1rem;height:1rem}.icon-responsive-md{width:1.25rem;height:1.25rem}.icon-responsive-lg{width:1.5rem;height:1.5rem}}.icon-accessible{color:currentColor;forced-color-adjust:auto}@media(forced-colors:active){.icon-accessible{border:1px solid ButtonText}}.icon-unified{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s cubic-bezier(.4,0,.2,1);color:hsl(var(--color-neutral-600))}.dark .icon-unified{color:hsl(var(--color-neutral-400))}.icon-unified:hover{color:hsl(var(--color-primary-600));transform:scale(1.1)}.dark .icon-unified:hover{color:hsl(var(--color-primary-400))}.icon-unified:active{transform:scale(.95);transition-duration:.1s}.icon-xs{width:.75rem;height:.75rem}.icon-sm{width:1rem;height:1rem}.icon-md{width:1.25rem;height:1.25rem}.icon-lg{width:1.5rem;height:1.5rem}.icon-xl{width:1.75rem;height:1.75rem}.icon-2xl{width:2rem;height:2rem}.icon-interactive{cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease}.icon-interactive:hover{background-color:hsl(var(--color-neutral-100));color:hsl(var(--color-primary-600))}.dark .icon-interactive:hover{background-color:hsl(var(--color-neutral-800));color:hsl(var(--color-primary-400))}.icon-interactive:active{transform:scale(.95);background-color:hsl(var(--color-neutral-200))}.dark .icon-interactive:active{background-color:hsl(var(--color-neutral-700))}.icon-status-success{color:hsl(var(--color-success-600))}.dark .icon-status-success{color:hsl(var(--color-success-400))}.icon-status-warning{color:hsl(var(--color-warning-600))}.dark .icon-status-warning{color:hsl(var(--color-warning-400))}.icon-status-error{color:hsl(var(--color-error-600))}.dark .icon-status-error{color:hsl(var(--color-error-400))}.icon-status-info{color:hsl(var(--color-info-600))}.dark .icon-status-info{color:hsl(var(--color-info-400))}.icon-loading{animation:icon-spin 1s linear infinite;color:hsl(var(--color-primary-500))}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-pulse-attention{animation:icon-attention-pulse 2s ease-in-out infinite}@keyframes icon-attention-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.interactive-element-enhanced{transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.interactive-element-enhanced:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.interactive-element-enhanced:hover:before{width:200%;height:200%}.interactive-element-enhanced:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #00000026}.interactive-element-enhanced:active{transform:translateY(-1px) scale(1.01);transition-duration:.1s}.stagger-list-item{opacity:0;transform:translateY(20px);animation:stagger-list-item .5s ease-out forwards}.stagger-list-item:nth-child(1){animation-delay:.05s}.stagger-list-item:nth-child(2){animation-delay:.1s}.stagger-list-item:nth-child(3){animation-delay:.15s}.stagger-list-item:nth-child(4){animation-delay:.2s}.stagger-list-item:nth-child(5){animation-delay:.25s}.stagger-list-item:nth-child(6){animation-delay:.3s}.stagger-list-item:nth-child(7){animation-delay:.35s}.stagger-list-item:nth-child(8){animation-delay:.4s}.stagger-list-item:nth-child(9){animation-delay:.45s}.stagger-list-item:nth-child(10){animation-delay:.5s}@keyframes stagger-list-item{to{opacity:1;transform:translateY(0)}}.magnetic-button{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.magnetic-button:hover{transform:scale(1.05);box-shadow:0 10px 30px #0003}.magnetic-button:active{transform:scale(.98)}.elastic-scale{transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}.elastic-scale:hover{transform:scale(1.1)}.elastic-scale:active{transform:scale(.95)}.parallax-slow{transform:translateZ(0);will-change:transform;transition:transform .5s ease-out}.parallax-medium{transform:translateZ(0);will-change:transform;transition:transform .3s ease-out}.parallax-fast{transform:translateZ(0);will-change:transform;transition:transform .1s ease-out}.card-reveal{overflow:hidden;position:relative}.card-reveal-content{transform:translateY(100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.card-reveal:hover .card-reveal-content{transform:translateY(0)}.morph-shape{transition:all .5s cubic-bezier(.4,0,.2,1);border-radius:.5rem}.morph-shape:hover{border-radius:2rem;transform:rotate(2deg)}.fade-transition{transition:opacity .3s ease-in-out}.fade-transition-enter{opacity:0}.fade-transition-enter-active,.fade-transition-exit{opacity:1}.fade-transition-exit-active{opacity:0}.slide-up-enter{transform:translateY(20px);opacity:0}.slide-up-enter-active{transform:translateY(0);opacity:1;transition:all .3s ease-out}.slide-up-exit{transform:translateY(0);opacity:1}.slide-up-exit-active{transform:translateY(-20px);opacity:0;transition:all .3s ease-in}.pattern-overlay{position:relative;overflow:hidden}.pattern-overlay:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none;z-index:1}.dark .pattern-overlay:before{background-image:radial-gradient(circle at 20% 80%,rgba(0,0,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,0,0,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,0,0,.05) 0%,transparent 50%)}@media(max-width:640px){.icon-responsive-xs{width:.875rem;height:.875rem}.icon-responsive-sm{width:1.125rem;height:1.125rem}.icon-responsive-md{width:1.375rem;height:1.375rem}.icon-responsive-lg{width:1.625rem;height:1.625rem}.icon-responsive-xl{width:1.875rem;height:1.875rem}.icon-responsive-2xl{width:2.125rem;height:2.125rem}}.icon-group{display:flex;align-items:center;gap:.5rem}.icon-stack{position:relative;display:inline-flex}.icon-stack>*:first-child{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8em}.icon-stack>*:last-child{position:relative;z-index:1}.icon-with-badge .badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background-color:hsl(var(--color-error-500));color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:.5rem;background-color:transparent;color:hsl(var(--color-neutral-600));cursor:pointer;transition:all .2s ease}.icon-button:hover{background-color:hsl(var(--color-neutral-100));color:hsl(var(--color-primary-600))}.dark .icon-button:hover{background-color:hsl(var(--color-neutral-800));color:hsl(var(--color-primary-400))}.icon-button:active{transform:scale(.95);background-color:hsl(var(--color-neutral-200))}.dark .icon-button:active{background-color:hsl(var(--color-neutral-700))}@keyframes shimmer-variant{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-variant{background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);background-size:200% 100%;animation:shimmer-variant 1.5s infinite}.card-interactive{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-interactive:hover{transform:translateY(-4px) rotateX(2deg);box-shadow:0 20px 40px #0000001a}.card-interactive:active{transform:translateY(-2px) rotateX(1deg);transition-duration:.1s}@keyframes success-bounce{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-animation{animation:success-bounce .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes error-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.error-animation{animation:error-shake .5s ease-in-out}.height-auto{transition:height .3s ease-in-out;overflow:hidden}@keyframes dropdown-slide{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.dropdown-animate{animation:dropdown-slide .2s ease-out}@keyframes backdrop-fade{0%{opacity:0}to{opacity:1}}.backdrop-animate{animation:backdrop-fade .2s ease-out}.form-field-focus{transition:all .2s ease}.form-field-focus:focus-within{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.form-field-enhanced{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-field-enhanced:focus-within{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.form-field-enhanced.focused{transform:translateY(-2px)}.input-enhanced{width:100%;padding:.75rem 1rem;border:2px solid hsl(var(--color-neutral-300));border-radius:.75rem;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:hsl(var(--color-neutral-50))}.dark .floating-label-input{background-color:hsl(var(--color-neutral-900))}.floating-label{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:hsl(var(--color-neutral-500));transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;font-size:1rem}.floating-label-input:focus~.floating-label,.floating-label-input:not(:placeholder-shown)~.floating-label{top:.5rem;transform:translateY(0);font-size:.75rem;color:hsl(var(--color-primary-500));background-color:hsl(var(--color-neutral-50));padding:0 .25rem;border-radius:.25rem}.dark .floating-label-input:focus~.floating-label,.dark .floating-label-input:not(:placeholder-shown)~.floating-label{background-color:hsl(var(--color-neutral-900))}.form-feedback{margin-top:.5rem;font-size:.875rem;display:flex;align-items:center;gap:.25rem}.form-feedback.error{color:hsl(var(--color-error-600))}.dark .form-feedback.error{color:hsl(var(--color-error-400))}.form-feedback.success{color:hsl(var(--color-success-600))}.dark .form-feedback.success{color:hsl(var(--color-success-400))}.form-feedback.warning{color:hsl(var(--color-warning-600))}.dark .form-feedback.warning{color:hsl(var(--color-warning-400))}.checkbox-enhanced,.radio-enhanced{position:relative;display:inline-flex;align-items:center;cursor:pointer;user-select:none;padding:.5rem;border-radius:.375rem;transition:all .2s ease}.checkbox-enhanced:hover,.radio-enhanced:hover{background-color:hsl(var(--color-neutral-100))}.dark .checkbox-enhanced:hover,.dark .radio-enhanced:hover{background-color:hsl(var(--color-neutral-800))}.checkbox-enhanced input,.radio-enhanced input{position:absolute;opacity:0;cursor:pointer}.checkbox-custom,.radio-custom{width:1.25rem;height:1.25rem;border:2px solid hsl(var(--color-neutral-400));border-radius:.25rem;margin-right:.75rem;position:relative;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.radio-custom{border-radius:50%}.checkbox-enhanced input:checked~.checkbox-custom,.radio-enhanced input:checked~.radio-custom{background-color:hsl(var(--color-primary-500));border-color:hsl(var(--color-primary-500))}.checkbox-enhanced input:checked~.checkbox-custom:after{content:"✓";color:#fff;font-size:.875rem;font-weight:700}.radio-enhanced input:checked~.radio-custom:after{content:"";width:.5rem;height:.5rem;background-color:#fff;border-radius:50%}.select-enhanced{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:2px solid hsl(var(--color-neutral-300));border-radius:.75rem;font-size:1rem;background-color:hsl(var(--color-neutral-50));color:hsl(var(--color-neutral-900));cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);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='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")}.dark .select-enhanced{background-color:hsl(var(--color-neutral-900));color:hsl(var(--color-neutral-50));background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem}.select-enhanced:focus{outline:none;border-color:hsl(var(--color-primary-500));box-shadow:0 0 0 4px hsl(var(--color-primary-500) / .2);transform:translateY(-1px)}.dark .select-enhanced:hover{border-color:hsl(var(--color-neutral-600))}.form-group-enhanced{margin-bottom:1.5rem}.form-label-enhanced{display:block;margin-bottom:.5rem;font-weight:600;color:hsl(var(--color-neutral-800));font-size:.875rem;transition:color .2s ease}.form-group-enhanced:focus-within .form-label-enhanced{color:hsl(var(--color-primary-600))}.dark .form-group-enhanced:focus-within .form-label-enhanced{color:hsl(var(--color-primary-400))}.textarea-enhanced{width:100%;padding:.75rem 1rem;border:2px solid hsl(var(--color-neutral-300));border-radius:.75rem;font-size:1rem;font-family:inherit;resize:vertical;min-height:100px;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:hsl(var(--color-neutral-50));color:hsl(var(--color-neutral-900))}.dark .textarea-enhanced{background-color:hsl(var(--color-neutral-900));color:hsl(var(--color-neutral-50))}.textarea-enhanced:focus{outline:none;border-color:hsl(var(--color-primary-500));box-shadow:0 0 0 4px hsl(var(--color-primary-500) / .2);transform:translateY(-1px)}.textarea-enhanced:hover{border-color:hsl(var(--color-neutral-400))}.dark .textarea-enhanced:hover{border-color:hsl(var(--color-neutral-600))}@keyframes notification-slide{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-animate{animation:notification-slide .3s ease-out}@keyframes tab-switch{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.tab-content-animate{animation:tab-switch .2s ease-out}@keyframes button-press{0%{transform:scale(1)}50%{transform:scale(.96)}to{transform:scale(1)}}.button-press:active{animation:button-press .15s ease-out}@keyframes fade-in-smooth{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-smooth{animation:fade-in-smooth .4s ease-out}@keyframes card-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-card-slide-up{animation:card-slide-up .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes checkmark-draw{0%{stroke-dasharray:0 100;opacity:0}50%{opacity:1}to{stroke-dasharray:100 100;opacity:1}}.animate-checkmark-draw{animation:checkmark-draw .6s ease-out}@keyframes shimmer-enhanced{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer-enhanced{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);background-size:1000px 100%;animation:shimmer-enhanced 2s infinite}@keyframes ripple{0%{transform:scale(0);opacity:.8}to{transform:scale(2.5);opacity:0}}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple-effect:active:before{width:300px;height:300px;opacity:0}@keyframes loading-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{width:8px;height:8px;border-radius:50%;background-color:hsl(var(--color-primary-500));animation:loading-bounce 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-enhanced{background:linear-gradient(90deg,hsl(var(--color-neutral-200)),hsl(var(--color-neutral-100)),hsl(var(--color-neutral-200)));background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:6px;position:relative;overflow:hidden}.skeleton-enhanced:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:skeleton-shine 2s ease-in-out infinite}.dark .skeleton-enhanced{background:linear-gradient(90deg,hsl(var(--color-neutral-700)),hsl(var(--color-neutral-600)),hsl(var(--color-neutral-700)));background-size:200% 100%}.dark .skeleton-enhanced:before{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%)}@keyframes skeleton-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-state-enhanced{position:relative;overflow:hidden}.loading-state-enhanced:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:loading-progress 1.5s ease-in-out infinite}@keyframes loading-progress{0%{left:-100%}to{left:100%}}.loading-pulse-enhanced{animation:loading-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes loading-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}}.loading-dots-enhanced{display:inline-flex;gap:6px;align-items:center}.loading-dots-enhanced span{width:10px;height:10px;border-radius:50%;background-color:hsl(var(--color-primary-500));animation:loading-dots-bounce 1.4s infinite ease-in-out both;box-shadow:0 2px 4px #0000001a}@keyframes loading-dots-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.loading-spinner-enhanced{display:inline-block;width:24px;height:24px;border:3px solid hsl(var(--color-neutral-200));border-top:3px solid hsl(var(--color-primary-500));border-radius:50%;animation:loading-spin 1s linear infinite;box-shadow:0 2px 8px #0000001a}.dark .loading-spinner-enhanced{border-color:hsl(var(--color-neutral-600));border-top-color:hsl(var(--color-primary-400))}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-feedback{animation:success-feedback-pulse .6s ease-out}@keyframes success-feedback-pulse{0%{transform:scale(1);background-color:hsl(var(--color-success-500))}50%{transform:scale(1.05);background-color:hsl(var(--color-success-400));box-shadow:0 0 20px hsl(var(--color-success-400) / .4)}to{transform:scale(1);background-color:hsl(var(--color-success-500))}}.space-y-xs{>*+*{margin-top:.25rem}}.space-y-sm{>*+*{margin-top:.5rem}}.space-y-md{>*+*{margin-top:1rem}}.space-y-lg{>*+*{margin-top:1.5rem}}.space-y-xl{>*+*{margin-top:2rem}}.space-y-2xl{>*+*{margin-top:3rem}}.space-x-xs{>*+*{margin-left:.25rem}}.space-x-sm{>*+*{margin-left:.5rem}}.space-x-md{>*+*{margin-left:1rem}}.space-x-lg{>*+*{margin-left:1.5rem}}.space-x-xl{>*+*{margin-left:2rem}}.space-x-2xl{>*+*{margin-left:3rem}}.space-responsive{gap:clamp(.75rem,2vw,1.5rem)}.section-spacing{padding:clamp(2rem,5vw,4rem) 0}.container-spacing{padding:clamp(1rem,3vw,2rem)}.element-spacing{margin-bottom:clamp(.75rem,2vw,1.5rem)}.grid-rhythm{display:grid;gap:clamp(1rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.flex-rhythm{display:flex;gap:clamp(.75rem,2vw,1.5rem);align-items:center}.card-rhythm{display:flex;flex-direction:column;gap:clamp(.5rem,1.5vw,1rem)}.content-flow{display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,1.75rem);line-height:1.7}.tight-flow{display:flex;flex-direction:column;gap:clamp(.5rem,1.5vw,.75rem)}.micro-interaction{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.micro-interaction:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3),transparent);transform:translate(-50%,-50%);transition:width .6s,height .6s;border-radius:50%;pointer-events:none}.micro-interaction:hover:before{width:200px;height:200px}.magnetic-button{position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.magnetic-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 24px #00000026}.reveal-animation{opacity:0;transform:translateY(20px);animation:reveal-up .6s ease-out forwards}@keyframes reveal-up{to{opacity:1;transform:translateY(0)}}.stagger-reveal>*{opacity:0;transform:translateY(20px);animation:reveal-up .6s ease-out forwards}.stagger-reveal>*:nth-child(1){animation-delay:.1s}.stagger-reveal>*:nth-child(2){animation-delay:.2s}.stagger-reveal>*:nth-child(3){animation-delay:.3s}.stagger-reveal>*:nth-child(4){animation-delay:.4s}.stagger-reveal>*:nth-child(5){animation-delay:.5s}.elastic-hover{transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}.elastic-hover:hover{transform:scale(1.05)}.elastic-hover:active{transform:scale(.98)}.magnetic-card{position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.magnetic-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.magnetic-card:hover:before{left:100%}.magnetic-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000001a}.sophisticated-hover{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.sophisticated-hover:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:hsl(var(--color-primary-500));transform:translate(-50%);transition:width .3s ease}.sophisticated-hover:hover:after{width:100%}@media(max-width:768px){.touch-target{min-height:48px;min-width:48px;padding:12px 16px}.enhanced-mobile-spacing{gap:1rem}.mobile-touch-target{min-height:48px;min-width:48px;padding:12px 16px;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-touch-target:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);border-radius:inherit;transition:transform .3s ease;pointer-events:none}.mobile-touch-target:active:after{transform:translate(-50%,-50%) scale(1)}.mobile-button{transition:all .2s cubic-bezier(.4,0,.2,1);will-change:transform}.mobile-button:active{transform:scale(.96);transition-duration:.1s}.mobile-gesture-feedback{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.mobile-nav-enhanced{position:relative}.mobile-nav-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.mobile-nav-enhanced:hover:before{opacity:1}.haptic-feedback{position:relative}.haptic-feedback:active{animation:haptic-pulse .1s ease-out}@keyframes haptic-pulse{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}.safe-area-padding{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.mobile-spacing-tight{gap:.5rem}.mobile-spacing-normal{gap:1rem}.mobile-spacing-loose{gap:1.5rem}.mobile-full-height{min-height:100vh;min-height:-webkit-fill-available}.mobile-text-sm{font-size:clamp(.8125rem,2.5vw,.875rem);line-height:1.4}.mobile-text-base{font-size:clamp(.9375rem,2.75vw,1rem);line-height:1.5}.mobile-text-lg{font-size:clamp(1.0625rem,3vw,1.125rem);line-height:1.6}.mobile-text-xl{font-size:clamp(1.1875rem,3.25vw,1.25rem);line-height:1.6}.swipe-hint{position:relative;overflow:hidden}.swipe-hint:after{content:"";position:absolute;top:50%;right:0;width:40px;height:40px;background:linear-gradient(90deg,transparent,hsl(var(--color-primary-500) / .2));transform:translateY(-50%);animation:swipe-hint-pulse 2s ease-in-out infinite;border-radius:50%}@keyframes swipe-hint-pulse{0%,to{opacity:0;transform:translateY(-50%) translate(0)}50%{opacity:1;transform:translateY(-50%) translate(-10px)}}.pull-refresh{position:relative;padding-top:60px;margin-top:-60px;transition:margin-top .3s ease}.pull-refresh-indicator{position:absolute;top:20px;left:50%;transform:translate(-50%) scale(0);width:32px;height:32px;border-radius:50%;background:hsl(var(--color-primary-500));display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.pull-refresh.pulling .pull-refresh-indicator{transform:translate(-50%) scale(1)}.pull-refresh.refreshing .pull-refresh-indicator{animation:refresh-spin 1s linear infinite}@keyframes refresh-spin{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}@media(max-width:768px)and (prefers-reduced-motion:no-preference){.hover-lift-enhanced:hover{transform:translateY(-2px) scale(1.005);transition-duration:.2s}.mobile-gesture-feedback:active:before{transform:translate(-50%,-50%) scale(.8);transition-duration:.1s}.hover-lift-enhanced:active{transform:translateY(-1px) scale(1.002);transition-duration:.1s}@media(prefers-reduced-data:reduce){.hover-lift-enhanced{transition:none}.mobile-gesture-feedback:before{display:none}}}.mobile-scroll-indicator{position:relative}.mobile-scroll-indicator:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,hsl(var(--color-primary-500)),transparent);animation:scroll-indicator 2s ease-in-out infinite}}.glass-effect{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.glass-effect-elevated{background:#ffffff26;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 32px #0000001a}.dark .glass-effect-elevated{background:#00000040;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000004d}:root{--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;--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: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-ligatures:common-ligatures;font-variant-numeric:oldstyle-nums;font-variant-position:sub}.text-display-1{font-size:clamp(2.5rem,5vw,4rem);line-height:var(--leading-tight);font-weight:800;letter-spacing:var(--tracking-tighter);color:hsl(var(--color-neutral-900));margin-bottom:1rem}.text-display-2{font-size:clamp(2rem,4vw,3rem);line-height:var(--leading-tight);font-weight:700;letter-spacing:var(--tracking-tighter);color:hsl(var(--color-neutral-900));margin-bottom:.75rem}.text-h1{font-size:clamp(1.75rem,3vw,2.25rem);line-height:var(--leading-tight);font-weight:700;letter-spacing:var(--tracking-tight);color:hsl(var(--color-neutral-900))}.text-h2{font-size:clamp(1.5rem,2.5vw,1.875rem);line-height:var(--leading-snug);font-weight:600;letter-spacing:var(--tracking-tight);color:hsl(var(--color-neutral-900))}.text-h3{font-size:clamp(1.25rem,2vw,1.5rem);line-height:var(--leading-snug);font-weight:600;letter-spacing:var(--tracking-normal);color:hsl(var(--color-neutral-900))}.text-h4{font-size:var(--text-xl);line-height:var(--leading-snug);font-weight:600;letter-spacing:var(--tracking-normal);color:hsl(var(--color-neutral-900))}.text-h5{font-size:var(--text-lg);line-height:var(--leading-normal);font-weight:600;letter-spacing:var(--tracking-normal);color:hsl(var(--color-neutral-900))}.text-h6{font-size:var(--text-base);line-height:var(--leading-normal);font-weight:600;letter-spacing:var(--tracking-normal);color:hsl(var(--color-neutral-900))}.text-body-lg{font-size:var(--text-lg);line-height:var(--leading-relaxed);font-weight:400;letter-spacing:var(--tracking-normal);color:hsl(var(--color-neutral-700))}.text-body{font-size:var(--text-base);line-height:var(--leading-relaxed);font-weight:400;letter-spacing:var(--tracking-normal);color:hsl(var(--color-neutral-700))}.text-body-sm{font-size:var(--text-sm);line-height:var(--leading-relaxed);font-weight:400;letter-spacing:var(--tracking-normal);color:hsl(var(--color-neutral-700))}.text-body-xs{font-size:var(--text-xs);line-height:var(--leading-normal);font-weight:400;letter-spacing:var(--tracking-normal);color:hsl(var(--color-neutral-600))}.dark .text-display-1,.dark .text-display-2,.dark .text-h1,.dark .text-h2,.dark .text-h3,.dark .text-h4,.dark .text-h5,.dark .text-h6{color:hsl(var(--color-neutral-100))}.dark .text-body-lg,.dark .text-body,.dark .text-body-sm{color:hsl(var(--color-neutral-300))}.dark .text-body-xs{color:hsl(var(--color-neutral-400))}.readability-enhanced{max-width:65ch;line-height:1.7;font-size:var(--text-base);color:hsl(var(--color-neutral-800))}.dark .readability-enhanced{color:hsl(var(--color-neutral-200))}.text-lead{font-size:var(--text-xl);line-height:var(--leading-relaxed);font-weight:300;color:hsl(var(--color-neutral-600))}.text-subtitle{font-size:var(--text-base);line-height:var(--leading-normal);font-weight:500;color:hsl(var(--color-neutral-600))}.text-caption{font-size:var(--text-xs);line-height:var(--leading-normal);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:hsl(var(--color-neutral-500))}.text-overline{font-size:var(--text-xs);line-height:var(--leading-normal);font-weight:600;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:hsl(var(--color-neutral-500))}.text-link{color:hsl(var(--color-primary-600));text-decoration:none;font-weight:500;transition:all .2s ease}.text-link:hover{color:hsl(var(--color-primary-700));text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}.dark .text-link{color:hsl(var(--color-primary-400))}.dark .text-link:hover{color:hsl(var(--color-primary-300))}::selection{background-color:hsl(var(--color-primary-200));color:hsl(var(--color-primary-900))}.dark ::selection{background-color:hsl(var(--color-primary-800));color:hsl(var(--color-primary-100))}.text-focusable{outline:none;transition:all .2s ease}.text-focusable:focus-visible{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;border-radius:4px;background-color:hsl(var(--color-primary-50) / .2)}@media(max-width:640px){.text-display-1{font-size:clamp(2rem,8vw,3rem);line-height:var(--leading-snug)}.text-display-2{font-size:clamp(1.75rem,6vw,2.5rem);line-height:var(--leading-snug)}.text-h1{font-size:clamp(1.5rem,5vw,2rem);line-height:var(--leading-snug)}.text-h2{font-size:clamp(1.25rem,4vw,1.75rem);line-height:var(--leading-normal)}.text-body{font-size:var(--text-base);line-height:var(--leading-relaxed)}.text-body-sm{font-size:var(--text-sm);line-height:var(--leading-relaxed)}}: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;--space-32: 8rem;--section-padding-sm: var(--space-12);--section-padding-md: var(--space-16);--section-padding-lg: var(--space-24);--section-gap: var(--space-16);--component-gap-sm: var(--space-3);--component-gap-md: var(--space-4);--component-gap-lg: var(--space-6);--component-padding-sm: var(--space-4);--component-padding-md: var(--space-6);--component-padding-lg: var(--space-8);--form-gap: var(--space-4);--form-field-gap: var(--space-2);--form-button-gap: var(--space-3)}.section-sm{padding:var(--section-padding-sm) 0}.section-md{padding:var(--section-padding-md) 0}.section-lg{padding:var(--section-padding-lg) 0}.section-responsive{padding:var(--space-8) 0}@media(min-width:768px){.section-responsive{padding:var(--section-padding-md) 0}}@media(min-width:1024px){.section-responsive{padding:var(--section-padding-lg) 0}}.gap-sm{gap:var(--component-gap-sm)}.gap-md{gap:var(--component-gap-md)}.gap-lg{gap:var(--component-gap-lg)}.gap-responsive{gap:var(--space-4)}@media(min-width:768px){.gap-responsive{gap:var(--component-gap-lg)}}.p-sm{padding:var(--component-padding-sm)}.p-md{padding:var(--component-padding-md)}.p-lg{padding:var(--component-padding-lg)}.p-responsive{padding:var(--space-4)}@media(min-width:768px){.p-responsive{padding:var(--component-padding-md)}}.container-sm{max-width:640px;margin:0 auto;padding:0 var(--space-4)}.container-md{max-width:768px;margin:0 auto;padding:0 var(--space-6)}.container-lg{max-width:1024px;margin:0 auto;padding:0 var(--space-8)}.container-xl{max-width:1280px;margin:0 auto;padding:0 var(--space-8)}.container-responsive{width:100%;margin:0 auto;padding:0 var(--space-4)}@media(min-width:640px){.container-responsive{padding:0 var(--space-6)}}@media(min-width:1024px){.container-responsive{padding:0 var(--space-8)}}.grid-gap-sm{gap:var(--space-3)}.grid-gap-md{gap:var(--space-4)}.grid-gap-lg{gap:var(--space-6)}.grid-gap-responsive{gap:var(--space-3)}@media(min-width:768px){.grid-gap-responsive{gap:var(--space-4)}}@media(min-width:1024px){.grid-gap-responsive{gap:var(--space-6)}}.rhythm-vertical{display:flex;flex-direction:column;gap:var(--space-4)}.rhythm-vertical-sm{gap:var(--space-2)}.rhythm-vertical-md{gap:var(--space-4)}.rhythm-vertical-lg{gap:var(--space-6)}.rhythm-horizontal{display:flex;align-items:center;gap:var(--space-4)}.rhythm-horizontal-sm{gap:var(--space-2)}.rhythm-horizontal-md{gap:var(--space-4)}.rhythm-horizontal-lg{gap:var(--space-6)}.stack-sm>*+*{margin-top:var(--space-2)}.stack-md>*+*{margin-top:var(--space-4)}.stack-lg>*+*{margin-top:var(--space-6)}.stack-responsive>*+*{margin-top:var(--space-3)}@media(min-width:768px){.stack-responsive>*+*{margin-top:var(--space-4)}}.section-content{max-width:65ch;margin:0 auto;padding:0 var(--space-4)}@media(min-width:768px){.section-content{padding:0 var(--space-6)}}.card-spaced{padding:var(--space-6)}.card-spaced-sm{padding:var(--space-4)}.card-spaced-lg{padding:var(--space-8)}.card-gap{gap:var(--space-4)}.card-gap-sm{gap:var(--space-3)}.card-gap-lg{gap:var(--space-6)}.form-group{margin-bottom:var(--form-gap)}.form-group-sm{margin-bottom:var(--space-3)}.form-group-lg{margin-bottom:var(--space-6)}.form-field{margin-bottom:var(--form-field-gap)}.form-buttons{display:flex;gap:var(--form-button-gap);align-items:center}.nav-spacing{gap:var(--space-6)}.nav-spacing-sm{gap:var(--space-4)}.nav-spacing-lg{gap:var(--space-8)}.space-y-responsive>*+*{margin-top:var(--space-3)}@media(min-width:768px){.space-y-responsive>*+*{margin-top:var(--space-4)}}@media(min-width:1024px){.space-y-responsive>*+*{margin-top:var(--space-6)}}.space-x-responsive>*+*{margin-left:var(--space-3)}@media(min-width:768px){.space-x-responsive>*+*{margin-left:var(--space-4)}}@media(min-width:1024px){.space-x-responsive>*+*{margin-left:var(--space-6)}}.safe-spacing{padding-left:env(safe-area-inset-left,var(--space-4));padding-right:env(safe-area-inset-right,var(--space-4));padding-top:env(safe-area-inset-top,var(--space-4));padding-bottom:env(safe-area-inset-bottom,var(--space-4))}.safe-spacing-horizontal{padding-left:env(safe-area-inset-left,var(--space-4));padding-right:env(safe-area-inset-right,var(--space-4))}.safe-spacing-vertical{padding-top:env(safe-area-inset-top,var(--space-4));padding-bottom:env(safe-area-inset-bottom,var(--space-4))}:root{--contrast-high-text: #000000;--contrast-high-bg: #ffffff;--contrast-low-text: #666666;--contrast-low-bg: #f5f5f5;--focus-primary: .2;--focus-secondary: .3;--focus-error: .25;--focus-success: .25;--focus-warning: .25;--sr-only-position: absolute;--sr-only-width: 1px;--sr-only-height: 1px;--sr-only-padding: 0;--sr-only-margin: -1px;--sr-only-overflow: hidden;--sr-only-clip: rect(0, 0, 0, 0);--sr-only-white-space: nowrap;--sr-only-border: 0}@media(prefers-contrast:high){:root{--color-neutral-50: #ffffff;--color-neutral-100: #f0f0f0;--color-neutral-200: #e0e0e0;--color-neutral-300: #d0d0d0;--color-neutral-400: #b0b0b0;--color-neutral-500: #808080;--color-neutral-600: #606060;--color-neutral-700: #404040;--color-neutral-800: #202020;--color-neutral-900: #000000;--color-primary-500: #0066cc;--color-primary-600: #0052a3;--color-primary-700: #003d7a;--color-red-500: #cc0000;--color-red-600: #990000;--color-red-700: #660000;--color-green-500: #006600;--color-green-600: #004d00;--color-green-700: #003300;--color-orange-500: #cc6600;--color-orange-600: #994d00;--color-orange-700: #663300}button,.btn{border-width:2px!important;font-weight:600!important}a{text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:2px!important}input,textarea,select{border-width:2px!important}*:focus-visible{outline-width:3px!important;outline-style:solid!important;outline-color:currentColor!important}}.focus-visible-enhanced:focus-visible{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;border-radius:6px;box-shadow:0 0 0 4px hsl(var(--color-primary-500) / var(--focus-primary));transition:all .2s cubic-bezier(.4,0,.2,1)}.focus-visible-error:focus-visible{outline-color:hsl(var(--color-red-500));box-shadow:0 0 0 4px hsl(var(--color-red-500) / var(--focus-error))}.focus-visible-success:focus-visible{outline-color:hsl(var(--color-green-500));box-shadow:0 0 0 4px hsl(var(--color-green-500) / var(--focus-success))}.focus-visible-warning:focus-visible{outline-color:hsl(var(--color-orange-500));box-shadow:0 0 0 4px hsl(var(--color-orange-500) / var(--focus-warning))}.skip-link{position:absolute;top:-40px;left:6px;background:hsl(var(--color-primary-600));color:hsl(var(--color-neutral-50));padding:8px 16px;text-decoration:none;border-radius:6px;font-weight:600;font-size:var(--text-sm);z-index:100;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000026;border:2px solid transparent}.skip-link:focus{top:6px;outline:2px solid hsl(var(--color-neutral-50));outline-offset:2px;box-shadow:0 8px 20px #00000040;transform:translateY(-2px);border-color:hsl(var(--color-neutral-50))}.sr-only{position:var(--sr-only-position);width:var(--sr-only-width);height:var(--sr-only-height);padding:var(--sr-only-padding);margin:var(--sr-only-margin);overflow:var(--sr-only-overflow);clip:var(--sr-only-clip);white-space:var(--sr-only-white-space);border:var(--sr-only-border)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.skip-link{transition:none!important}}@media(prefers-contrast:high){.color-blind-friendly{--color-primary-500: #0066cc;--color-success-500: #008800;--color-warning-500: #cc6600;--color-error-500: #cc0000}}@media(prefers-color-scheme:dark){:root{--contrast-high-text: #ffffff;--contrast-high-bg: #000000;--contrast-low-text: #cccccc;--contrast-low-bg: #1a1a1a}}.interactive-element{position:relative}.interactive-element:before{content:"";position:absolute;inset:-2px;border:2px solid transparent;border-radius:inherit;transition:all .2s ease;pointer-events:none}.interactive-element:focus-visible:before{border-color:hsl(var(--color-primary-500));box-shadow:0 0 0 4px hsl(var(--color-primary-500) / var(--focus-primary))}.link-accessible{color:hsl(var(--color-primary-600));text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:all .2s ease}.link-accessible:hover{color:hsl(var(--color-primary-700));text-decoration-thickness:2px}.link-accessible:focus-visible{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;background-color:hsl(var(--color-primary-50) / .2);border-radius:2px}.form-field-accessible{position:relative}.form-field-accessible input:focus-visible,.form-field-accessible textarea:focus-visible,.form-field-accessible select:focus-visible{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;box-shadow:0 0 0 4px hsl(var(--color-primary-500) / var(--focus-primary))}.error-accessible{color:hsl(var(--color-red-600));background-color:hsl(var(--color-red-50) / .5);border:1px solid hsl(var(--color-red-300));border-radius:4px;padding:8px 12px;margin-top:4px;font-size:var(--text-sm)}.dark .error-accessible{background-color:hsl(var(--color-red-900) / .3);border-color:hsl(var(--color-red-700));color:hsl(var(--color-red-400))}.success-accessible{color:hsl(var(--color-green-600));background-color:hsl(var(--color-green-50) / .5);border:1px solid hsl(var(--color-green-300));border-radius:4px;padding:8px 12px;margin-top:4px;font-size:var(--text-sm)}.dark .success-accessible{background-color:hsl(var(--color-green-900) / .3);border-color:hsl(var(--color-green-700));color:hsl(var(--color-green-400))}.warning-accessible{color:hsl(var(--color-orange-600));background-color:hsl(var(--color-orange-50) / .5);border:1px solid hsl(var(--color-orange-300));border-radius:4px;padding:8px 12px;margin-top:4px;font-size:var(--text-sm)}.dark .warning-accessible{background-color:hsl(var(--color-orange-900) / .3);border-color:hsl(var(--color-orange-700));color:hsl(var(--color-orange-400))}.info-accessible{color:hsl(var(--color-blue-600));background-color:hsl(var(--color-blue-50) / .5);border:1px solid hsl(var(--color-blue-300));border-radius:4px;padding:8px 12px;margin-top:4px;font-size:var(--text-sm)}.dark .info-accessible{background-color:hsl(var(--color-blue-900) / .3);border-color:hsl(var(--color-blue-700));color:hsl(var(--color-blue-400))}@keyframes micro-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.02)}}@keyframes micro-glow{0%{box-shadow:0 0 #10b98166}to{box-shadow:0 0 0 8px #10b98100}}@keyframes micro-slide-up{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes micro-slide-down{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes micro-fade-in{0%{opacity:0}to{opacity:1}}@keyframes micro-scale{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes micro-rotate{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes micro-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.micro-bounce:hover{animation:micro-bounce .3s ease-out}.micro-glow:hover{animation:micro-glow .6s ease-out}.micro-slide-up{animation:micro-slide-up .3s ease-out}.micro-slide-down{animation:micro-slide-down .3s ease-out}.micro-fade-in{animation:micro-fade-in .2s ease-out}.micro-scale{animation:micro-scale .3s cubic-bezier(.175,.885,.32,1.275)}.micro-rotate:hover{animation:micro-rotate .3s ease-out}.micro-pulse:hover{animation:micro-pulse .6s ease-in-out infinite}.micro-shake{animation:micro-shake .3s ease-out}.hover-lift-micro{transition:all .2s cubic-bezier(.4,0,.2,1)}.hover-lift-micro:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.hover-scale-micro{transition:all .2s cubic-bezier(.4,0,.2,1)}.hover-scale-micro:hover{transform:scale(1.05)}.hover-rotate-micro{transition:all .2s cubic-bezier(.4,0,.2,1)}.hover-rotate-micro:hover{transform:rotate(5deg)}.hover-glow-micro{transition:all .2s cubic-bezier(.4,0,.2,1)}.hover-glow-micro:hover{box-shadow:0 0 0 2px #10b98133}.card-micro:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:all .6s ease;opacity:0;pointer-events:none}.card-micro:hover:before{opacity:1;animation:shimmer .6s ease}.card-micro:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #00000026}.card-micro:active{transform:translateY(-2px) scale(1.01);transition-duration:.1s}.form-field-micro{position:relative;transition:all .2s ease}.form-field-micro:focus-within{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.form-field-micro input:focus~label,.form-field-micro textarea:focus~label,.form-field-micro input:not(:placeholder-shown)~label,.form-field-micro textarea:not(:placeholder-shown)~label{transform:translateY(-1.5rem) scale(.85);color:hsl(var(--color-primary-600))}.nav-item-micro{position:relative;transition:all .2s ease}.nav-item-micro:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:hsl(var(--color-primary-600));transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-50%)}.nav-item-micro:hover:after,.nav-item-micro:focus-within:after{width:100%}.nav-item-micro:hover{color:hsl(var(--color-primary-600));transform:translateY(-1px)}.ripple-micro{position:relative;overflow:hidden}.ripple-micro:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.5) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .6s,height .6s;border-radius:50%;pointer-events:none}.ripple-micro:active:after{width:300px;height:300px;opacity:0}.tooltip-micro:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:hsl(var(--color-neutral-900));color:hsl(var(--color-neutral-100));padding:4px 8px;border-radius:4px;font-size:var(--text-xs);white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:50}.tooltip-micro:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-2px);border:4px solid transparent;border-top-color:hsl(var(--color-neutral-900));opacity:0;visibility:hidden;transition:all .2s ease;z-index:50}.tooltip-micro:hover:before,.tooltip-micro:focus:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.tooltip-micro:hover:after,.tooltip-micro:focus:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-6px)}.spinner-micro{display:inline-block;width:16px;height:16px;border:2px solid hsl(var(--color-neutral-200));border-top:2px solid hsl(var(--color-primary-600));border-radius:50%;animation:spin .8s linear infinite}.spinner-micro.sm{width:12px;height:12px;border-width:1.5px}.spinner-micro.lg{width:24px;height:24px;border-width:3px}.progress-micro{height:4px;background:hsl(var(--color-neutral-200));border-radius:2px;overflow:hidden;position:relative}.progress-micro:after{content:"";position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,hsl(var(--color-primary-600)),hsl(var(--color-primary-500)));border-radius:2px;animation:progress-slide 1s ease-out}@keyframes progress-slide{0%{width:0%}to{width:var(--progress, 100%)}}.checkbox-micro,.radio-micro{position:relative;transition:all .2s ease}.checkbox-micro:checked,.radio-micro:checked{animation:micro-bounce .3s ease-out}.checkbox-micro:hover,.radio-micro:hover{transform:scale(1.1);box-shadow:0 0 0 2px #10b98133}.toggle-micro{position:relative;width:44px;height:24px;background:hsl(var(--color-neutral-300));border-radius:12px;transition:all .3s ease;cursor:pointer}.toggle-micro:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 2px 4px #0003}.toggle-micro:checked{background:hsl(var(--color-primary-600))}.toggle-micro:checked:after{transform:translate(20px)}.toggle-micro:hover:after{transform:scale(1.1)}.toggle-micro:checked:hover:after{transform:translate(20px) scale(1.1)}.touch-feedback-micro{position:relative;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.touch-feedback-micro:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(0,0,0,.1) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);border-radius:inherit;transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.touch-feedback-micro:active:before{transform:translate(-50%,-50%) scale(1);transition-duration:.1s}@media(max-width:768px){.micro-bounce:hover,.micro-glow:hover{animation:none}.card-micro:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 8px 16px #0000001a}.hover-lift-micro:hover{transform:translateY(-.5px);box-shadow:0 1px 4px #0000001a}.hover-scale-micro:hover{transform:scale(1.02)}}@media(prefers-reduced-motion:reduce){.micro-bounce,.micro-glow,.micro-slide-up,.micro-slide-down,.micro-fade-in,.micro-scale,.micro-rotate,.micro-pulse,.micro-shake{animation:none!important}.hover-lift-micro,.hover-scale-micro,.hover-rotate-micro,.hover-glow-micro,.card-micro,.form-field-micro,.nav-item-micro,.ripple-micro,.tooltip-micro,.checkbox-micro,.radio-micro,.toggle-micro,.touch-feedback-micro{transition:none!important}}.hover-lift-premium{transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.hover-lift-premium:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px -12px #00000040}.hover-lift-premium:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.hover-lift-premium:hover:before{left:100%}.focus-indicator-enhanced{position:relative}.focus-indicator-enhanced:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,hsl(var(--color-primary-500)),hsl(var(--color-primary-300)));border-radius:inherit;opacity:0;transition:opacity .3s ease;z-index:-1}.focus-indicator-enhanced:focus-visible:after{opacity:.3;animation:focus-pulse 2s ease-in-out infinite}@keyframes focus-pulse{0%,to{opacity:.3}50%{opacity:.6}}.loading-skeleton-enhanced{background:linear-gradient(90deg,hsl(var(--color-neutral-200)),hsl(var(--color-neutral-100)),hsl(var(--color-neutral-200)));background-size:200% 100%;animation:skeleton-loading-enhanced 1.5s ease-in-out infinite;border-radius:8px;position:relative;overflow:hidden}.loading-skeleton-enhanced:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:skeleton-shine-enhanced 2s ease-in-out infinite}.dark .loading-skeleton-enhanced{background:linear-gradient(90deg,hsl(var(--color-neutral-700)),hsl(var(--color-neutral-600)),hsl(var(--color-neutral-700)))}.dark .loading-skeleton-enhanced:before{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%)}@keyframes skeleton-loading-enhanced{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-shine-enhanced{0%{transform:translate(-100%)}to{transform:translate(100%)}}.feedback-success{animation:feedback-success-bounce .6s cubic-bezier(.68,-.55,.265,1.55);border-color:hsl(var(--color-success-500))!important;background-color:hsl(var(--color-success-50))!important}.dark .feedback-success{background-color:hsl(var(--color-success-900) / .2)!important}.feedback-error{animation:feedback-error-shake .5s ease-in-out;border-color:hsl(var(--color-error-500))!important;background-color:hsl(var(--color-error-50))!important}.dark .feedback-error{background-color:hsl(var(--color-error-900) / .2)!important}@keyframes feedback-success-bounce{0%{transform:scale(1)}25%{transform:scale(.95)}50%{transform:scale(1.05)}75%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes feedback-error-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.card-interactive-enhanced{transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;cursor:pointer}.card-interactive-enhanced:hover{transform:translateY(-6px) rotateX(2deg);box-shadow:0 30px 60px #00000026}.card-interactive-enhanced:active{transform:translateY(-3px) rotateX(1deg);transition-duration:.1s}.card-interactive-enhanced:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0%,rgba(255,255,255,.1) 100%);opacity:0;transition:opacity .3s ease}.card-interactive-enhanced:hover:before{opacity:1}.button-enhanced{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.button-enhanced:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.button-enhanced:active:before{width:300px;height:300px}.button-enhanced:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 15px 35px #00000026}.button-enhanced:active{transform:translateY(-1px) scale(1.01);transition-duration:.1s}.input-enhanced{transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative}.input-enhanced:focus{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a;border-color:hsl(var(--color-primary-500))}.input-enhanced:hover:not(:focus){border-color:hsl(var(--color-primary-300));box-shadow:0 5px 15px #0000000d}.modal-backdrop-enhanced{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;animation:modal-fade-in .3s ease-out}@keyframes modal-fade-in{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(8px)}}.tooltip-enhanced{position:absolute;background:hsl(var(--color-neutral-900));color:hsl(var(--color-neutral-50));padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500;white-space:nowrap;z-index:1000;pointer-events:none;opacity:0;transform:translateY(-5px);transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 25px #0003}.tooltip-enhanced.visible{opacity:1;transform:translateY(0)}.tooltip-enhanced:before{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid hsl(var(--color-neutral-900))}.nav-enhanced{position:relative;overflow:hidden}.nav-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.nav-enhanced:hover:before{opacity:1}.progress-enhanced{position:relative;overflow:hidden;background:hsl(var(--color-neutral-200));border-radius:9999px}.dark .progress-enhanced{background:hsl(var(--color-neutral-700))}.progress-enhanced:before{content:"";position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,hsl(var(--color-primary-500)),hsl(var(--color-primary-400)));border-radius:9999px;transition:width .3s ease;box-shadow:0 0 10px #22c55e4d}@media(prefers-reduced-motion:reduce){.hover-lift-premium,.card-interactive-enhanced,.button-enhanced,.input-enhanced,.tooltip-enhanced{transition:none;animation:none}.hover-lift-premium:hover,.card-interactive-enhanced:hover,.button-enhanced:hover{transform:none}}@media(prefers-contrast:high){.glass-effect,.glass-effect-elevated{background:#ffffffe6;border:2px solid currentColor}.dark .glass-effect,.dark .glass-effect-elevated{background:#000000e6;border:2px solid currentColor}.focus-indicator-enhanced:after{opacity:.6}}@media(max-width:768px)and (hover:none){.hover-lift-premium:hover,.card-interactive-enhanced:hover,.button-enhanced:hover{transform:none}.hover-lift-premium:active,.card-interactive-enhanced:active,.button-enhanced:active{transform:scale(.98);transition-duration:.1s}}.focus-trap:focus{outline:none;box-shadow:0 0 0 4px hsl(var(--color-primary-500) / .3);border-radius:8px}.focus-visible-enhanced:focus-visible{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;border-radius:4px;box-shadow:0 0 0 4px hsl(var(--color-primary-500) / .2)}.skip-link{position:absolute;top:-40px;left:6px;background:hsl(var(--color-primary-600));color:#fff;padding:8px;text-decoration:none;border-radius:4px;font-weight:600;z-index:100;transition:top .3s}.skip-link:focus{top:6px;outline:2px solid white;outline-offset:2px}@media(max-width:768px){html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}}@media(prefers-contrast:high){.enhanced-contrast{border-width:2px}.enhanced-contrast:focus{border-width:3px}.focus-ring-enhanced:focus-visible{outline-width:3px;outline-color:currentColor;box-shadow:0 0 0 6px currentColor}.text-primary{color:hsl(var(--color-primary-800))}.dark .text-primary{color:hsl(var(--color-primary-300))}.btn-enhanced{border-width:2px}.btn-enhanced:focus-visible{border-width:3px;outline:none;box-shadow:0 0 0 4px currentColor}button,a,input,textarea,select{border-width:2px!important;outline-width:2px!important}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-width:3px!important;outline-color:currentColor!important;box-shadow:0 0 0 4px currentColor!important}}.high-contrast-text{color:hsl(var(--color-neutral-900))}.dark .high-contrast-text{color:hsl(var(--color-neutral-100))}.high-contrast-border{border-color:hsl(var(--color-neutral-900))}.dark .high-contrast-border{border-color:hsl(var(--color-neutral-100))}.contrast-check{position:relative}.contrast-check:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 48%,currentColor 48%,currentColor 52%,transparent 52%);opacity:.1;pointer-events:none;border-radius:inherit}.skip-link-enhanced{position:absolute;top:-40px;left:6px;background:hsl(var(--color-primary-600));color:#fff;padding:8px 12px;text-decoration:none;border-radius:6px;font-weight:600;z-index:100;transition:all .3s ease;box-shadow:0 2px 8px #0003;border:2px solid transparent}.skip-link-enhanced:focus{top:6px;outline:2px solid white;outline-offset:2px;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px);border-color:hsl(var(--color-primary-700))}.btn-contrast-check{position:relative;overflow:hidden}.btn-contrast-check:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.btn-contrast-check:hover:after{opacity:1}.text-spacing-tight{letter-spacing:-.025em}.text-spacing-normal{letter-spacing:0}.text-spacing-relaxed{letter-spacing:.025em}.text-spacing-wide{letter-spacing:.05em}.text-spacing-wider{letter-spacing:.1em}:root{--fluid-min-width: 320;--fluid-max-width: 1140;--fluid-screen: 100vw;--fluid-bp: calc( (var(--fluid-screen) - var(--fluid-min-width) / 16 * 1rem) / (var(--fluid-max-width) - var(--fluid-min-width)) );--text-xs: clamp(.75rem, .7vw, .875rem);--text-sm: clamp(.875rem, .9vw, 1rem);--text-base: clamp(1rem, 1.1vw, 1.125rem);--text-lg: clamp(1.125rem, 1.3vw, 1.25rem);--text-xl: clamp(1.25rem, 1.5vw, 1.5rem);--text-2xl: clamp(1.5rem, 2vw, 2rem);--text-3xl: clamp(2rem, 2.5vw, 2.5rem);--text-4xl: clamp(2.5rem, 3vw, 3rem);--text-5xl: clamp(3rem, 4vw, 4rem)}.text-display-xl{font-size:var(--text-5xl);line-height:1.05;font-weight:900;letter-spacing:-.025em;font-optical-sizing:auto}.text-display-lg{font-size:var(--text-4xl);line-height:1.1;font-weight:800;letter-spacing:-.02em;font-optical-sizing:auto}.text-display-md{font-size:var(--text-3xl);line-height:1.2;font-weight:700;letter-spacing:-.015em;font-optical-sizing:auto}.text-heading-xl{font-size:var(--text-2xl);line-height:1.25;font-weight:700;letter-spacing:-.01em;font-optical-sizing:auto}.text-heading-lg{font-size:var(--text-xl);line-height:1.3;font-weight:600;letter-spacing:-.005em;font-optical-sizing:auto}.text-heading-md{font-size:var(--text-lg);line-height:1.35;font-weight:600;font-optical-sizing:auto}.text-heading-sm{font-size:var(--text-base);line-height:1.4;font-weight:600;font-optical-sizing:auto}.text-body-lg{font-size:var(--text-base);line-height:1.75;font-weight:400;font-optical-sizing:auto}.text-body{font-size:var(--text-sm);line-height:1.7;font-weight:400;font-optical-sizing:auto}.text-body-sm{font-size:var(--text-xs);line-height:1.65;font-weight:400;font-optical-sizing:auto}.text-caption{font-size:var(--text-xs);line-height:1.4;font-weight:500;letter-spacing:.025em;font-optical-sizing:auto}.text-overline{font-size:var(--text-xs);line-height:1.3;font-weight:600;letter-spacing:.075em;text-transform:uppercase;font-optical-sizing:auto}.reading-enhanced{line-height:1.8;letter-spacing:.01em;word-spacing:.05em;text-rendering:optimizeLegibility}.reading-comfortable{line-height:1.75;letter-spacing:.005em;text-rendering:optimizeLegibility}.reading-compact{line-height:1.5;letter-spacing:0;text-rendering:optimizeSpeed}.text-readable{max-width:65ch;line-height:1.7}.text-readable-wide{max-width:80ch;line-height:1.75}.text-readable-narrow{max-width:45ch;line-height:1.6}.prose{line-height:1.7}.prose p{margin-bottom:1.25rem;text-wrap:balance}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{margin-top:2rem;margin-bottom:1rem;line-height:1.3;text-wrap:balance}.prose ul,.prose ol{margin-bottom:1.25rem;padding-left:1.5rem}.prose li{margin-bottom:.5rem}.text-left-soft{text-align:left;text-align-last:center}.text-justified-enhanced{text-align:justify;text-align-last:justify;hyphens:auto;word-break:break-word}.font-light{font-weight:300}.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}.font-black{font-weight:900}.text-underline-enhanced{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:hsl(var(--color-primary-500) / .3)}.text-underline-enhanced:hover{text-decoration-color:hsl(var(--color-primary-500))}.text-stroke{-webkit-text-stroke:1px hsl(var(--color-neutral-900));-webkit-text-fill-color:transparent}.dark .text-stroke{-webkit-text-stroke:1px hsl(var(--color-white))}.text-shadow-sm{text-shadow:0 1px 2px rgba(0,0,0,.05)}.text-shadow{text-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}.text-shadow-lg{text-shadow:0 4px 6px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06)}.text-truncate-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-truncate-2{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.text-truncate-3{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}::selection{background-color:hsl(var(--color-primary-500) / .2);color:hsl(var(--color-neutral-900))}.dark ::selection{background-color:hsl(var(--color-primary-500) / .3);color:hsl(var(--color-white))}@media(max-width:640px){.text-responsive-sm{font-size:.875rem;line-height:1.5}.text-responsive-md{font-size:1rem;line-height:1.6}.text-responsive-lg{font-size:1.125rem;line-height:1.7}}@media(min-width:1024px){.text-responsive-sm{font-size:1rem;line-height:1.6}.text-responsive-md{font-size:1.125rem;line-height:1.7}.text-responsive-lg{font-size:1.25rem;line-height:1.8}}: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;--space-32: 8rem}.space-y-0>*+*{margin-top:var(--space-0)}.space-y-1>*+*{margin-top:var(--space-1)}.space-y-2>*+*{margin-top:var(--space-2)}.space-y-3>*+*{margin-top:var(--space-3)}.space-y-4>*+*{margin-top:var(--space-4)}.space-y-5>*+*{margin-top:var(--space-5)}.space-y-6>*+*{margin-top:var(--space-6)}.space-y-8>*+*{margin-top:var(--space-8)}.space-y-10>*+*{margin-top:var(--space-10)}.space-y-12>*+*{margin-top:var(--space-12)}.space-x-0>*+*{margin-left:var(--space-0)}.space-x-1>*+*{margin-left:var(--space-1)}.space-x-2>*+*{margin-left:var(--space-2)}.space-x-3>*+*{margin-left:var(--space-3)}.space-x-4>*+*{margin-left:var(--space-4)}.space-x-5>*+*{margin-left:var(--space-5)}.space-x-6>*+*{margin-left:var(--space-6)}.space-x-8>*+*{margin-left:var(--space-8)}.space-x-10>*+*{margin-left:var(--space-10)}.space-x-12>*+*{margin-left:var(--space-12)}.gap-0{gap:var(--space-0)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.section-spacing-sm{padding:var(--space-6) 0}.section-spacing-md{padding:var(--space-12) 0}.section-spacing-lg{padding:var(--space-20) 0}.section-spacing-xl{padding:var(--space-24) 0}.container-spacing-sm{padding:var(--space-4)}.container-spacing-md{padding:var(--space-6)}.container-spacing-lg{padding:var(--space-8)}.container-spacing-xl{padding:var(--space-12)}.rhythm-paragraph{margin-bottom:var(--space-6);line-height:1.7}.rhythm-heading{margin-top:var(--space-12);margin-bottom:var(--space-6);line-height:1.3}.rhythm-list{margin-bottom:var(--space-6);padding-left:var(--space-6)}.rhythm-list-item{margin-bottom:var(--space-2)}.layout-stack>*+*{margin-top:var(--space-4)}.layout-stack-lg>*+*{margin-top:var(--space-8)}.layout-stack-xl>*+*{margin-top:var(--space-12)}.layout-inline{display:flex;align-items:center;gap:var(--space-4)}.layout-inline-lg{display:flex;align-items:center;gap:var(--space-6)}@media(max-width:640px){.responsive-spacing-sm{padding:var(--space-3)}.responsive-spacing-md{padding:var(--space-4)}.responsive-spacing-lg{padding:var(--space-6)}.responsive-spacing-xl{padding:var(--space-8)}}@media(min-width:641px)and (max-width:1024px){.responsive-spacing-sm{padding:var(--space-4)}.responsive-spacing-md{padding:var(--space-6)}.responsive-spacing-lg{padding:var(--space-8)}.responsive-spacing-xl{padding:var(--space-12)}}@media(min-width:1025px){.responsive-spacing-sm{padding:var(--space-6)}.responsive-spacing-md{padding:var(--space-8)}.responsive-spacing-lg{padding:var(--space-12)}.responsive-spacing-xl{padding:var(--space-16)}}@media print{.text-print{font-family:Georgia,Times New Roman,serif;line-height:1.5;color:#000}.text-print-heading{font-family:Helvetica Neue,Arial,sans-serif;font-weight:700;line-height:1.3}.rhythm-paragraph{margin-bottom:var(--space-4)}.rhythm-heading{margin-top:var(--space-8);margin-bottom:var(--space-4)}}:root{--color-primary-50: 142 71% 88%;--color-primary-100: 142 71% 88%;--color-primary-200: 142 70% 82%;--color-primary-300: 142 68% 73%;--color-primary-400: 142 70% 58%;--color-primary-500: 142 72% 30%;--color-primary-600: 142 72% 42%;--color-primary-700: 142 76% 27%;--color-primary-800: 142 71% 25%;--color-primary-900: 142 74% 20%;--color-neutral-0: 0 0% 100%;--color-neutral-50: 220 20% 97%;--color-neutral-100: 220 19% 93%;--color-neutral-200: 220 14% 86%;--color-neutral-300: 220 9% 71%;--color-neutral-400: 220 9% 60%;--color-neutral-500: 220 11% 42%;--color-neutral-600: 215 16% 35%;--color-neutral-700: 219 28% 22%;--color-neutral-800: 220 26% 12%;--color-neutral-900: 220 39% 8%;--color-neutral-950: 220 45% 4%;--color-success-50: 142 76% 96%;--color-success-100: 142 71% 88%;--color-success-500: 142 72% 42%;--color-success-600: 142 72% 30%;--color-success-700: 142 76% 27%;--color-success-900: 142 74% 20%;--color-warning-50: 48 96% 96%;--color-warning-100: 48 96% 91%;--color-warning-500: 48 96% 53%;--color-warning-600: 45 93% 47%;--color-warning-700: 40 96% 42%;--color-warning-900: 30 96% 30%;--color-error-50: 0 100% 97%;--color-error-100: 0 93% 94%;--color-error-500: 0 84% 60%;--color-error-600: 0 72% 51%;--color-error-700: 0 74% 42%;--color-error-900: 0 70% 35%;--color-info-50: 217 91% 97%;--color-info-100: 214 95% 94%;--color-info-500: 221 83% 53%;--color-info-600: 221 83% 53%;--color-info-700: 219 77% 46%;--color-info-900: 216 79% 35%}.text-primary{color:hsl(var(--color-primary-700))}.dark .text-primary{color:hsl(var(--color-primary-400))}.text-primary-contrast{color:hsl(var(--color-primary-900))}.dark .text-primary-contrast{color:hsl(var(--color-primary-100))}.text-secondary{color:hsl(var(--color-neutral-600))}.dark .text-secondary{color:hsl(var(--color-neutral-400))}.text-secondary-contrast{color:hsl(var(--color-neutral-800))}.dark .text-secondary-contrast{color:hsl(var(--color-neutral-200))}.text-muted{color:hsl(var(--color-neutral-500))}.dark .text-muted{color:hsl(var(--color-neutral-400))}.text-muted-contrast{color:hsl(var(--color-neutral-700))}.dark .text-muted-contrast{color:hsl(var(--color-neutral-300))}.bg-primary{background-color:hsl(var(--color-primary-600));color:#fff}.bg-primary-contrast{background-color:hsl(var(--color-primary-50));color:hsl(var(--color-primary-900))}.bg-secondary{background-color:hsl(var(--color-neutral-100));color:hsl(var(--color-neutral-900))}.dark .bg-secondary{background-color:hsl(var(--color-neutral-800));color:hsl(var(--color-neutral-100))}.bg-surface{background-color:hsl(var(--color-neutral-50));color:hsl(var(--color-neutral-900))}.dark .bg-surface{background-color:hsl(var(--color-neutral-900));color:hsl(var(--color-neutral-100))}.bg-surface-elevated{background-color:hsl(var(--color-white));color:hsl(var(--color-neutral-900));box-shadow:0 4px 6px -1px hsl(var(--color-neutral-900) / .1),0 2px 4px -1px hsl(var(--color-neutral-900) / .06)}.dark .bg-surface-elevated{background-color:hsl(var(--color-neutral-800));color:hsl(var(--color-neutral-100));box-shadow:0 4px 6px -1px hsl(var(--color-neutral-900) / .3),0 2px 4px -1px hsl(var(--color-neutral-900) / .2)}.bg-success{background-color:hsl(var(--color-success-600));color:#fff}.bg-success-subtle{background-color:hsl(var(--color-success-50));color:hsl(var(--color-success-900))}.bg-warning{background-color:hsl(var(--color-warning-600));color:#fff}.bg-warning-subtle{background-color:hsl(var(--color-warning-50));color:hsl(var(--color-warning-900))}.bg-error{background-color:hsl(var(--color-error-600));color:#fff}.bg-error-subtle{background-color:hsl(var(--color-error-50));color:hsl(var(--color-error-900))}.bg-info{background-color:hsl(var(--color-info-600));color:#fff}.bg-info-subtle{background-color:hsl(var(--color-info-50));color:hsl(var(--color-info-900))}.border-primary{border-color:hsl(var(--color-primary-500))}.border-secondary{border-color:hsl(var(--color-neutral-300))}.dark .border-secondary{border-color:hsl(var(--color-neutral-600))}.border-muted{border-color:hsl(var(--color-neutral-200))}.dark .border-muted{border-color:hsl(var(--color-neutral-700))}.focus-primary:focus-visible{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;box-shadow:0 0 0 4px hsl(var(--color-primary-500) / .2)}.focus-success:focus{outline:2px solid hsl(var(--color-success-500));outline-offset:2px}.focus-success:focus-visible{outline:2px solid hsl(var(--color-success-500));outline-offset:2px;box-shadow:0 0 0 4px hsl(var(--color-success-500) / .2)}.focus-warning:focus{outline:2px solid hsl(var(--color-warning-500));outline-offset:2px}.focus-warning:focus-visible{outline:2px solid hsl(var(--color-warning-500));outline-offset:2px;box-shadow:0 0 0 4px hsl(var(--color-warning-500) / .2)}.focus-error:focus{outline:2px solid hsl(var(--color-error-500));outline-offset:2px}.focus-error:focus-visible{outline:2px solid hsl(var(--color-error-500));outline-offset:2px;box-shadow:0 0 0 4px hsl(var(--color-error-500) / .2)}@media(prefers-contrast:high){:root{--color-primary-600: 142 90% 30%;--color-primary-700: 142 90% 25%;--color-neutral-700: 219 40% 15%;--color-neutral-800: 220 40% 10%;--color-neutral-900: 220 50% 5%}.text-primary{color:hsl(var(--color-primary-800))}.text-secondary{color:hsl(var(--color-neutral-900))}.border-primary{border-width:2px;border-color:hsl(var(--color-primary-600))}.focus-primary:focus-visible{outline-width:3px;box-shadow:0 0 0 6px hsl(var(--color-primary-500) / .3)}}@media(prefers-reduced-motion:reduce){.bg-primary,.bg-secondary,.bg-surface,.bg-success,.bg-warning,.bg-error,.bg-info{transition:none}}:root{--spacing-0: 0;--spacing-px: 1px;--spacing-0_5: .125rem;--spacing-1: .25rem;--spacing-1_5: .375rem;--spacing-2: .5rem;--spacing-2_5: .625rem;--spacing-3: .75rem;--spacing-3_5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-36: 9rem;--spacing-40: 10rem;--spacing-44: 11rem;--spacing-48: 12rem;--spacing-52: 13rem;--spacing-56: 14rem;--spacing-60: 15rem;--spacing-64: 16rem;--spacing-72: 18rem;--spacing-80: 20rem;--spacing-96: 24rem}.m-0{margin:var(--spacing-0)}.m-px{margin:var(--spacing-px)}.m-0_5{margin:var(--spacing-0_5)}.m-1{margin:var(--spacing-1)}.m-1_5{margin:var(--spacing-1_5)}.m-2{margin:var(--spacing-2)}.m-2_5{margin:var(--spacing-2_5)}.m-3{margin:var(--spacing-3)}.m-3_5{margin:var(--spacing-3_5)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-7{margin:var(--spacing-7)}.m-8{margin:var(--spacing-8)}.m-10{margin:var(--spacing-10)}.m-12{margin:var(--spacing-12)}.m-16{margin:var(--spacing-16)}.m-20{margin:var(--spacing-20)}.m-24{margin:var(--spacing-24)}.m-32{margin:var(--spacing-32)}.p-0{padding:var(--spacing-0)}.p-px{padding:var(--spacing-px)}.p-0_5{padding:var(--spacing-0_5)}.p-1{padding:var(--spacing-1)}.p-1_5{padding:var(--spacing-1_5)}.p-2{padding:var(--spacing-2)}.p-2_5{padding:var(--spacing-2_5)}.p-3{padding:var(--spacing-3)}.p-3_5{padding:var(--spacing-3_5)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-7{padding:var(--spacing-7)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-10)}.p-12{padding:var(--spacing-12)}.p-16{padding:var(--spacing-16)}.p-20{padding:var(--spacing-20)}.p-24{padding:var(--spacing-24)}.p-32{padding:var(--spacing-32)}.gap-0{gap:var(--spacing-0)}.gap-px{gap:var(--spacing-px)}.gap-0_5{gap:var(--spacing-0_5)}.gap-1{gap:var(--spacing-1)}.gap-1_5{gap:var(--spacing-1_5)}.gap-2{gap:var(--spacing-2)}.gap-2_5{gap:var(--spacing-2_5)}.gap-3{gap:var(--spacing-3)}.gap-3_5{gap:var(--spacing-3_5)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-7{gap:var(--spacing-7)}.gap-8{gap:var(--spacing-8)}.gap-10{gap:var(--spacing-10)}.gap-12{gap:var(--spacing-12)}.gap-16{gap:var(--spacing-16)}.gap-20{gap:var(--spacing-20)}.gap-24{gap:var(--spacing-24)}.gap-32{gap:var(--spacing-32)}.space-y-0>:not([hidden])~:not([hidden]){margin-top:var(--spacing-0)}.space-y-px>:not([hidden])~:not([hidden]){margin-top:var(--spacing-px)}.space-y-0_5>:not([hidden])~:not([hidden]){margin-top:var(--spacing-0_5)}.space-y-1>:not([hidden])~:not([hidden]){margin-top:var(--spacing-1)}.space-y-1_5>:not([hidden])~:not([hidden]){margin-top:var(--spacing-1_5)}.space-y-2>:not([hidden])~:not([hidden]){margin-top:var(--spacing-2)}.space-y-2_5>:not([hidden])~:not([hidden]){margin-top:var(--spacing-2_5)}.space-y-3>:not([hidden])~:not([hidden]){margin-top:var(--spacing-3)}.space-y-3_5>:not([hidden])~:not([hidden]){margin-top:var(--spacing-3_5)}.space-y-4>:not([hidden])~:not([hidden]){margin-top:var(--spacing-4)}.space-y-5>:not([hidden])~:not([hidden]){margin-top:var(--spacing-5)}.space-y-6>:not([hidden])~:not([hidden]){margin-top:var(--spacing-6)}.space-y-7>:not([hidden])~:not([hidden]){margin-top:var(--spacing-7)}.space-y-8>:not([hidden])~:not([hidden]){margin-top:var(--spacing-8)}.space-y-10>:not([hidden])~:not([hidden]){margin-top:var(--spacing-10)}.space-y-12>:not([hidden])~:not([hidden]){margin-top:var(--spacing-12)}.space-y-16>:not([hidden])~:not([hidden]){margin-top:var(--spacing-16)}.space-y-20>:not([hidden])~:not([hidden]){margin-top:var(--spacing-20)}.space-y-24>:not([hidden])~:not([hidden]){margin-top:var(--spacing-24)}.space-y-32>:not([hidden])~:not([hidden]){margin-top:var(--spacing-32)}.space-x-0>:not([hidden])~:not([hidden]){margin-left:var(--spacing-0)}.space-x-px>:not([hidden])~:not([hidden]){margin-left:var(--spacing-px)}.space-x-0_5>:not([hidden])~:not([hidden]){margin-left:var(--spacing-0_5)}.space-x-1>:not([hidden])~:not([hidden]){margin-left:var(--spacing-1)}.space-x-1_5>:not([hidden])~:not([hidden]){margin-left:var(--spacing-1_5)}.space-x-2>:not([hidden])~:not([hidden]){margin-left:var(--spacing-2)}.space-x-2_5>:not([hidden])~:not([hidden]){margin-left:var(--spacing-2_5)}.space-x-3>:not([hidden])~:not([hidden]){margin-left:var(--spacing-3)}.space-x-3_5>:not([hidden])~:not([hidden]){margin-left:var(--spacing-3_5)}.space-x-4>:not([hidden])~:not([hidden]){margin-left:var(--spacing-4)}.space-x-5>:not([hidden])~:not([hidden]){margin-left:var(--spacing-5)}.space-x-6>:not([hidden])~:not([hidden]){margin-left:var(--spacing-6)}.space-x-7>:not([hidden])~:not([hidden]){margin-left:var(--spacing-7)}.space-x-8>:not([hidden])~:not([hidden]){margin-left:var(--spacing-8)}.space-x-10>:not([hidden])~:not([hidden]){margin-left:var(--spacing-10)}.space-x-12>:not([hidden])~:not([hidden]){margin-left:var(--spacing-12)}.space-x-16>:not([hidden])~:not([hidden]){margin-left:var(--spacing-16)}.space-x-20>:not([hidden])~:not([hidden]){margin-left:var(--spacing-20)}.space-x-24>:not([hidden])~:not([hidden]){margin-left:var(--spacing-24)}.space-x-32>:not([hidden])~:not([hidden]){margin-left:var(--spacing-32)}.rhythm-tight{line-height:1.25;margin-bottom:var(--spacing-2)}.rhythm-normal{line-height:1.5;margin-bottom:var(--spacing-4)}.rhythm-relaxed{line-height:1.75;margin-bottom:var(--spacing-6)}.rhythm-loose{line-height:2;margin-bottom:var(--spacing-8)}.rhythm-enhanced-tight{line-height:1.3;margin-bottom:var(--spacing-3);letter-spacing:-.01em}.rhythm-enhanced-normal{line-height:1.6;margin-bottom:var(--spacing-5);letter-spacing:-.005em}.rhythm-enhanced-relaxed{line-height:1.8;margin-bottom:var(--spacing-7);letter-spacing:0}.rhythm-enhanced-loose{line-height:2.1;margin-bottom:var(--spacing-9);letter-spacing:.01em}.section-enhanced-sm{padding:var(--spacing-16) 0;scroll-margin-top:var(--spacing-20)}.section-enhanced-md{padding:var(--spacing-24) 0;scroll-margin-top:var(--spacing-20)}.section-enhanced-lg{padding:var(--spacing-32) 0;scroll-margin-top:var(--spacing-20)}.section-enhanced-xl{padding:var(--spacing-40) 0;scroll-margin-top:var(--spacing-20)}.container-enhanced-sm{padding:0 var(--spacing-5);max-width:100%}.container-enhanced-md{padding:0 var(--spacing-6);max-width:100%}.container-enhanced-lg{padding:0 var(--spacing-8);max-width:100%}@media(min-width:640px){.container-enhanced-sm{padding:0 var(--spacing-6)}.container-enhanced-md{padding:0 var(--spacing-8)}.container-enhanced-lg{padding:0 var(--spacing-10)}}@media(min-width:1024px){.container-enhanced-sm{padding:0 var(--spacing-8)}.container-enhanced-md{padding:0 var(--spacing-10)}.container-enhanced-lg{padding:0 var(--spacing-12)}}.content-spacing-enhanced{display:flex;flex-direction:column;gap:var(--spacing-6)}.content-spacing-enhanced-sm{gap:var(--spacing-4)}.content-spacing-enhanced-md{gap:var(--spacing-8)}.content-spacing-enhanced-lg{gap:var(--spacing-12)}.card-spacing-enhanced{padding:var(--spacing-6);gap:var(--spacing-4)}.card-spacing-enhanced-sm{padding:var(--spacing-4);gap:var(--spacing-3)}.card-spacing-enhanced-md{padding:var(--spacing-8);gap:var(--spacing-5)}.card-spacing-enhanced-lg{padding:var(--spacing-10);gap:var(--spacing-6)}.section-spacing-sm{padding:var(--spacing-12) 0}.section-spacing-md{padding:var(--spacing-20) 0}.section-spacing-lg{padding:var(--spacing-32) 0}.section-spacing-xl{padding:var(--spacing-48) 0}.container-spacing-sm{padding:0 var(--spacing-4)}.container-spacing-md{padding:0 var(--spacing-6)}.container-spacing-lg{padding:0 var(--spacing-8)}.container-spacing-xl{padding:0 var(--spacing-12)}.component-spacing-tight{padding:var(--spacing-3);gap:var(--spacing-3)}.component-spacing-normal{padding:var(--spacing-4);gap:var(--spacing-4)}.component-spacing-relaxed{padding:var(--spacing-6);gap:var(--spacing-6)}.component-spacing-loose{padding:var(--spacing-8);gap:var(--spacing-8)}@media(max-width:640px){.responsive-spacing-sm{padding:var(--spacing-3);gap:var(--spacing-3)}.responsive-spacing-md{padding:var(--spacing-4);gap:var(--spacing-4)}.responsive-spacing-lg{padding:var(--spacing-6);gap:var(--spacing-6)}}@media(min-width:1024px){.responsive-spacing-sm{padding:var(--spacing-4);gap:var(--spacing-4)}.responsive-spacing-md{padding:var(--spacing-6);gap:var(--spacing-6)}.responsive-spacing-lg{padding:var(--spacing-8);gap:var(--spacing-8)}}.layout-rhythm{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--spacing-4);padding:0 var(--spacing-4)}.layout-rhythm-compact{gap:var(--spacing-2);padding:0 var(--spacing-2)}.layout-rhythm-relaxed{gap:var(--spacing-6);padding:0 var(--spacing-6)}.vertical-rhythm{display:flex;flex-direction:column;gap:var(--spacing-4)}.vertical-rhythm-tight{gap:var(--spacing-2)}.vertical-rhythm-relaxed{gap:var(--spacing-6)}.horizontal-rhythm{display:flex;align-items:center;gap:var(--spacing-4)}.horizontal-rhythm-tight{gap:var(--spacing-2)}.horizontal-rhythm-relaxed{gap:var(--spacing-6)}@keyframes hover-lift-enhanced{0%{transform:translateY(0) scale(1);box-shadow:0 1px 3px #0000000d}50%{transform:translateY(-2px) scale(1.005);box-shadow:0 8px 16px #00000014}to{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}}@keyframes hover-glow-enhanced{0%{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 12px #10b98133}to{box-shadow:0 0 0 8px #10b98100}}@keyframes hover-rotate-enhanced{0%{transform:rotate(0) scale(1)}50%{transform:rotate(5deg) scale(1.05)}to{transform:rotate(0) scale(1.1)}}@keyframes hover-bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-8px)}50%{transform:translateY(-4px)}75%{transform:translateY(-6px)}}@keyframes hover-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes hover-pulse-enhanced{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1.1);opacity:.6}}.hover-lift-enhanced{transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.hover-lift-enhanced:hover{animation:hover-lift-enhanced .6s ease-out forwards}.hover-glow-enhanced{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.hover-glow-enhanced:hover{animation:hover-glow-enhanced .8s ease-out forwards}.hover-rotate-enhanced{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.hover-rotate-enhanced:hover{animation:hover-rotate-enhanced .5s ease-out forwards}.hover-bounce-enhanced{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.hover-bounce-enhanced:hover{animation:hover-bounce .8s ease-out}.hover-shake-enhanced{transition:all .3s ease}.hover-shake-enhanced:hover{animation:hover-shake .5s ease-out}.hover-pulse-enhanced{transition:all .3s ease}.hover-pulse-enhanced:hover{animation:hover-pulse-enhanced 1s ease-out infinite}.btn-micro:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;border-radius:50%;z-index:1}.btn-micro:hover:before{width:300px;height:300px}.btn-micro:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease;z-index:2}.btn-micro:hover:after{left:100%}.btn-micro:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 20px #0003}.btn-micro:active{transform:translateY(0) scale(.98);transition-duration:.1s}.card-micro{position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.card-micro:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:rotate(45deg);transition:all .6s ease;opacity:0;z-index:1}.card-micro:hover:before{opacity:1;animation:shimmer-slide .8s ease}.card-micro:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a}.card-micro:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.05) 100%);opacity:0;transition:opacity .3s ease;z-index:2;pointer-events:none}.card-micro:hover:after{opacity:1}.input-micro{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-micro:focus{transform:translateY(-2px);box-shadow:0 4px 12px #10b98126,0 0 0 3px #10b9811a}.input-micro:hover{border-color:hsl(var(--color-primary-400))}.input-micro:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(16,185,129,.1),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.input-micro:focus:before{opacity:1}.icon-micro{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.icon-micro:hover{transform:scale(1.1) rotate(5deg);color:hsl(var(--color-primary-600))}.icon-micro:active{transform:scale(.95) rotate(-5deg);transition-duration:.1s}.link-micro{position:relative;text-decoration:none;transition:all .3s ease}.link-micro:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,hsl(var(--color-primary-500)),hsl(var(--color-primary-600)));transition:width .3s ease}.link-micro:hover{color:hsl(var(--color-primary-600));transform:translateY(-1px)}.toggle-micro{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.toggle-micro:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#10b98133;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease}.toggle-micro:hover:before{width:100%;height:100%}.toggle-micro:hover{transform:scale(1.05)}.toggle-micro:active{transform:scale(.95)}.progress-micro:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progress-shimmer 2s infinite}.badge-micro{position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.badge-micro:hover{transform:scale(1.05);box-shadow:0 4px 8px #0000001a}.badge-micro:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease;border-radius:inherit;z-index:-1}.badge-micro:hover:before{opacity:1}.tab-micro{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-micro:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:hsl(var(--color-primary-500));transform:translate(-50%);transition:width .3s ease}.tab-micro:hover:after,.tab-micro.active:after{width:100%}.tab-micro:hover{color:hsl(var(--color-primary-600));transform:translateY(-1px)}.dropdown-micro{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.dropdown-micro:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.dropdown-micro:before{content:"";position:absolute;inset:-4px;background:linear-gradient(45deg,transparent,rgba(16,185,129,.1),transparent);opacity:0;transition:opacity .3s ease;border-radius:inherit;z-index:-1}.dropdown-micro:hover:before{opacity:1}.modal-micro{animation:modal-appear .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes modal-appear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.tooltip-micro{position:relative;transition:all .3s ease}.tooltip-micro:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:hsl(var(--color-neutral-900));color:#fff;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;z-index:50}@media(prefers-reduced-motion:reduce){.hover-lift-enhanced,.hover-glow-enhanced,.hover-rotate-enhanced,.hover-bounce-enhanced,.hover-shake-enhanced,.hover-pulse-enhanced,.btn-micro,.card-micro,.input-micro,.icon-micro,.link-micro,.toggle-micro,.badge-micro,.tab-micro,.dropdown-micro{transition:none;animation:none}.btn-micro:hover,.card-micro:hover,.icon-micro:hover,.link-micro:hover,.toggle-micro:hover,.badge-micro:hover,.tab-micro:hover,.dropdown-micro:hover{transform:none}}.focus-visible-enhanced{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;border-radius:4px}.focus-visible-enhanced:focus-visible{outline:3px solid hsl(var(--color-primary-500));outline-offset:3px;box-shadow:0 0 0 6px hsl(var(--color-primary-500) / .2)}.focus-ring-enhanced{position:relative}.focus-ring-enhanced:focus{outline:none;box-shadow:0 0 0 4px hsl(var(--color-primary-500) / .3);border-radius:8px}.focus-ring-enhanced:focus-visible{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;box-shadow:0 0 0 6px hsl(var(--color-primary-500) / .2)}@media(prefers-contrast:high){.focus-visible-enhanced,.focus-ring-enhanced{outline-width:3px;outline-color:currentColor;outline-offset:3px}.focus-ring-enhanced:focus{box-shadow:0 0 0 6px currentColor}}.skip-link{position:absolute;top:-40px;left:6px;background:hsl(var(--color-primary-600));color:#fff;padding:8px;text-decoration:none;border-radius:4px;font-weight:600;z-index:100;transition:top .3s ease}.skip-link:hover{background:hsl(var(--color-primary-700));text-decoration:underline}[role=banner],[role=navigation],[role=main],[role=contentinfo],[role=search],[role=complementary],.aria-live-polite,.aria-live-assertive,.aria-live-off{position:relative}.a11y-button{position:relative;min-height:44px;min-width:44px;padding:8px 16px;border:2px solid transparent;border-radius:6px;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s ease}.a11y-button:focus{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;border-color:hsl(var(--color-primary-500))}.a11y-button:focus-visible{outline:3px solid hsl(var(--color-primary-500));outline-offset:3px;box-shadow:0 0 0 6px hsl(var(--color-primary-500) / .2)}.a11y-button:hover{border-color:hsl(var(--color-primary-400))}.a11y-button:active{transform:scale(.98);transition-duration:.1s}.a11y-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.a11y-link{position:relative;color:hsl(var(--color-primary-600));text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:hsl(var(--color-primary-500) / .5);transition:all .2s ease}.a11y-link:focus{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;border-radius:2px}.a11y-link:focus-visible{outline:3px solid hsl(var(--color-primary-500));outline-offset:3px;box-shadow:0 0 0 6px hsl(var(--color-primary-500) / .2)}.a11y-link:hover{color:hsl(var(--color-primary-700));text-decoration-color:hsl(var(--color-primary-600))}.a11y-link:visited{color:hsl(var(--color-primary-700))}.a11y-input{position:relative;min-height:44px;padding:8px 12px;border:2px solid hsl(var(--color-neutral-300));border-radius:6px;font-size:16px;transition:all .2s ease}.a11y-input:focus{outline:none;border-color:hsl(var(--color-primary-500));box-shadow:0 0 0 4px hsl(var(--color-primary-500) / .2)}.a11y-input:focus-visible{box-shadow:0 0 0 6px hsl(var(--color-primary-500) / .2)}.a11y-input:hover{border-color:hsl(var(--color-neutral-400))}.a11y-input:invalid{border-color:hsl(var(--color-error-500))}.a11y-input:invalid:focus{box-shadow:0 0 0 4px hsl(var(--color-error-500) / .2)}.a11y-input:disabled{opacity:.5;cursor:not-allowed;background-color:hsl(var(--color-neutral-100))}.a11y-label{display:block;font-weight:600;margin-bottom:.5rem;color:hsl(var(--color-neutral-900))}.dark .a11y-label{color:hsl(var(--color-neutral-100))}.a11y-label.required:after{content:" *";color:hsl(var(--color-error-500));font-weight:700}.a11y-checkbox{position:relative;width:24px;height:24px;margin:0;padding:0;border:2px solid hsl(var(--color-neutral-300));border-radius:4px;background-color:#fff;cursor:pointer;transition:all .2s ease;appearance:none}.a11y-checkbox:focus{outline:none;border-color:hsl(var(--color-primary-500));box-shadow:0 0 0 4px hsl(var(--color-primary-500) / .2)}.a11y-checkbox:focus-visible{box-shadow:0 0 0 6px hsl(var(--color-primary-500) / .2)}.a11y-checkbox:hover{border-color:hsl(var(--color-neutral-400))}.a11y-checkbox:checked{background-color:hsl(var(--color-primary-500));border-color:hsl(var(--color-primary-500));background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 20 20' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3e%3c/svg%3e");background-size:16px;background-position:center;background-repeat:no-repeat}.a11y-checkbox:disabled{opacity:.5;cursor:not-allowed}.a11y-radio{position:relative;width:24px;height:24px;margin:0;padding:0;border:2px solid hsl(var(--color-neutral-300));border-radius:50%;background-color:#fff;cursor:pointer;transition:all .2s ease;appearance:none}.a11y-radio:focus{outline:none;border-color:hsl(var(--color-primary-500));box-shadow:0 0 0 4px hsl(var(--color-primary-500) / .2)}.a11y-radio:focus-visible{box-shadow:0 0 0 6px hsl(var(--color-primary-500) / .2)}.a11y-radio:hover{border-color:hsl(var(--color-neutral-400))}.a11y-radio:checked{background-color:hsl(var(--color-primary-500));border-color:hsl(var(--color-primary-500));background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 20 20' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='10' cy='10' r='6'/%3e%3c/svg%3e");background-size:12px;background-position:center;background-repeat:no-repeat}.a11y-radio:disabled{opacity:.5;cursor:not-allowed}.a11y-select{position:relative;min-height:44px;padding:8px 40px 8px 12px;border:2px solid hsl(var(--color-neutral-300));border-radius:6px;font-size:16px;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;transition:all .2s ease;appearance:none}.a11y-select:focus{outline:none;border-color:hsl(var(--color-primary-500));box-shadow:0 0 0 4px hsl(var(--color-primary-500) / .2)}.a11y-select:focus-visible{box-shadow:0 0 0 6px hsl(var(--color-primary-500) / .2)}.a11y-select:hover{border-color:hsl(var(--color-neutral-400))}.a11y-select:disabled{opacity:.5;cursor:not-allowed;background-color:hsl(var(--color-neutral-100))}.a11y-textarea{position:relative;min-height:44px;padding:8px 12px;border:2px solid hsl(var(--color-neutral-300));border-radius:6px;font-size:16px;font-family:inherit;resize:vertical;transition:all .2s ease}.a11y-textarea:focus{outline:none;border-color:hsl(var(--color-primary-500));box-shadow:0 0 0 4px hsl(var(--color-primary-500) / .2)}.a11y-textarea:focus-visible{box-shadow:0 0 0 6px hsl(var(--color-primary-500) / .2)}.a11y-textarea:hover{border-color:hsl(var(--color-neutral-400))}.a11y-textarea:disabled{opacity:.5;cursor:not-allowed;background-color:hsl(var(--color-neutral-100))}.a11y-table caption{font-size:1.125rem;font-weight:600;margin-bottom:1rem;text-align:left;color:hsl(var(--color-neutral-900))}.dark .a11y-table caption{color:hsl(var(--color-neutral-100))}.a11y-table th{background-color:hsl(var(--color-neutral-100));color:hsl(var(--color-neutral-900));font-weight:600;text-align:left;padding:12px;border:1px solid hsl(var(--color-neutral-200))}.dark .a11y-table th{background-color:hsl(var(--color-neutral-800));color:hsl(var(--color-neutral-100));border-color:hsl(var(--color-neutral-700))}.a11y-table td{padding:12px;border:1px solid hsl(var(--color-neutral-200))}.dark .a11y-table td{border-color:hsl(var(--color-neutral-700))}.a11y-table tr:hover{background-color:hsl(var(--color-neutral-50))}.dark .a11y-table tr:hover{background-color:hsl(var(--color-neutral-800))}.a11y-modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.a11y-modal-content{background-color:#fff;border-radius:8px;padding:24px;max-width:90vw;max-height:90vh;overflow:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dark .a11y-modal-content{background-color:hsl(var(--color-neutral-800));color:hsl(var(--color-neutral-100))}.a11y-modal-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:hsl(var(--color-neutral-900))}.dark .a11y-modal-title{color:hsl(var(--color-neutral-100))}.a11y-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.a11y-modal-close:focus{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px}.a11y-modal-close:hover{background-color:hsl(var(--color-neutral-100))}.dark .a11y-modal-close:hover{background-color:hsl(var(--color-neutral-700))}.a11y-tooltip{position:relative}.a11y-tooltip-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:hsl(var(--color-neutral-900));color:#fff;padding:8px 12px;border-radius:6px;font-size:.875rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;pointer-events:none}.a11y-tooltip:hover .a11y-tooltip-content{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.a11y-tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:hsl(var(--color-neutral-900))}.a11y-progress{position:relative;width:100%;height:8px;background-color:hsl(var(--color-neutral-200));border-radius:4px;overflow:hidden}.a11y-progress-bar{height:100%;background-color:hsl(var(--color-primary-500));border-radius:4px;transition:width .3s ease}.a11y-progress-label{position:absolute;top:-24px;left:0;font-size:.875rem;font-weight:600;color:hsl(var(--color-neutral-700))}.dark .a11y-progress-label{color:hsl(var(--color-neutral-300))}.a11y-alert{position:relative;padding:12px 16px;border-radius:6px;margin-bottom:16px;border:2px solid}.a11y-alert-info{background-color:hsl(var(--color-info-50));color:hsl(var(--color-info-900));border-color:hsl(var(--color-info-300))}.a11y-alert-success{background-color:hsl(var(--color-success-50));color:hsl(var(--color-success-900));border-color:hsl(var(--color-success-300))}.a11y-alert-warning{background-color:hsl(var(--color-warning-50));color:hsl(var(--color-warning-900));border-color:hsl(var(--color-warning-300))}.a11y-alert-error{background-color:hsl(var(--color-error-50));color:hsl(var(--color-error-900));border-color:hsl(var(--color-error-300))}.a11y-alert-title{font-weight:600;margin-bottom:4px}.a11y-alert-description{font-size:.875rem;line-height:1.5}.keyboard-nav{outline:none}.keyboard-nav:focus{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px}.keyboard-nav:focus-visible{outline:3px solid hsl(var(--color-primary-500));outline-offset:3px;box-shadow:0 0 0 6px hsl(var(--color-primary-500) / .2)}.focus-trap{position:relative}.focus-trap:before{content:"";position:absolute;inset:0;z-index:-1}@media(hover:none)and (pointer:coarse){.a11y-button,.a11y-input,.a11y-checkbox,.a11y-radio,.a11y-select,.a11y-textarea{min-height:48px;min-width:48px}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{position:relative;min-width:300px;max-width:500px;padding:16px 20px;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -2px #0000000d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:auto;animation:toast-slide-in .3s cubic-bezier(.175,.885,.32,1.275);transition:all .3s ease}.toast-exit{animation:toast-slide-out .3s cubic-bezier(.4,0,.2,1)}.toast-success{background-color:hsl(var(--color-success-600));color:#fff;border-left:4px solid hsl(var(--color-success-700))}.toast-error{background-color:hsl(var(--color-error-600));color:#fff;border-left:4px solid hsl(var(--color-error-700))}.toast-warning{background-color:hsl(var(--color-warning-600));color:#fff;border-left:4px solid hsl(var(--color-warning-700))}.toast-info{background-color:hsl(var(--color-info-600));color:#fff;border-left:4px solid hsl(var(--color-info-700))}.toast-title{font-weight:600;margin-bottom:4px;font-size:.875rem}.toast-message{font-size:.875rem;line-height:1.4}.toast-close{position:absolute;top:8px;right:8px;background:none;border:none;color:#fffc;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.toast-close:hover{background-color:#fff3;color:#fff}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.loading-overlay{position:fixed;inset:0;background-color:#ffffffe6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9998}.dark .loading-overlay{background-color:#000000e6}.loading-spinner{width:40px;height:40px;border:4px solid hsl(var(--color-neutral-200));border-top:4px solid hsl(var(--color-primary-500));border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:16px;font-size:.875rem;color:hsl(var(--color-neutral-600));text-align:center}.dark .loading-text{color:hsl(var(--color-neutral-400))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-feedback{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-feedback:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;border-radius:50%;z-index:1}.btn-feedback:active:before{width:300px;height:300px}.btn-feedback-success{background-color:hsl(var(--color-success-600));color:#fff;border-color:hsl(var(--color-success-600))}.btn-feedback-success:hover{background-color:hsl(var(--color-success-700));border-color:hsl(var(--color-success-700))}.btn-feedback-error{background-color:hsl(var(--color-error-600));color:#fff;border-color:hsl(var(--color-error-600))}.btn-feedback-error:hover{background-color:hsl(var(--color-error-700));border-color:hsl(var(--color-error-700))}.btn-feedback-loading{position:relative;color:transparent;pointer-events:none}.btn-feedback-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.form-feedback-success{border-color:hsl(var(--color-success-500))!important;box-shadow:0 0 0 3px hsl(var(--color-success-500) / .1)!important}.form-feedback-error{border-color:hsl(var(--color-error-500))!important;box-shadow:0 0 0 3px hsl(var(--color-error-500) / .1)!important}.form-feedback-warning{border-color:hsl(var(--color-warning-500))!important;box-shadow:0 0 0 3px hsl(var(--color-warning-500) / .1)!important}.form-feedback-info{border-color:hsl(var(--color-info-500))!important;box-shadow:0 0 0 3px hsl(var(--color-info-500) / .1)!important}.validation-feedback{position:relative}.validation-message{margin-top:4px;font-size:.75rem;line-height:1.4;display:flex;align-items:center;gap:4px}.validation-message-success{color:hsl(var(--color-success-600))}.validation-message-error{color:hsl(var(--color-error-600))}.validation-message-warning{color:hsl(var(--color-warning-600))}.validation-message-info{color:hsl(var(--color-info-600))}.interactive-feedback{position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.interactive-feedback:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.interactive-feedback:active{transform:translateY(0);box-shadow:0 4px 8px #0000001a;transition-duration:.1s}.interactive-feedback-focus{outline:none;box-shadow:0 0 0 4px hsl(var(--color-primary-500) / .2)}.interactive-feedback-focus:focus{outline:none;box-shadow:0 0 0 4px hsl(var(--color-primary-500) / .2)}.interactive-feedback-focus:focus-visible{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;box-shadow:0 0 0 6px hsl(var(--color-primary-500) / .2)}.status-indicator{position:relative;display:inline-flex;align-items:center;gap:8px;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-indicator-success{background-color:hsl(var(--color-success-50));color:hsl(var(--color-success-900))}.status-indicator-success:before{background-color:hsl(var(--color-success-500));box-shadow:0 0 0 2px hsl(var(--color-success-500) / .2)}.status-indicator-error{background-color:hsl(var(--color-error-50));color:hsl(var(--color-error-900))}.status-indicator-error:before{background-color:hsl(var(--color-error-500));box-shadow:0 0 0 2px hsl(var(--color-error-500) / .2)}.status-indicator-warning{background-color:hsl(var(--color-warning-50));color:hsl(var(--color-warning-900))}.status-indicator-warning:before{background-color:hsl(var(--color-warning-500));box-shadow:0 0 0 2px hsl(var(--color-warning-500) / .2)}.status-indicator-info{background-color:hsl(var(--color-info-50));color:hsl(var(--color-info-900))}.status-indicator-info:before{background-color:hsl(var(--color-info-500));box-shadow:0 0 0 2px hsl(var(--color-info-500) / .2)}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.progress-feedback{position:relative;width:100%;height:8px;background-color:hsl(var(--color-neutral-200));border-radius:4px;overflow:hidden}.dark .progress-feedback{background-color:hsl(var(--color-neutral-700))}.progress-feedback-bar{height:100%;background:linear-gradient(90deg,hsl(var(--color-primary-500)),hsl(var(--color-primary-600)));border-radius:4px;transition:width .6s cubic-bezier(.175,.885,.32,1.275);position:relative}.progress-feedback-bar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progress-shimmer 2s infinite}.progress-feedback-text{position:absolute;top:-24px;left:0;font-size:.75rem;font-weight:600;color:hsl(var(--color-neutral-600))}.dark .progress-feedback-text{color:hsl(var(--color-neutral-400))}@keyframes progress-shimmer{0%{left:-100%}to{left:100%}}.notification-feedback{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.notification-item{position:relative;min-width:300px;max-width:500px;padding:16px 20px;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -2px #0000000d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:auto;animation:notification-slide-in .3s cubic-bezier(.175,.885,.32,1.275);transition:all .3s ease}.notification-item-exit{animation:notification-slide-out .3s cubic-bezier(.4,0,.2,1)}@keyframes notification-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes notification-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.action-feedback{position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.action-feedback-success{background-color:hsl(var(--color-success-50));color:hsl(var(--color-success-900));border:1px solid hsl(var(--color-success-300))}.action-feedback-error{background-color:hsl(var(--color-error-50));color:hsl(var(--color-error-900));border:1px solid hsl(var(--color-error-300))}.action-feedback-warning{background-color:hsl(var(--color-warning-50));color:hsl(var(--color-warning-900));border:1px solid hsl(var(--color-warning-300))}.action-feedback-info{background-color:hsl(var(--color-info-50));color:hsl(var(--color-info-900));border:1px solid hsl(var(--color-info-300))}.hover-feedback{position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.hover-feedback:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease;z-index:1}.hover-feedback:hover:before{left:100%}.hover-feedback:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.click-feedback{position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.click-feedback:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(0,0,0,.1) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;border-radius:50%;z-index:1}.click-feedback:active:after{width:200px;height:200px}.click-feedback:active{transform:scale(.98);transition-duration:.1s}@media(prefers-reduced-motion:reduce){.toast,.notification-item,.btn-feedback,.interactive-feedback,.hover-feedback,.click-feedback{animation:none;transition:none}.toast:hover,.notification-item:hover,.btn-feedback:hover,.interactive-feedback:hover,.hover-feedback:hover{transform:none}.status-indicator:before{animation:none}.progress-feedback-bar:before{animation:none}}.color-success{color:hsl(var(--color-green-600))}.color-warning{color:hsl(var(--color-orange-600))}.color-danger{color:hsl(var(--color-red-600))}.color-info{color:hsl(var(--color-blue-600))}.bg-success{background-color:hsl(var(--color-green-600))}.bg-warning{background-color:hsl(var(--color-orange-600))}.bg-danger{background-color:hsl(var(--color-red-600))}.bg-info{background-color:hsl(var(--color-blue-600))}.surface-elevated{background-color:hsl(var(--color-neutral-50));box-shadow:0 4px 6px -1px hsl(var(--color-neutral-900) / .1),0 2px 4px -1px hsl(var(--color-neutral-900) / .06)}.dark .surface-elevated{background-color:hsl(var(--color-neutral-800));box-shadow:0 4px 6px -1px hsl(var(--color-neutral-900) / .3),0 2px 4px -1px hsl(var(--color-neutral-900) / .2)}.surface-interactive{background-color:hsl(var(--color-neutral-100));transition:all .2s cubic-bezier(.4,0,.2,1)}.dark .surface-interactive{background-color:hsl(var(--color-neutral-700))}.surface-interactive:hover{background-color:hsl(var(--color-neutral-200));transform:translateY(-1px)}.dark .surface-interactive:hover{background-color:hsl(var(--color-neutral-600))}.text-high-contrast{color:hsl(var(--color-neutral-950))}.dark .text-high-contrast{color:hsl(var(--color-neutral-50))}.text-medium-contrast{color:hsl(var(--color-neutral-800))}.dark .text-medium-contrast{color:hsl(var(--color-neutral-200))}.text-low-contrast{color:hsl(var(--color-neutral-600))}.dark .text-low-contrast{color:hsl(var(--color-neutral-400))}.text-accessible-primary{color:hsl(var(--color-neutral-900))}.dark .text-accessible-primary{color:hsl(var(--color-neutral-100))}.text-accessible-secondary{color:hsl(var(--color-neutral-700))}.dark .text-accessible-secondary{color:hsl(var(--color-neutral-300))}.interactive-text{color:hsl(var(--color-primary-700))}.dark .interactive-text{color:hsl(var(--color-primary-400))}.focus-primary:focus{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px}.focus-success:focus{outline:2px solid hsl(var(--color-green-500));outline-offset:2px}.focus-warning:focus{outline:2px solid hsl(var(--color-orange-500));outline-offset:2px}.focus-danger:focus{outline:2px solid hsl(var(--color-red-500));outline-offset:2px}.state-success{background-color:hsl(var(--color-green-50));color:hsl(var(--color-green-900));border-color:hsl(var(--color-green-300))}.dark .state-success{background-color:hsl(var(--color-green-950) / .8);color:hsl(var(--color-green-100));border-color:hsl(var(--color-green-700))}.state-warning{background-color:hsl(var(--color-amber-50));color:hsl(var(--color-amber-900));border-color:hsl(var(--color-amber-300))}.dark .state-warning{background-color:hsl(var(--color-orange-950) / .8);color:hsl(var(--color-amber-100));border-color:hsl(var(--color-orange-700))}.state-danger{background-color:hsl(var(--color-red-50));color:hsl(var(--color-red-900));border-color:hsl(var(--color-red-300))}.dark .state-danger{background-color:hsl(var(--color-red-950) / .8);color:hsl(var(--color-red-100));border-color:hsl(var(--color-red-700))}.state-info{background-color:hsl(var(--color-blue-50));color:hsl(var(--color-blue-900));border-color:hsl(var(--color-blue-300))}.dark .state-info{background-color:hsl(var(--color-blue-950) / .8);color:hsl(var(--color-blue-100));border-color:hsl(var(--color-blue-700))}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ripple-effect:before{transition:none}}@keyframes skeleton-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-shimmer{background:linear-gradient(90deg,hsl(var(--color-neutral-200) / .8),hsl(var(--color-neutral-100) / .6),hsl(var(--color-neutral-200) / .8));background-size:1000px 100%;animation:skeleton-shimmer 2s infinite ease-in-out}.dark .skeleton-shimmer{background:linear-gradient(90deg,hsl(var(--color-neutral-700) / .8),hsl(var(--color-neutral-600) / .6),hsl(var(--color-neutral-700) / .8));background-size:1000px 100%}@keyframes focus-ring-pulse{0%{box-shadow:0 0 hsl(var(--color-primary-500) / .4)}70%{box-shadow:0 0 0 8px hsl(var(--color-primary-500) / 0)}to{box-shadow:0 0 hsl(var(--color-primary-500) / 0)}}.focus-ring-animated:focus{animation:focus-ring-pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.form-element{transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:8px}.form-element:focus{transform:translateY(-1px);box-shadow:0 4px 12px hsl(var(--color-primary-500) / .15)}.btn-press{transition:transform .1s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.btn-press:active{transform:translateY(1px) scale(.98);box-shadow:0 1px 3px #0000001a}@keyframes card-reveal{0%{opacity:0;transform:translateY(30px) rotateX(-10deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.card-reveal{animation:card-reveal .6s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d;perspective:1000px}.hover-depth{transition:all .3s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d}.hover-depth:hover{transform:translateY(-8px) rotateX(5deg);box-shadow:0 20px 40px #00000026,0 10px 20px #0000001a,0 0 0 1px #ffffff1a}@keyframes loading-bounce-pattern{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.loading-dots-enhanced{display:inline-flex;gap:6px}.loading-dots-enhanced span{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,hsl(var(--color-primary-500)),hsl(var(--color-primary-600)));animation:loading-bounce-pattern 1.4s infinite ease-in-out both;box-shadow:0 2px 4px #0000001a}.loading-dots-enhanced span:nth-child(1){animation-delay:-.32s}.loading-dots-enhanced span:nth-child(2){animation-delay:-.16s}.loading-dots-enhanced span:nth-child(3){animation-delay:0}@keyframes ripple-multi{0%{transform:scale(0);opacity:.8}50%{opacity:.4}to{transform:scale(3);opacity:0}}.ripple-multi:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple-multi:active:before{width:400px;height:400px;animation:ripple-multi .8s ease-out}.elevate-on-hover{transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow}.elevate-on-hover:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f,0 6px 12px #00000014}@keyframes text-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.text-reveal{animation:text-slide-up .6s cubic-bezier(.175,.885,.32,1.275) forwards}.gradient-hover{position:relative;overflow:hidden;background:linear-gradient(135deg,hsl(var(--color-primary-500)),hsl(var(--color-primary-600)));transition:all .3s ease}.gradient-hover:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.gradient-hover:hover:before{left:100%}.gradient-hover:hover{transform:translateY(-2px);box-shadow:0 8px 25px hsl(var(--color-primary-500) / .3)}@keyframes scroll-indicator{0%{transform:translateY(0);opacity:.8}50%{transform:translateY(5px);opacity:1}to{transform:translateY(0);opacity:.8}}.scroll-indicator{animation:scroll-indicator 2s ease-in-out infinite}@keyframes notification-slide{0%{transform:translate(100%);opacity:0}10%{transform:translate(-10px);opacity:1}15%{transform:translate(0)}85%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.notification-enter{animation:notification-slide .4s cubic-bezier(.175,.885,.32,1.275)}.gradient-overlay{position:relative;overflow:hidden}.gradient-overlay:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#fff0);pointer-events:none;z-index:1}.glass-effect{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #1f268726}.dark .glass-effect{background:#0003;border:1px solid rgba(255,255,255,.1)}.depth-1{z-index:10;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.depth-2{z-index:20;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f}.depth-3{z-index:30;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}.depth-4{z-index:40;box-shadow:0 20px 25px #0000001a,0 10px 10px #0000000a}.transition-bounce{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.transition-linear{transition:all .2s linear}.transition-ease{transition:all .3s ease}.hover-glow-enhanced{transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative}.hover-glow-enhanced:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,hsl(var(--color-primary-500)),hsl(var(--color-primary-600)),hsl(var(--color-primary-500)));border-radius:inherit;opacity:0;transition:opacity .3s ease;z-index:-1}.hover-glow-enhanced:hover:before{opacity:.3;animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.3}50%{opacity:.6}}.btn-polished{position:relative;overflow:hidden;border-radius:8px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-polished:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.5) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;border-radius:50%}.btn-polished:active:after{width:300px;height:300px}.form-interactive{position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-interactive:focus{transform:translateY(-1px);box-shadow:0 4px 12px hsl(var(--color-primary-500) / .15);border-color:hsl(var(--color-primary-500))}.form-interactive:focus-visible{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px}.form-interactive:hover{border-color:hsl(var(--color-neutral-400));background-color:hsl(var(--color-neutral-50))}.dark .form-interactive:hover{border-color:hsl(var(--color-neutral-500));background-color:hsl(var(--color-neutral-800))}.form-interactive:valid{border-color:hsl(var(--color-green-500))}.form-interactive:invalid:not(:placeholder-shown){border-color:hsl(var(--color-red-500));background-color:hsl(var(--color-red-50) / .05)}.dark .form-interactive:invalid:not(:placeholder-shown){background-color:hsl(var(--color-red-900) / .05)}.input-enhanced{position:relative;border:2px solid hsl(var(--color-neutral-300));border-radius:8px;padding:12px 16px;font-size:16px;transition:all .2s cubic-bezier(.4,0,.2,1);background-color:hsl(var(--color-white))}.dark .input-enhanced{border-color:hsl(var(--color-neutral-600));background-color:hsl(var(--color-neutral-800));color:hsl(var(--color-neutral-100))}.input-enhanced:focus{border-color:hsl(var(--color-primary-500));outline:none;box-shadow:0 0 0 3px hsl(var(--color-primary-500) / .1);transform:translateY(-1px)}.input-enhanced:focus-visible{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px}.input-enhanced:hover{border-color:hsl(var(--color-neutral-400))}.dark .input-enhanced:hover{border-color:hsl(var(--color-neutral-500))}.input-enhanced:disabled{opacity:.5;cursor:not-allowed;background-color:hsl(var(--color-neutral-100))}.dark .input-enhanced:disabled{background-color:hsl(var(--color-neutral-700))}.select-enhanced{position:relative;appearance:none;border:2px solid hsl(var(--color-neutral-300));border-radius:8px;padding:12px 40px 12px 16px;font-size:16px;background-color:hsl(var(--color-white));background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.dark .select-enhanced{border-color:hsl(var(--color-neutral-600));background-color:hsl(var(--color-neutral-800));color:hsl(var(--color-neutral-100));background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.select-enhanced:focus{border-color:hsl(var(--color-primary-500));outline:none;box-shadow:0 0 0 3px hsl(var(--color-primary-500) / .1);transform:translateY(-1px)}.select-enhanced:focus-visible{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px}.select-enhanced:hover{border-color:hsl(var(--color-neutral-400))}.dark .select-enhanced:hover{border-color:hsl(var(--color-neutral-500))}.textarea-enhanced{resize:vertical;min-height:120px;font-family:inherit}.textarea-enhanced:focus{min-height:150px}.checkbox-enhanced{position:relative;width:20px;height:20px;border:2px solid hsl(var(--color-neutral-300));border-radius:4px;background-color:hsl(var(--color-white));transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;appearance:none}.dark .checkbox-enhanced{border-color:hsl(var(--color-neutral-600));background-color:hsl(var(--color-neutral-800))}.checkbox-enhanced:checked{background-color:hsl(var(--color-primary-500));border-color:hsl(var(--color-primary-500));background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 20 20' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3e%3c/svg%3e");background-size:14px;background-position:center;background-repeat:no-repeat}.checkbox-enhanced:focus{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;box-shadow:0 0 0 3px hsl(var(--color-primary-500) / .1)}.checkbox-enhanced:hover{border-color:hsl(var(--color-neutral-400))}.dark .checkbox-enhanced:hover{border-color:hsl(var(--color-neutral-500))}.checkbox-enhanced:disabled{opacity:.5;cursor:not-allowed}.radio-enhanced{position:relative;width:20px;height:20px;border:2px solid hsl(var(--color-neutral-300));border-radius:50%;background-color:hsl(var(--color-white));transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;appearance:none}.dark .radio-enhanced{border-color:hsl(var(--color-neutral-600));background-color:hsl(var(--color-neutral-800))}.radio-enhanced:checked{background-color:hsl(var(--color-primary-500));border-color:hsl(var(--color-primary-500));background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 20 20' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='10' cy='10' r='6'/%3e%3c/svg%3e");background-size:10px;background-position:center;background-repeat:no-repeat}.radio-enhanced:focus{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;box-shadow:0 0 0 3px hsl(var(--color-primary-500) / .1)}.radio-enhanced:hover{border-color:hsl(var(--color-neutral-400))}.dark .radio-enhanced:hover{border-color:hsl(var(--color-neutral-500))}.radio-enhanced:disabled{opacity:.5;cursor:not-allowed}.form-group-enhanced{display:flex;flex-direction:column;gap:.5rem}.form-group-horizontal{flex-direction:row;align-items:center;gap:1rem}.form-label-enhanced{font-weight:500;color:hsl(var(--color-neutral-700));margin-bottom:.25rem;display:block}.dark .form-label-enhanced{color:hsl(var(--color-neutral-300))}.form-label-enhanced.required:after{content:" *";color:hsl(var(--color-red-500))}.form-help-text{font-size:.875rem;color:hsl(var(--color-neutral-500));margin-top:.25rem}.dark .form-help-text{color:hsl(var(--color-neutral-400))}.form-error-text{font-size:.875rem;color:hsl(var(--color-red-600));margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.dark .form-error-text{color:hsl(var(--color-red-400))}.form-success-text{font-size:.875rem;color:hsl(var(--color-green-600));margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.dark .form-success-text{color:hsl(var(--color-green-400))}.card-polished{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.card-polished:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:rotate(45deg);transition:all .6s ease;opacity:0}.card-polished:hover:before{animation:shimmer-slide .8s ease}@keyframes shimmer-slide{0%{transform:translate(-100%) translateY(-100%) rotate(45deg);opacity:0}50%{opacity:1}to{transform:translate(100%) translateY(100%) rotate(45deg);opacity:0}}.input-polished{position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:2px solid hsl(var(--color-neutral-300));border-radius:8px;background:#fff}.dark .input-polished{background:hsl(var(--color-neutral-800));border-color:hsl(var(--color-neutral-600))}.input-polished:focus{border-color:hsl(var(--color-primary-500));box-shadow:0 0 0 3px hsl(var(--color-primary-500) / .1),0 4px 6px #0000001a;transform:translateY(-2px)}.modal-polished{border-radius:16px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-polished{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #1f268726,0 0 0 1px #ffffff1a}.dark .nav-polished{background:#000c;border:1px solid rgba(255,255,255,.1)}.footer-polished{background:linear-gradient(135deg,hsl(var(--color-neutral-900)),hsl(var(--color-neutral-800)));border-top:1px solid hsl(var(--color-neutral-700));position:relative}.footer-polished:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,hsl(var(--color-primary-500) / .5) 50%,transparent 100%)}.status-indicator{position:relative;display:inline-flex;align-items:center;gap:.5rem}.status-indicator:before{content:"";width:8px;height:8px;border-radius:50%;animation:status-pulse 2s infinite}.status-indicator.success:before{background-color:hsl(var(--color-green-500));box-shadow:0 0 0 2px hsl(var(--color-green-500) / .2)}.status-indicator.warning:before{background-color:hsl(var(--color-orange-500));box-shadow:0 0 0 2px hsl(var(--color-orange-500) / .2)}.status-indicator.error:before{background-color:hsl(var(--color-red-500));box-shadow:0 0 0 2px hsl(var(--color-red-500) / .2)}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.progress-polished{height:8px;background:hsl(var(--color-neutral-200));border-radius:4px;overflow:hidden;position:relative}.dark .progress-polished{background:hsl(var(--color-neutral-700))}.progress-polished:before{content:"";position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,hsl(var(--color-primary-500)),hsl(var(--color-primary-600)));border-radius:4px;transition:width .6s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 10px hsl(var(--color-primary-500) / .5)}.badge-polished{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.badge-polished:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.badge-polished:hover:before{left:100%}.accordion-polished{border-radius:8px;overflow:hidden;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.accordion-polished summary{padding:1rem;background:hsl(var(--color-neutral-50));border:1px solid hsl(var(--color-neutral-200));cursor:pointer;transition:all .3s ease;font-weight:600}.dark .accordion-polished summary{background:hsl(var(--color-neutral-800));border-color:hsl(var(--color-neutral-700))}.accordion-polished summary:hover{background:hsl(var(--color-neutral-100))}.dark .accordion-polished summary:hover{background:hsl(var(--color-neutral-700))}.tabs-polished{display:flex;gap:.5rem;padding:.25rem;background:hsl(var(--color-neutral-100));border-radius:8px}.dark .tabs-polished{background:hsl(var(--color-neutral-800))}.tabs-polished button{padding:.5rem 1rem;border-radius:6px;transition:all .3s ease;font-weight:500}.tabs-polished button:hover{background:hsl(var(--color-neutral-200))}.dark .tabs-polished button:hover{background:hsl(var(--color-neutral-700))}.tabs-polished button.active{background:#fff;box-shadow:0 1px 3px #0000001a}.dark .tabs-polished button.active{background:hsl(var(--color-neutral-900))}@media(max-width:768px){.touch-manipulation{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}.micro-interaction{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}@keyframes haptic-tap{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.haptic-feedback:active{animation:haptic-tap .1s ease-out}.micro-lift{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.micro-lift:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #00000026}@keyframes ripple-expand{0%{transform:scale(0);opacity:.6}to{transform:scale(4);opacity:0}}.ripple-effect:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.5) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none}.ripple-effect:active:after{animation:ripple-expand .6s ease-out}@keyframes success-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.success-feedback{animation:success-pulse .3s ease-out}@keyframes error-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.error-feedback{animation:error-shake .5s ease-out}@keyframes skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:skeleton-wave 1.5s infinite ease-in-out}@keyframes button-press{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}.btn-micro:active{animation:button-press .1s ease-out}@keyframes card-glow{0%{box-shadow:0 4px 6px #0000001a}50%{box-shadow:0 4px 20px #6366f14d}to{box-shadow:0 4px 6px #0000001a}}.card-micro:hover{animation:card-glow .3s ease-out;transform:translateY(-4px)}.color-transition{transition:color .3s ease,background-color .3s ease,border-color .3s ease}@keyframes focus-ring-appear{0%{box-shadow:0 0 #6366f100}to{box-shadow:0 0 0 4px #6366f180}}.focus-micro:focus-visible{animation:focus-ring-appear .2s ease-out}@keyframes notification-slide-in{0%{transform:translate(100%) translateY(-50%);opacity:0}to{transform:translate(0) translateY(-50%);opacity:1}}.notification-enter{animation:notification-slide-in .3s cubic-bezier(.175,.885,.32,1.275)}@media(hover:none)and (pointer:coarse){.touch-feedback:active{transform:scale(.95);transition:transform .1s ease-out}.touch-ripple:active:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);animation:touch-ripple-expand .3s ease-out}@keyframes touch-ripple-expand{0%{width:20px;height:20px;opacity:.5}to{width:80px;height:80px;opacity:0}}.safe-area-padding{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}.mobile-full-height{min-height:100vh;min-height:100dvh}.enhanced-mobile-spacing{gap:1.25rem}.enhanced-mobile-spacing button,.enhanced-mobile-spacing a,.mobile-touch-target{min-height:44px;min-width:44px;position:relative;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.mobile-touch-target:active{transform:scale(.98);transition-duration:.1s}.enhanced-mobile-spacing *:focus,.mobile-focus *:focus{outline:3px solid hsl(var(--color-primary-500));outline-offset:2px;border-radius:6px}.mobile-smooth-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior-y:contain}.mobile-input-enhanced{font-size:16px;padding:16px;min-height:52px;border-radius:12px;transition:transform .2s ease,box-shadow .2s ease}.mobile-input-enhanced:focus{transform:translateY(-2px);box-shadow:0 8px 25px hsl(var(--color-primary-500) / .15)}.mobile-card-enhanced{margin:12px;padding:20px;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.mobile-card-enhanced:active{transform:scale(.98);box-shadow:0 2px 12px #0000000f}.mobile-nav-enhanced{min-height:60px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid hsl(var(--color-neutral-200) / .6);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.mobile-nav-enhanced:after{content:"";position:absolute;bottom:0;left:24px;right:24px;height:2px;background:hsl(var(--color-primary-500));transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-nav-enhanced:active:after{transform:scaleX(1)}.mobile-gesture-feedback{position:relative;overflow:hidden}.mobile-gesture-feedback:before{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;background:radial-gradient(circle,hsl(var(--color-primary-500) / .2) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);pointer-events:none}.mobile-gesture-feedback:active:before{transform:translate(-50%,-50%) scale(2);transition-duration:.6s}.swipe-container{touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.haptic-feedback{transition:transform .1s ease-out}.haptic-feedback:active{transform:scale(.95)}.tap-target-large{min-height:48px;min-width:48px;padding:12px}.tap-target-medium{min-height:44px;min-width:44px;padding:8px 12px}.mobile-nav-item{min-height:56px;padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid hsl(var(--color-neutral-200));transition:background-color .2s ease}.mobile-nav-item:hover{background-color:hsl(var(--color-neutral-50))}.mobile-nav-item:active{background-color:hsl(var(--color-neutral-100))}.pull-to-refresh{position:relative;padding-top:60px;margin-top:-60px;transition:margin-top .3s ease}.pull-to-refresh.pulling{margin-top:0}.mobile-input{font-size:16px;padding:12px 16px;min-height:48px;border-radius:8px}.mobile-button{min-height:48px;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;transition:all .2s ease}.mobile-button:active{transform:scale(.98)}.smooth-scroll-mobile{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain}.mobile-card{margin:8px;padding:16px;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.mobile-card:active{transform:scale(.98);box-shadow:0 1px 4px #0000001a}.swipe-hint{position:relative;overflow:hidden}.swipe-hint:after{content:"";position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:32px;height:4px;background:#ffffff80;border-radius:2px}.mobile-modal{position:fixed;bottom:0;left:0;right:0;max-height:90vh;border-radius:16px 16px 0 0;background:#fff;box-shadow:0 -4px 20px #00000026;animation:slide-up .3s ease-out}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-tabs{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.mobile-tabs::-webkit-scrollbar{display:none}.mobile-tab{flex-shrink:0;scroll-snap-align:start;min-width:120px;padding:12px 16px;text-align:center}.mobile-text-large{font-size:18px;line-height:1.4}.mobile-text-medium{font-size:16px;line-height:1.5}.mobile-text-small{font-size:14px;line-height:1.4}.mobile-spacing-tight{gap:8px}.mobile-spacing-normal{gap:12px}.mobile-spacing-loose{gap:20px}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}@keyframes pull-to-refresh{0%{transform:translateY(-100%);opacity:0}50%{opacity:1}to{transform:translateY(0);opacity:1}}.pull-to-refresh-indicator{animation:pull-to-refresh .3s ease-out}:root{--progress-bar-striped-overlay: 255 255 255}fieldset:disabled{pointer-events:none;opacity:.7}fieldset{transition:opacity .2s ease-out}.prose{line-height:1.7;letter-spacing:-.01em;font-variant-ligatures:common-ligatures;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto}.text-display{font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;letter-spacing:-.025em;font-weight:800}.text-hero{font-size:clamp(2rem,4vw,3.5rem);line-height:1.15;letter-spacing:-.02em;font-weight:700}.text-headline{font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.2;letter-spacing:-.015em;font-weight:600}.text-title{font-size:clamp(1.25rem,2.5vw,1.875rem);line-height:1.25;letter-spacing:-.01em;font-weight:600}.text-subtitle{font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.3;letter-spacing:-.005em;font-weight:500}.text-body{font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.6;letter-spacing:0;font-weight:400}.text-caption{font-size:clamp(.875rem,1.25vw,1rem);line-height:1.5;letter-spacing:.025em;font-weight:400}.text-small{font-size:clamp(.75rem,1vw,.875rem);line-height:1.4;letter-spacing:.025em;font-weight:400}.reading-enhanced{max-width:65ch;text-wrap:balance}.reading-comfortable{max-width:75ch;line-height:1.7}.reading-compact{max-width:85ch;line-height:1.5}.text-focus{color:hsl(var(--color-primary-600));font-weight:600}.text-muted{color:hsl(var(--color-neutral-600));opacity:.8}.text-subtle{color:hsl(var(--color-neutral-500));opacity:.7}.prose h1,.prose h2,.prose h3{line-height:1.2;letter-spacing:-.02em;font-weight:700}.prose h1{font-size:clamp(1.875rem,4vw,3rem);margin-top:2rem;margin-bottom:1rem}.prose h2{font-size:clamp(1.5rem,3vw,2.25rem);margin-top:1.75rem;margin-bottom:.875rem}.prose h3{font-size:clamp(1.25rem,2.5vw,1.75rem);margin-top:1.5rem;margin-bottom:.75rem}.prose h4{font-size:clamp(1.125rem,2vw,1.5rem);margin-top:1.25rem;margin-bottom:.625rem}.prose p{margin-bottom:1.5rem;line-height:1.7;max-width:70ch}.prose a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:hsl(var(--color-primary-500) / .3);text-decoration-thickness:2px;transition:all .2s ease;color:hsl(var(--color-primary-600));font-weight:500}.prose a:hover{text-decoration-color:hsl(var(--color-primary-600));text-decoration-thickness:3px}.prose a:focus-visible{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;border-radius:2px}.prose strong{font-weight:600;color:hsl(var(--color-neutral-900) / .9)}.dark .prose strong{color:hsl(var(--color-neutral-100) / .95)}.prose em{font-style:italic;color:hsl(var(--color-neutral-700))}.dark .prose em{color:hsl(var(--color-neutral-300))}.prose blockquote{border-left:4px solid hsl(var(--color-primary-500));padding-left:1.5rem;margin:2rem 0;font-style:italic;color:hsl(var(--color-neutral-600))}.dark .prose blockquote{color:hsl(var(--color-neutral-400))}.prose ul,.prose ol{margin:1.5rem 0;padding-left:2rem}.prose li{margin-bottom:.5rem;line-height:1.6}.prose code{background-color:hsl(var(--color-neutral-100));color:hsl(var(--color-primary-600));padding:.125rem .375rem;border-radius:4px;font-size:.875em;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.dark .prose code{background-color:hsl(var(--color-neutral-800));color:hsl(var(--color-primary-400))}.prose pre{background-color:hsl(var(--color-neutral-100));border-radius:8px;padding:1.5rem;overflow-x:auto;margin:1.5rem 0;border:1px solid hsl(var(--color-neutral-200))}.dark .prose pre{background-color:hsl(var(--color-neutral-900));border-color:hsl(var(--color-neutral-700))}.prose pre code{background-color:transparent;padding:0;color:inherit}.prose table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.875rem}.prose th{background-color:hsl(var(--color-neutral-100));padding:.75rem;text-align:left;font-weight:600;border-bottom:2px solid hsl(var(--color-neutral-200))}.dark .prose th{background-color:hsl(var(--color-neutral-800));border-bottom-color:hsl(var(--color-neutral-700))}.prose td{padding:.75rem;border-bottom:1px solid hsl(var(--color-neutral-200))}.dark .prose td{border-bottom-color:hsl(var(--color-neutral-700))}.reading-enhanced{max-width:65ch;line-height:1.75;letter-spacing:-.005em;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;font-variant-ligatures:common-ligatures;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.reading-enhanced h1{font-size:clamp(2rem,5vw,4rem);line-height:1.1;margin-bottom:1.5rem;font-weight:800;letter-spacing:-.025em}.reading-enhanced h2{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.2;margin-bottom:1.25rem;font-weight:700;letter-spacing:-.02em}.reading-enhanced h3{font-size:clamp(1.25rem,2.5vw,1.875rem);line-height:1.3;margin-bottom:1rem;font-weight:600;letter-spacing:-.015em}.reading-enhanced h4{font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.4;margin-bottom:.875rem;font-weight:600;letter-spacing:-.01em}.reading-enhanced p{margin-bottom:1.5rem;font-size:clamp(1rem,1.5vw,1.125rem);color:hsl(var(--color-neutral-700))}.dark .reading-enhanced p{color:hsl(var(--color-neutral-300))}.text-display{font-size:clamp(2.5rem,6vw,5rem);line-height:1;font-weight:900;letter-spacing:-.03em}.text-headline{font-size:clamp(1.875rem,4vw,3rem);line-height:1.1;font-weight:800;letter-spacing:-.025em}.text-title{font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.2;font-weight:700;letter-spacing:-.02em}.text-subtitle{font-size:clamp(1.25rem,2.5vw,1.75rem);line-height:1.3;font-weight:600;letter-spacing:-.015em}.text-body{font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.7;font-weight:400;letter-spacing:-.005em}.text-caption{font-size:clamp(.875rem,1.25vw,1rem);line-height:1.5;font-weight:400;letter-spacing:.01em}.text-label{font-size:clamp(.75rem,1vw,.875rem);line-height:1.4;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.readable-text{max-width:75ch;line-height:1.6;font-size:1rem}.tight-text{line-height:1.3;letter-spacing:-.01em}.relaxed-text{line-height:1.8;letter-spacing:.005em}.text-link{color:hsl(var(--color-primary-600));text-decoration:underline;text-underline-offset:3px;text-decoration-color:hsl(var(--color-primary-500) / .3);transition:all .2s ease;font-weight:500}.text-link:hover{text-decoration-color:hsl(var(--color-primary-600));text-decoration-thickness:3px}.text-link:focus-visible{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;border-radius:2px}.skip-link{position:absolute;top:-40px;left:6px;background:hsl(var(--color-primary-600));color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:100;transition:top .3s}.skip-link:focus{top:6px}.focus-enhanced:focus-visible{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;border-radius:4px}.form-spacing{display:flex;flex-direction:column;gap:1.5rem}.form-spacing-sm{gap:1rem}.form-spacing-lg{gap:2rem}.reading-enhanced{max-width:65ch;line-height:1.75;letter-spacing:-.005em;font-feature-settings:"kern" 1,"liga" 1}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:root{--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.25rem;--space-2xl: 1.5rem;--space-3xl: 2rem;--space-4xl: 2.5rem;--space-5xl: 3rem;--space-6xl: 4rem;--space-7xl: 5rem;--space-8xl: 6rem}.space-xs{gap:var(--space-xs)}.space-sm{gap:var(--space-sm)}.space-md{gap:var(--space-md)}.space-lg{gap:var(--space-lg)}.space-xl{gap:var(--space-xl)}.space-2xl{gap:var(--space-2xl)}.space-3xl{gap:var(--space-3xl)}.space-4xl{gap:var(--space-4xl)}.space-5xl{gap:var(--space-5xl)}.space-6xl{gap:var(--space-6xl)}.rhythm-vertical>*+*{margin-top:var(--space-lg)}.rhythm-vertical-tight>*+*{margin-top:var(--space-md)}.rhythm-vertical-loose>*+*{margin-top:var(--space-xl)}.rhythm-horizontal>*+*{margin-left:var(--space-lg)}.rhythm-horizontal-tight>*+*{margin-left:var(--space-md)}.rhythm-horizontal-loose>*+*{margin-left:var(--space-xl)}.section-sm{padding:var(--space-3xl) 0}.section-md{padding:var(--space-4xl) 0}.section-lg{padding:var(--space-5xl) 0}.section-xl{padding:var(--space-6xl) 0}.card-spacing-sm{padding:var(--space-lg)}.card-spacing-md{padding:var(--space-xl)}.card-spacing-lg{padding:var(--space-2xl)}.card-gap-sm{gap:var(--space-sm)}.card-gap-md{gap:var(--space-md)}.card-gap-lg{gap:var(--space-lg)}.form-field-sm{margin-bottom:var(--space-lg)}.form-field-md{margin-bottom:var(--space-xl)}.form-field-lg{margin-bottom:var(--space-2xl)}.form-group-sm>*+*{margin-top:var(--space-md)}.form-group-md>*+*{margin-top:var(--space-lg)}.form-group-lg>*+*{margin-top:var(--space-xl)}.stack-sm>*+*{margin-top:var(--space-sm)}.stack-md>*+*{margin-top:var(--space-md)}.stack-lg>*+*{margin-top:var(--space-lg)}.stack-xl>*+*{margin-top:var(--space-xl)}.r-space-sm{gap:clamp(.5rem,2vw,1rem)}.r-space-md{gap:clamp(1rem,3vw,1.5rem)}.r-space-lg{gap:clamp(1.5rem,4vw,2rem)}.r-space-xl{gap:clamp(2rem,5vw,3rem)}.safe-area-all{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.safe-area-vertical{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.safe-area-horizontal{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.micro-hover{transition:all .2s cubic-bezier(.4,0,.2,1)}.micro-hover:hover{transform:translateY(-1px);box-shadow:0 4px 12px hsl(var(--color-neutral-900) / .1)}.dark .micro-hover:hover{box-shadow:0 4px 12px hsl(var(--color-neutral-900) / .3)}.card-micro{transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.card-micro:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsl(var(--color-white) / .1),transparent);transition:left .5s ease;z-index:1}.card-micro:hover:before{left:100%}.card-micro:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 8px 25px hsl(var(--color-neutral-900) / .15)}.dark .card-micro:hover{box-shadow:0 8px 25px hsl(var(--color-neutral-900) / .4)}.btn-micro{position:relative;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-micro:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,hsl(var(--color-white) / .3) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.btn-micro:active:after{width:200px;height:200px}.btn-micro:hover{transform:translateY(-1px);box-shadow:0 4px 12px hsl(var(--color-primary-500) / .3)}.input-micro{transition:all .2s cubic-bezier(.4,0,.2,1);border:2px solid hsl(var(--color-neutral-300))}.dark .input-micro{border-color:hsl(var(--color-neutral-600))}.input-micro:focus{transform:translateY(-1px);border-color:hsl(var(--color-primary-500));box-shadow:0 4px 12px hsl(var(--color-primary-500) / .15)}.link-micro{position:relative;text-decoration:none;transition:color .2s ease}.link-micro:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:hsl(var(--color-primary-500));transition:width .3s cubic-bezier(.4,0,.2,1)}.link-micro:hover:after{width:100%}.icon-micro{transition:all .2s cubic-bezier(.4,0,.2,1)}.icon-micro:hover{transform:scale(1.1) rotate(5deg)}.icon-micro:active{transform:scale(.95) rotate(-5deg)}@keyframes micro-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.micro-pulse{animation:micro-pulse 2s ease-in-out infinite}@keyframes micro-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.micro-bounce{animation:micro-bounce 1s ease-in-out infinite}.progress-micro{position:relative;overflow:hidden}.progress-micro:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsl(var(--color-white) / .3),transparent);animation:micro-shimmer 2s infinite}@keyframes micro-shimmer{0%{left:-100%}to{left:100%}}.notification-micro{animation:micro-slide-in .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes micro-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.tooltip-micro{position:relative}.tooltip-micro:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:4px 8px;background:hsl(var(--color-neutral-900));color:hsl(var(--color-white));font-size:12px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:50}.tooltip-micro:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.tab-micro{position:relative;transition:all .2s ease}.tab-micro:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:hsl(var(--color-primary-500));transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-50%)}.tab-micro.active:after,.tab-micro:hover:after{width:100%}.accordion-micro{transition:all .3s cubic-bezier(.4,0,.2,1)}.accordion-micro[open]>summary{background:hsl(var(--color-neutral-50))}.dark .accordion-micro[open]>summary{background:hsl(var(--color-neutral-800))}.accordion-micro summary:hover{background:hsl(var(--color-neutral-100))}.dark .accordion-micro summary:hover{background:hsl(var(--color-neutral-700))}.modal-micro{animation:micro-modal-in .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes micro-modal-in{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.dropdown-micro{animation:micro-dropdown-in .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes micro-dropdown-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.micro-hover,.card-micro,.btn-micro,.input-micro,.link-micro,.icon-micro,.micro-pulse,.micro-bounce,.progress-micro,.notification-micro,.tooltip-micro,.tab-micro,.accordion-micro,.modal-micro,.dropdown-micro{transition:none;animation:none;transform:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus-visible-enhanced:focus-visible{outline:3px solid hsl(var(--color-primary-500));outline-offset:2px;border-radius:4px;background-color:hsl(var(--color-primary-50) / .1)}.dark .focus-visible-enhanced:focus-visible{background-color:hsl(var(--color-primary-900) / .1)}@media(prefers-contrast:high){.high-contrast-enhanced{border-width:2px}.high-contrast-enhanced:focus,.high-contrast-enhanced:focus-visible{border-width:3px;outline-width:3px}.high-contrast-text{color:WindowText;background-color:Window}.high-contrast-border{border-color:WindowText}}.keyboard-nav{position:relative}.keyboard-nav *:focus{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;border-radius:4px}.skip-link{position:absolute;top:-40px;left:6px;background:hsl(var(--color-primary-600));color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:100;transition:top .3s ease;font-weight:600}.skip-link:focus{top:6px;outline:2px solid hsl(var(--color-primary-300));outline-offset:2px}[role=banner],[role=navigation],[role=main],[role=contentinfo],[role=search],[role=complementary],.form-field{position:relative}.form-field label{display:block;font-weight:500;margin-bottom:.5rem;color:hsl(var(--color-neutral-700))}.dark .form-field label{color:hsl(var(--color-neutral-300))}.form-field input,.form-field select,.form-field textarea{position:relative;transition:all .2s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{z-index:10}.form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;border-color:hsl(var(--color-primary-500))}.form-field.has-error input,.form-field.has-error select,.form-field.has-error textarea{border-color:hsl(var(--color-red-500));background-color:hsl(var(--color-red-50) / .1)}.dark .form-field.has-error input,.dark .form-field.has-error select,.dark .form-field.has-error textarea{background-color:hsl(var(--color-red-900) / .1)}.form-error{color:hsl(var(--color-red-600));font-size:.875rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.dark .form-error{color:hsl(var(--color-red-400))}.form-field.has-success input,.form-field.has-success select,.form-field.has-success textarea{border-color:hsl(var(--color-green-500));background-color:hsl(var(--color-green-50) / .1)}.dark .form-field.has-success input,.dark .form-field.has-success select,.dark .form-field.has-success textarea{background-color:hsl(var(--color-green-900) / .1)}.a11y-button{position:relative;min-height:44px;min-width:44px;padding:.5rem 1rem;border:2px solid transparent;border-radius:6px;font-weight:500;transition:all .2s ease}.a11y-button:focus-visible{outline:none;border-color:hsl(var(--color-primary-500));background-color:hsl(var(--color-primary-50) / .1)}.dark .a11y-button:focus-visible{background-color:hsl(var(--color-primary-900) / .1)}.a11y-button:disabled{opacity:.5;cursor:not-allowed}.a11y-button:disabled:focus-visible{border-color:hsl(var(--color-neutral-400));background-color:transparent}.a11y-link{color:hsl(var(--color-primary-600));text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:hsl(var(--color-primary-500) / .3);transition:all .2s ease}.a11y-link:hover{text-decoration-color:hsl(var(--color-primary-600));text-decoration-thickness:3px}.a11y-link:focus-visible{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;border-radius:2px;background-color:hsl(var(--color-primary-50) / .1)}.dark .a11y-link:focus-visible{background-color:hsl(var(--color-primary-900) / .1)}.a11y-table{border-collapse:collapse;width:100%}.a11y-table th,.a11y-table td{padding:.75rem;text-align:left;border-bottom:1px solid hsl(var(--color-neutral-200))}.dark .a11y-table th,.dark .a11y-table td{border-bottom-color:hsl(var(--color-neutral-700))}.a11y-table th{background-color:hsl(var(--color-neutral-50));font-weight:600;color:hsl(var(--color-neutral-900));position:relative}.dark .a11y-table th{background-color:hsl(var(--color-neutral-800));color:hsl(var(--color-neutral-100))}.a11y-table caption{font-size:.875rem;color:hsl(var(--color-neutral-600));margin-bottom:.5rem;text-align:left;font-weight:500}.dark .a11y-table caption{color:hsl(var(--color-neutral-400))}.a11y-list{list-style:none;padding:0}.a11y-list li{padding:.5rem 0;border-bottom:1px solid hsl(var(--color-neutral-200))}.dark .a11y-list li{border-bottom-color:hsl(var(--color-neutral-700))}.a11y-list li:last-child{border-bottom:none}.a11y-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:hsl(var(--color-neutral-900) / .5);backdrop-filter:blur(4px)}.a11y-modal-content{background-color:hsl(var(--color-neutral-50));border-radius:12px;padding:1.5rem;max-width:90vw;max-height:90vh;overflow:auto;box-shadow:0 20px 25px -5px hsl(var(--color-neutral-900) / .1),0 10px 10px -5px hsl(var(--color-neutral-900) / .04);outline:2px solid hsl(var(--color-primary-500));outline-offset:2px}.dark .a11y-modal-content{background-color:hsl(var(--color-neutral-800));box-shadow:0 20px 25px -5px hsl(var(--color-neutral-900) / .5),0 10px 10px -5px hsl(var(--color-neutral-900) / .2)}.a11y-tablist{display:flex;border-bottom:2px solid hsl(var(--color-neutral-200));gap:.5rem;padding:0 .5rem}.dark .a11y-tablist{border-bottom-color:hsl(var(--color-neutral-700))}.a11y-tab{padding:.75rem 1rem;background:none;border:none;border-bottom:3px solid transparent;color:hsl(var(--color-neutral-600));font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.dark .a11y-tab{color:hsl(var(--color-neutral-400))}.a11y-tab:hover{color:hsl(var(--color-neutral-900));background-color:hsl(var(--color-neutral-100))}.dark .a11y-tab:hover{color:hsl(var(--color-neutral-100));background-color:hsl(var(--color-neutral-700))}.a11y-tab:focus-visible{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;border-radius:4px 4px 0 0}.a11y-tab[aria-selected=true]{color:hsl(var(--color-primary-600));border-bottom-color:hsl(var(--color-primary-500));background-color:hsl(var(--color-primary-50) / .1)}.dark .a11y-tab[aria-selected=true]{color:hsl(var(--color-primary-400));background-color:hsl(var(--color-primary-900) / .1)}.a11y-accordion{border:1px solid hsl(var(--color-neutral-200));border-radius:8px;overflow:hidden}.dark .a11y-accordion{border-color:hsl(var(--color-neutral-700))}.a11y-accordion-item{border-bottom:1px solid hsl(var(--color-neutral-200))}.dark .a11y-accordion-item{border-bottom-color:hsl(var(--color-neutral-700))}.a11y-accordion-item:last-child{border-bottom:none}.a11y-accordion-button{width:100%;padding:1rem;background:none;border:none;text-align:left;font-weight:500;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}.a11y-accordion-button:hover{background-color:hsl(var(--color-neutral-50))}.dark .a11y-accordion-button:hover{background-color:hsl(var(--color-neutral-800))}.a11y-accordion-button:focus-visible{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;background-color:hsl(var(--color-primary-50) / .1)}.dark .a11y-accordion-button:focus-visible{background-color:hsl(var(--color-primary-900) / .1)}.a11y-accordion-content{padding:1rem;border-top:1px solid hsl(var(--color-neutral-200));background-color:hsl(var(--color-neutral-50))}.dark .a11y-accordion-content{border-top-color:hsl(var(--color-neutral-700));background-color:hsl(var(--color-neutral-900))}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce-dot{0%,60%,to{transform:translateY(0);opacity:.3}30%{transform:translateY(-10px);opacity:1}}@keyframes shimmer-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer-enhanced{background:linear-gradient(90deg,hsl(var(--color-neutral-200)),hsl(var(--color-neutral-100)),hsl(var(--color-neutral-200)));background-size:200% 100%;animation:shimmer-loading 1.5s infinite ease-in-out}.dark .skeleton-shimmer-enhanced{background:linear-gradient(90deg,hsl(var(--color-neutral-700)),hsl(var(--color-neutral-600)),hsl(var(--color-neutral-700)))}.animate-bounce-enhanced{animation:bounce-dot 1.4s infinite ease-in-out both}.animate-bounce-enhanced:nth-child(1){animation-delay:-.32s}.animate-bounce-enhanced:nth-child(2){animation-delay:-.16s}.animate-bounce-enhanced:nth-child(3){animation-delay:0s}.animate-fade-in{animation:fade-in .5s ease-out forwards}.animate-slide-in{animation:slide-in .5s cubic-bezier(.175,.885,.32,1.275) forwards}.animate-scale-in{animation:scale-in .3s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px) scale(.95)}50%{opacity:1;transform:translate(-5px) scale(1.02)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes draw-check{0%{stroke-dasharray:20;stroke-dashoffset:20}to{stroke-dasharray:20;stroke-dashoffset:0}}.animate-slide-in-right{animation:slide-in-right .5s cubic-bezier(.175,.885,.32,1.275) forwards}.animate-draw-check{stroke-dasharray:20;stroke-dashoffset:20;animation:draw-check .6s ease-out forwards;animation-delay:.2s}.staggered-children>*{animation:fade-in .4s ease-out forwards;opacity:0}.staggered-children>*:nth-child(1){animation-delay:0ms}.staggered-children>*:nth-child(2){animation-delay:50ms}.staggered-children>*:nth-child(3){animation-delay:.1s}.staggered-children>*:nth-child(4){animation-delay:.15s}.staggered-children>*:nth-child(5){animation-delay:.2s}.staggered-children>*:nth-child(6){animation-delay:.25s}.staggered-children>*:nth-child(7){animation-delay:.3s}.staggered-children>*:nth-child(8){animation-delay:.35s}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .2s ease,transform .2s ease}.loading-overlay{position:fixed;inset:0;background-color:hsl(var(--color-neutral-900) / .5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-overlay-content{background-color:hsl(var(--color-white));border-radius:12px;padding:2rem;box-shadow:0 20px 25px -5px hsl(var(--color-neutral-900) / .1),0 10px 10px -5px hsl(var(--color-neutral-900) / .04)}.dark .loading-overlay-content{background-color:hsl(var(--color-neutral-800));box-shadow:0 20px 25px -5px hsl(var(--color-neutral-900) / .5),0 10px 10px -5px hsl(var(--color-neutral-900) / .2)}.progress-bar-animated{position:relative;overflow:hidden}.progress-bar-animated:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsl(var(--color-white) / .3),transparent);animation:shimmer-loading 2s infinite}.height-transition{transition:max-height .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.width-transition{transition:width .3s cubic-bezier(.4,0,.2,1)}.transform-transition{transition:transform .2s cubic-bezier(.4,0,.2,1)}.all-transition{transition:all .2s cubic-bezier(.4,0,.2,1)}.animate-input-shake{animation:input-shake .5s cubic-bezier(.36,.07,.19,.97) both}.animate-input-shake-subtle{animation:input-shake-subtle .3s ease-in-out both}.animate-success-pulse{animation:success-pulse .6s ease-out both}.animate-success-pop{animation:success-pop .4s cubic-bezier(.175,.885,.32,1.275) both}@keyframes success-pop{0%{opacity:0;transform:scale(.5) rotate(-10deg)}50%{transform:scale(1.2) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.animate-fade-in,.animate-slide-in,.animate-scale-in,.animate-bounce-enhanced,.skeleton-shimmer-enhanced,.staggered-children>*,.page-transition-enter,.page-transition-enter-active,.page-transition-exit,.page-transition-exit-active,.progress-bar-animated:after,.animate-input-shake,.animate-success-pulse,.animate-success-pop{animation:none;transition:none}.loading-overlay{backdrop-filter:none}}.color-accessibility-enhanced{--contrast-ratio: 4.5}.text-hierarchy-primary{color:hsl(var(--color-neutral-900));font-weight:600}.dark .text-hierarchy-primary{color:hsl(var(--color-neutral-100))}.text-hierarchy-secondary{color:hsl(var(--color-neutral-700));font-weight:500}.dark .text-hierarchy-secondary{color:hsl(var(--color-neutral-300))}.text-hierarchy-tertiary{color:hsl(var(--color-neutral-600));font-weight:400}.dark .text-hierarchy-tertiary{color:hsl(var(--color-neutral-400))}.text-state-success{color:hsl(var(--color-green-700));font-weight:500}.dark .text-state-success{color:hsl(var(--color-green-300))}.text-state-error{color:hsl(var(--color-red-700));font-weight:500}.dark .text-state-error{color:hsl(var(--color-red-300))}.text-state-warning{color:hsl(var(--color-amber-700));font-weight:500}.dark .text-state-warning{color:hsl(var(--color-amber-300))}.bg-hierarchy-primary{background-color:hsl(var(--color-neutral-50))}.dark .bg-hierarchy-primary{background-color:hsl(var(--color-neutral-900))}.bg-hierarchy-secondary{background-color:hsl(var(--color-neutral-100))}.dark .bg-hierarchy-secondary{background-color:hsl(var(--color-neutral-800))}.bg-hierarchy-tertiary{background-color:hsl(var(--color-neutral-200))}.dark .bg-hierarchy-tertiary{background-color:hsl(var(--color-neutral-700))}@media(max-width:768px){.mobile-readable-text{line-height:1.6;letter-spacing:.01em}.mobile-readable-heading{line-height:1.3;letter-spacing:-.01em}.mobile-readable-caption{line-height:1.5;letter-spacing:.02em}.mobile-readable-body{line-height:1.7;letter-spacing:.01em;word-spacing:.05em}.mobile-text-sm{font-size:clamp(.875rem,2.5vw,1rem);line-height:1.6}.mobile-text-base{font-size:clamp(1rem,3vw,1.125rem);line-height:1.7}.mobile-text-lg{font-size:clamp(1.125rem,3.5vw,1.375rem);line-height:1.6}.mobile-text-xl{font-size:clamp(1.25rem,4vw,1.75rem);line-height:1.5}.mobile-content-readable{line-height:1.8;word-spacing:.1em;letter-spacing:.01em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mobile-touch-text{font-size:clamp(1rem,2.5vw,1.125rem);line-height:1.6;min-height:1.6em;display:flex;align-items:center}}.color-success-vibrant{background:linear-gradient(135deg,hsl(var(--color-green-500)),hsl(var(--color-green-600)));color:#fff;border-color:hsl(var(--color-green-600));box-shadow:0 4px 12px hsl(var(--color-green-500) / .25)}.color-warning-vibrant{background:linear-gradient(135deg,hsl(var(--color-orange-500)),hsl(var(--color-orange-600)));color:#fff;border-color:hsl(var(--color-orange-600));box-shadow:0 4px 12px hsl(var(--color-orange-500) / .25)}.color-error-vibrant{background:linear-gradient(135deg,hsl(var(--color-red-500)),hsl(var(--color-red-600)));color:#fff;border-color:hsl(var(--color-red-600));box-shadow:0 4px 12px hsl(var(--color-red-500) / .25)}.color-info-vibrant{background:linear-gradient(135deg,hsl(var(--color-blue-500)),hsl(var(--color-blue-600)));color:#fff;border-color:hsl(var(--color-blue-600));box-shadow:0 4px 12px hsl(var(--color-blue-500) / .25)}.color-interactive-primary{background:hsl(var(--color-primary-500));color:#fff;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.color-interactive-primary:hover{background:hsl(var(--color-primary-600));transform:translateY(-2px);box-shadow:0 8px 25px hsl(var(--color-primary-500) / .3)}.color-interactive-primary:active{background:hsl(var(--color-primary-700));transform:translateY(0);box-shadow:0 4px 12px hsl(var(--color-primary-500) / .2)}.text-shadow-enhanced{text-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.text-shadow-subtle{text-shadow:0 1px 1px rgba(0,0,0,.05)}.dark .text-shadow-enhanced{text-shadow:0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.4)}.dark .text-shadow-subtle{text-shadow:0 1px 1px rgba(0,0,0,.2)}.typography-enhanced-display{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:.85;letter-spacing:-.04em;color:hsl(var(--color-neutral-900));font-optical-sizing:auto;font-variation-settings:"wght" 900,"opsz" 72;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark .typography-enhanced-display{color:hsl(var(--color-neutral-50));text-shadow:0 2px 4px rgba(0,0,0,.3)}.typography-enhanced-body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(1rem,2.5vw,1.125rem);font-weight:400;line-height:1.75;color:hsl(var(--color-neutral-700));font-optical-sizing:auto;font-variation-settings:"wght" 400,"opsz" 16;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-spacing:.02em;letter-spacing:.005em}.dark .typography-enhanced-body{color:hsl(var(--color-neutral-300));line-height:1.8}.typography-enhanced-caption{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(.75rem,1.5vw,.875rem);font-weight:500;line-height:1.4;letter-spacing:.02em;color:hsl(var(--color-neutral-600));font-optical-sizing:auto;font-variation-settings:"wght" 500,"opsz" 14;text-rendering:optimizeLegibility}.dark .typography-enhanced-caption{color:hsl(var(--color-neutral-400))}.color-transition-enhanced{transition:color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}@media(prefers-contrast:high){.color-interactive-primary{background:hsl(var(--color-primary-600));border:2px solid hsl(var(--color-neutral-900))}.dark .color-interactive-primary{background:hsl(var(--color-primary-400));border:2px solid hsl(var(--color-neutral-100))}}.spacing-scale-xs{margin:.25rem;padding:.25rem}.spacing-scale-sm{margin:.5rem;padding:.5rem}.spacing-scale-md{margin:1rem;padding:1rem}.spacing-scale-lg{margin:1.5rem;padding:1.5rem}.spacing-scale-xl{margin:2rem;padding:2rem}.spacing-scale-2xl{margin:3rem;padding:3rem}.spacing-scale-3xl{margin:4rem;padding:4rem}.rhythm-tight{line-height:1.25}.rhythm-snug{line-height:1.375}.rhythm-normal{line-height:1.5}.rhythm-relaxed{line-height:1.625}.rhythm-loose{line-height:2}.section-spacing-xs{padding:1rem 0}.section-spacing-sm{padding:2rem 0}.section-spacing-md{padding:3rem 0}.section-spacing-lg{padding:4rem 0}.section-spacing-xl{padding:6rem 0}.section-spacing-2xl{padding:8rem 0}.component-spacing-tight{gap:.5rem}.component-spacing-sm{gap:1rem}.component-spacing-md{gap:1.5rem}.component-spacing-lg{gap:2rem}.component-spacing-xl{gap:3rem}.hierarchy-spacing-xs>*+*{margin-top:.5rem}.hierarchy-spacing-sm>*+*{margin-top:1rem}.hierarchy-spacing-md>*+*{margin-top:1.5rem}.hierarchy-spacing-lg>*+*{margin-top:2rem}.hierarchy-spacing-xl>*+*{margin-top:3rem}.card-stack-spacing{display:flex;flex-direction:column;gap:1.5rem}.card-grid-spacing{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.list-spacing-tight li+li{margin-top:.5rem}.list-spacing-sm li+li{margin-top:.75rem}.list-spacing-md li+li{margin-top:1rem}.list-spacing-lg li+li{margin-top:1.5rem}.form-field-spacing>*+*{margin-top:1.5rem}.form-group-spacing .form-group{margin-bottom:2rem}.nav-spacing-lg>*+*{margin-left:2rem}.nav-spacing-md>*+*{margin-left:1.5rem}.nav-spacing-sm>*+*{margin-left:1rem}.responsive-spacing-xs{padding:.5rem}@media(min-width:640px){.responsive-spacing-xs{padding:1rem}}@media(min-width:768px){.responsive-spacing-xs{padding:1.5rem}}.responsive-spacing-sm{padding:1rem}@media(min-width:640px){.responsive-spacing-sm{padding:1.5rem}}@media(min-width:768px){.responsive-spacing-sm{padding:2rem}}.responsive-spacing-md{padding:1.5rem}@media(min-width:640px){.responsive-spacing-md{padding:2.5rem}}@media(min-width:768px){.responsive-spacing-md{padding:3rem}}.content-wrapper{max-width:65ch;margin:0 auto;padding:0 1rem}.content-spacing{line-height:1.7;word-spacing:.05em}.sidebar-spacing{padding:1.5rem;height:100%;overflow-y:auto}.sidebar-section-spacing>*+*{margin-top:2rem}.mobile-spacing-enhanced{padding:1rem}@media(max-width:640px){.mobile-spacing-enhanced{padding:1.5rem}}.safe-area-enhanced{padding-left:env(safe-area-inset-left,1rem);padding-right:env(safe-area-inset-right,1rem);padding-top:env(safe-area-inset-top,1rem);padding-bottom:env(safe-area-inset-bottom,1rem)}.grid-harmony{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media(min-width:768px){.grid-harmony{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media(min-width:1024px){.grid-harmony{gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.flex-spacing-xs{gap:.5rem}.flex-spacing-sm{gap:1rem}.flex-spacing-md{gap:1.5rem}.flex-spacing-lg{gap:2rem}.flex-spacing-xl{gap:3rem}.icon-scale-xs{width:12px;height:12px;font-size:12px}.icon-scale-sm{width:16px;height:16px;font-size:16px}.icon-scale-md{width:20px;height:20px;font-size:20px}.icon-scale-lg{width:24px;height:24px;font-size:24px}.icon-scale-xl{width:32px;height:32px;font-size:32px}.icon-scale-2xl{width:48px;height:48px;font-size:48px}.icon-scale-3xl{width:64px;height:64px;font-size:64px}.icon-interactive{transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;position:relative;border-radius:inherit;display:inline-flex;align-items:center;justify-content:center}.icon-interactive:hover{transform:scale(1.1);filter:brightness(1.2)}.icon-interactive:active{transform:scale(.95);transition-duration:.1s}.icon-primary{color:hsl(var(--color-primary-500))}.icon-primary-dark{color:hsl(var(--color-primary-700))}.icon-secondary{color:hsl(var(--color-neutral-500))}.icon-success{color:hsl(var(--color-green-500))}.icon-warning{color:hsl(var(--color-orange-500))}.icon-error{color:hsl(var(--color-red-500))}.icon-info{color:hsl(var(--color-blue-500))}.dark .icon-primary{color:hsl(var(--color-primary-400))}.dark .icon-secondary{color:hsl(var(--color-neutral-400))}.dark .icon-success{color:hsl(var(--color-green-400))}.dark .icon-warning{color:hsl(var(--color-orange-400))}.dark .icon-error{color:hsl(var(--color-red-400))}.dark .icon-info{color:hsl(var(--color-blue-400))}.icon-bg-solid{display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;background:hsl(var(--color-neutral-100));color:hsl(var(--color-neutral-700));transition:all .3s ease}.icon-bg-solid:hover{background:hsl(var(--color-neutral-200));transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dark .icon-bg-solid{background:hsl(var(--color-neutral-800));color:hsl(var(--color-neutral-300))}.dark .icon-bg-solid:hover{background:hsl(var(--color-neutral-700))}.icon-bg-primary{background:hsl(var(--color-primary-50));color:hsl(var(--color-primary-600));border:1px solid hsl(var(--color-primary-200))}.icon-bg-primary:hover{background:hsl(var(--color-primary-100));color:hsl(var(--color-primary-700));transform:translateY(-2px);box-shadow:0 4px 12px hsl(var(--color-primary-500) / .2)}.dark .icon-bg-primary{background:hsl(var(--color-primary-900) / .3);color:hsl(var(--color-primary-400));border-color:hsl(var(--color-primary-700))}.icon-bg-success{background:hsl(var(--color-green-50));color:hsl(var(--color-green-600));border:1px solid hsl(var(--color-green-200))}.icon-bg-success:hover{background:hsl(var(--color-green-100));color:hsl(var(--color-green-700));transform:translateY(-2px);box-shadow:0 4px 12px hsl(var(--color-green-500) / .2)}.dark .icon-bg-success{background:hsl(var(--color-green-900) / .3);color:hsl(var(--color-green-400));border-color:hsl(var(--color-green-700))}.icon-bg-warning{background:hsl(var(--color-orange-50));color:hsl(var(--color-orange-600));border:1px solid hsl(var(--color-orange-200))}.icon-bg-warning:hover{background:hsl(var(--color-orange-100));color:hsl(var(--color-orange-700));transform:translateY(-2px);box-shadow:0 4px 12px hsl(var(--color-orange-500) / .2)}.dark .icon-bg-warning{background:hsl(var(--color-orange-900) / .3);color:hsl(var(--color-orange-400));border-color:hsl(var(--color-orange-700))}.icon-bg-error{background:hsl(var(--color-red-50));color:hsl(var(--color-red-600));border:1px solid hsl(var(--color-red-200))}.icon-bg-error:hover{background:hsl(var(--color-red-100));color:hsl(var(--color-red-700));transform:translateY(-2px);box-shadow:0 4px 12px hsl(var(--color-red-500) / .2)}.dark .icon-bg-error{background:hsl(var(--color-red-900) / .3);color:hsl(var(--color-red-400));border-color:hsl(var(--color-red-700))}.icon-bg-info{background:hsl(var(--color-blue-50));color:hsl(var(--color-blue-600));border:1px solid hsl(var(--color-blue-200))}.icon-bg-info:hover{background:hsl(var(--color-blue-100));color:hsl(var(--color-blue-700));transform:translateY(-2px);box-shadow:0 4px 12px hsl(var(--color-blue-500) / .2)}.dark .icon-bg-info{background:hsl(var(--color-blue-900) / .3);color:hsl(var(--color-blue-400));border-color:hsl(var(--color-blue-700))}.icon-bounce:hover{animation:iconBounce .6s cubic-bezier(.68,-.55,.265,1.55)}.icon-pulse:hover{animation:iconPulse 1s infinite}.icon-shake:hover{animation:iconShake .5s ease-in-out}@keyframes iconBounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-5px) scale(1.05)}50%{transform:translateY(0) scale(.95)}75%{transform:translateY(-2px) scale(1.02)}}@keyframes iconRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes iconPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes iconShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.icon-accessible{min-width:24px;min-height:24px;display:inline-flex;align-items:center;justify-content:center}.icon-accessible:focus-visible{outline:2px solid hsl(var(--color-primary-500));outline-offset:2px;border-radius:4px}.icon-with-badge{position:relative;display:inline-flex}.icon-with-badge .badge{position:absolute;top:-4px;right:-4px;background:hsl(var(--color-red-500));color:#fff;border-radius:50%;font-size:10px;font-weight:700;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px #0000001a}.dark .icon-with-badge .badge{border-color:hsl(var(--color-neutral-900))}.icon-responsive-xs{width:12px;height:12px}@media(min-width:640px){.icon-responsive-xs{width:14px;height:14px}}@media(min-width:768px){.icon-responsive-xs{width:16px;height:16px}}.icon-responsive-sm{width:16px;height:16px}@media(min-width:640px){.icon-responsive-sm{width:18px;height:18px}}@media(min-width:768px){.icon-responsive-sm{width:20px;height:20px}}.icon-responsive-md{width:20px;height:20px}@media(min-width:640px){.icon-responsive-md{width:22px;height:22px}}@media(min-width:768px){.icon-responsive-md{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){.icon-bounce:hover,.icon-pulse:hover,.icon-shake:hover{animation:none}.icon-interactive{transition:none}}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-bounce{transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.transition-elastic{transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.hover-lift{transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s cubic-bezier(.175,.885,.32,1.275)}.hover-lift:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px #0000001a}.hover-lift:hover:active{transform:translateY(-2px) scale(1.01);transition-duration:.1s}.hover-glow{transition:all .3s ease;position:relative}.hover-glow:before{content:"";position:absolute;inset:-4px;border-radius:inherit;background:radial-gradient(circle,hsl(var(--color-primary-500) / .2),transparent);opacity:0;transition:opacity .3s ease;z-index:-1}.hover-glow:hover:before{opacity:1}.hover-slide{position:relative;overflow:hidden}.hover-slide:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.hover-slide:hover:before{left:100%}.btn-micro{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-micro:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);transform:translate(-100%) skew(-25deg);transition:transform .6s ease}.btn-micro:hover:after{transform:translate(200%) skew(-25deg)}.btn-micro:active{transform:scale(.98);transition-duration:.1s}.card-micro{transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.card-micro:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:rotate(45deg);transition:all .6s ease;opacity:0}.card-micro:hover:before{animation:cardShimmer .8s ease}@keyframes cardShimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg);opacity:0}50%{opacity:1}to{transform:translate(100%) translateY(100%) rotate(45deg);opacity:0}}.card-micro:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px #00000026}.input-micro{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.input-micro:focus{transform:scale(1.01);box-shadow:0 0 0 4px hsl(var(--color-primary-500) / .1)}.input-micro:focus-within{transform:scale(1.01)}.loading-micro{position:relative}.loading-micro:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translate(-100%);animation:loadingShimmer 1.5s infinite}@keyframes loadingShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.nav-micro{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-micro:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:hsl(var(--color-primary-500));transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-50%)}.nav-micro:hover:after,.nav-micro:focus:after{width:100%}.nav-micro:hover{color:hsl(var(--color-primary-600))}.feedback-success{animation:successPulse .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes successPulse{0%{transform:scale(1);background-color:hsl(var(--color-green-500))}50%{transform:scale(1.05);background-color:hsl(var(--color-green-400))}to{transform:scale(1);background-color:hsl(var(--color-green-500))}}.feedback-error{animation:errorShake .5s cubic-bezier(.36,.07,.19,.97)}@keyframes errorShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.notification-slide{animation:slideIn .3s cubic-bezier(.175,.885,.32,1.275),slideOut .3s cubic-bezier(.175,.885,.32,1.275) 2.7s}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.modal-backdrop{animation:fadeIn .3s cubic-bezier(.175,.885,.32,1.275)}.modal-content{animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.dropdown-micro{transform-origin:top;animation:dropdownOpen .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes dropdownOpen{0%{transform:scaleY(.8) translateY(-10px);opacity:0}to{transform:scaleY(1) translateY(0);opacity:1}}.tooltip-micro{animation:tooltipIn .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes tooltipIn{0%{transform:scale(.8) translateY(5px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.page-transition-enter{opacity:0;transform:translate(20px)}.page-transition-enter-active{opacity:1;transform:translate(0);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.page-transition-exit{opacity:1;transform:translate(0)}.page-transition-exit-active{opacity:0;transform:translate(-20px);transition:all .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.transition-smooth,.transition-bounce,.transition-elastic,.hover-lift,.hover-glow,.btn-micro,.card-micro,.input-micro,.nav-micro,.notification-slide,.modal-backdrop,.modal-content,.dropdown-micro,.tooltip-micro,.page-transition-enter-active,.page-transition-exit-active{transition:none;animation:none}.hover-lift:hover,.card-micro:hover{transform:none}.loading-micro:after{animation:none}}@media(prefers-reduced-motion:reduce){body,.transition-theme{transition-duration:.01ms!important}}body,.transition-theme{transition:color .3s ease,background-color .3s ease,border-color .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--color-neutral-100))}::-webkit-scrollbar-thumb{background:hsl(var(--color-neutral-400) / .5);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--color-primary-500))}*,.custom-scrollbar{scrollbar-width:thin;scrollbar-color:hsl(var(--color-neutral-400) / .5) hsl(var(--color-neutral-100))}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:hsl(var(--color-neutral-100));border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:hsl(var(--color-neutral-400) / .5);border-radius:4px;transition:background-color .2s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:hsl(var(--color-primary-500))}@media(prefers-color-scheme:dark){.custom-scrollbar{scrollbar-color:hsl(var(--color-neutral-500) / .6) hsl(var(--color-neutral-800))}.custom-scrollbar::-webkit-scrollbar-track{background:hsl(var(--color-neutral-800))}.custom-scrollbar::-webkit-scrollbar-thumb{background:hsl(var(--color-neutral-500) / .6)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:hsl(var(--color-primary-400))}}.dark .custom-scrollbar{scrollbar-color:hsl(var(--color-neutral-500) / .6) hsl(var(--color-neutral-800))}.dark .custom-scrollbar::-webkit-scrollbar-track{background:hsl(var(--color-neutral-800))}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background:hsl(var(--color-neutral-500) / .6)}.dark .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:hsl(var(--color-primary-400))}.custom-scrollbar-compact{scrollbar-width:thin;scrollbar-color:hsl(var(--color-neutral-400) / .5) hsl(var(--color-neutral-100))}.custom-scrollbar-compact::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar-compact::-webkit-scrollbar-track{background:hsl(var(--color-neutral-100));border-radius:3px}.custom-scrollbar-compact::-webkit-scrollbar-thumb{background:hsl(var(--color-neutral-400) / .5);border-radius:3px;transition:background-color .2s ease}.custom-scrollbar-compact::-webkit-scrollbar-thumb:hover{background:hsl(var(--color-primary-500))}@media(prefers-color-scheme:dark){.custom-scrollbar-compact{scrollbar-color:hsl(var(--color-neutral-500) / .6) hsl(var(--color-neutral-800))}.custom-scrollbar-compact::-webkit-scrollbar-track{background:hsl(var(--color-neutral-800))}.custom-scrollbar-compact::-webkit-scrollbar-thumb{background:hsl(var(--color-neutral-500) / .6)}.custom-scrollbar-compact::-webkit-scrollbar-thumb:hover{background:hsl(var(--color-primary-400))}}.dark .custom-scrollbar-compact{scrollbar-color:hsl(var(--color-neutral-500) / .6) hsl(var(--color-neutral-800))}.dark .custom-scrollbar-compact::-webkit-scrollbar-track{background:hsl(var(--color-neutral-800))}.dark .custom-scrollbar-compact::-webkit-scrollbar-thumb{background:hsl(var(--color-neutral-500) / .6)}.dark .custom-scrollbar-compact::-webkit-scrollbar-thumb:hover{background:hsl(var(--color-primary-400))}@media(hover:none)and (pointer:coarse){.custom-scrollbar::-webkit-scrollbar,.custom-scrollbar-compact::-webkit-scrollbar{width:12px;height:12px}.custom-scrollbar::-webkit-scrollbar-thumb,.custom-scrollbar-compact::-webkit-scrollbar-thumb{min-height:48px;min-width:48px}}.scrollbar-accessible{overflow:auto!important}.scrollbar-hide{scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide::-webkit-scrollbar-track{display:none}.scrollbar-hide::-webkit-scrollbar-thumb{display:none}@media(prefers-contrast:high){:root{--theme-neutral-700: 220 40% 2%;--theme-neutral-900: 220 50% 0%;--theme-neutral-100: 220 10% 95%;--theme-neutral-50: 220 10% 98%;--theme-primary-600: 142 90% 30%;--theme-primary-900: 142 90% 20%;--theme-primary-500: 142 85% 25%;--theme-green-600: 142 85% 25%;--theme-red-600: 0 85% 35%;--theme-blue-600: 217 85% 40%}.dark{--theme-neutral-100: 220 10% 10%;--theme-neutral-700: 220 10% 95%;--theme-neutral-800: 220 10% 98%;--theme-primary-400: 142 90% 70%;--theme-primary-600: 142 90% 50%;--theme-primary-500: 142 75% 45%;--theme-green-500: 142 75% 45%;--theme-red-500: 0 75% 55%;--theme-blue-500: 217 75% 60%}}:root{--theme-neutral-600: 215 28% 16%;--theme-neutral-700: 219 38% 8%;--theme-neutral-800: 220 33% 4%;--theme-primary-500: 142 74% 24%;--theme-primary-600: 142 74% 28%;--theme-primary-700: 142 78% 20%;--theme-green-500: 142 76% 28%;--theme-green-600: 142 76% 22%;--theme-green-700: 142 80% 18%;--theme-red-500: 0 76% 40%;--theme-red-600: 0 76% 32%;--theme-red-700: 0 78% 28%;--theme-blue-500: 221 86% 42%;--theme-blue-600: 221 86% 35%;--theme-blue-700: 219 80% 30%;--theme-orange-500: 25 97% 40%;--theme-orange-600: 24 97% 32%;--theme-orange-700: 20 92% 28%;--theme-purple-500: 259 65% 56%;--theme-purple-600: 259 65% 48%;--theme-purple-700: 259 60% 42%;--theme-surface-elevated: 0 0% 98%;--theme-surface-elevated-dark: 220 33% 8%;--theme-accent-primary: 142 78% 38%;--theme-accent-secondary: 220 18% 28%;--theme-accent-success: 142 78% 34%;--theme-accent-warning: 25 97% 34%;--theme-accent-error: 0 78% 38%;--theme-accent-info: 221 86% 36%;--theme-text-primary-ultra: 220 40% 2%;--theme-text-secondary-ultra: 220 25% 12%;--theme-border-ultra: 220 15% 85%;--theme-background-ultra: 0 0% 100%}.dark{--theme-neutral-300: 220 18% 88%;--theme-neutral-400: 220 15% 78%;--theme-neutral-500: 220 14% 65%;--theme-primary-400: 142 78% 78%;--theme-primary-500: 142 74% 68%;--theme-primary-600: 142 74% 58%;--theme-green-400: 142 78% 78%;--theme-green-500: 142 76% 68%;--theme-green-600: 142 76% 52%;--theme-red-400: 0 95% 78%;--theme-red-500: 0 76% 65%;--theme-red-600: 0 68% 55%;--theme-blue-400: 217 96% 84%;--theme-blue-500: 221 86% 70%;--theme-blue-600: 221 86% 60%;--theme-orange-400: 24 99% 78%;--theme-orange-500: 25 97% 68%;--theme-orange-600: 24 97% 55%;--theme-purple-400: 259 85% 78%;--theme-purple-500: 259 65% 68%;--theme-purple-600: 259 65% 58%;--theme-surface-elevated: var(--theme-neutral-880);--theme-surface-elevated-border: 220 28% 25%;--theme-accent-primary: 142 78% 72%;--theme-accent-secondary: 220 18% 72%;--theme-accent-success: 142 78% 68%;--theme-accent-warning: 25 97% 68%;--theme-accent-error: 0 78% 70%;--theme-accent-info: 221 86% 70%;--theme-text-primary-ultra-dark: 0 0% 98%;--theme-text-secondary-ultra-dark: 0 0% 88%;--theme-border-ultra-dark: 0 0% 25%;--theme-background-ultra-dark: 0 0% 2%}