@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap";@layer theme{@theme default{ --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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 none); --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 none); --color-neutral-100: oklch(97% 0 none); --color-neutral-200: oklch(92.2% 0 none); --color-neutral-300: oklch(87% 0 none); --color-neutral-400: oklch(70.8% 0 none); --color-neutral-500: oklch(55.6% 0 none); --color-neutral-600: oklch(43.9% 0 none); --color-neutral-700: oklch(37.1% 0 none); --color-neutral-800: oklch(26.9% 0 none); --color-neutral-900: oklch(20.5% 0 none); --color-neutral-950: oklch(14.5% 0 none); --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 none); --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 utilities{@tailwind utilities;}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary:#64748b;--text-muted: #94a3b8;--accent: #7c3aed;--accent-dark: #5b21b6;--accent-light: #f5f3ff;--success: #10b981;--success-light: #ecfdf5;--warning: #f59e0b;--error: #ef4444;--error-light: #fef2f2;--border: #e2e8f0;--border-focus: #7c3aed;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .07);--shadow-md: 0 4px 16px 0 rgb(0 0 0 / .08);--shadow-lg: 0 10px 40px 0 rgb(0 0 0 / .1);--shadow-xl: 0 20px 60px 0 rgb(0 0 0 / .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-sans: "Google Sans", "Plus Jakarta Sans", sans-serif;--font-junior: "Google Sans", "Plus Jakarta Sans", sans-serif;--transition: .2s ease;--j-purple: #7c3aed;--j-fuchsia:#e879f9;--j-coral: #f43f5e;--j-amber: #f59e0b;--j-green: #10b981;--j-blue: #3b82f6;--j-bg: #faf5ff;--j-text: #3b0764;--s-orange: #FF6B00;--s-orange-glow: rgba(255,107,0,.35);--s-cyan: #00d4ff;--s-cyan-glow: rgba(0,212,255,.25)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{color-scheme:light;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-secondary);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;min-height:100vh}.theme-junior{font-family:var(--font-junior);--bg-primary: #ffffff;--bg-secondary: #faf5ff;--bg-tertiary: #f3e8ff;--text-primary: #3b0764;--text-secondary:#7c3aed;--text-muted: #a78bfa;--accent: #7c3aed;--accent-dark: #5b21b6;--accent-light: #f5f3ff;--border: rgba(124,58,237,.15);--border-focus: #7c3aed;--shadow-sm: 0 2px 8px rgba(124,58,237,.08);--shadow-md: 0 6px 20px rgba(124,58,237,.1);--shadow-lg: 0 12px 40px rgba(124,58,237,.14);--shadow-xl: 0 20px 60px rgba(124,58,237,.18)}.theme-junior body,.theme-junior{background:linear-gradient(135deg,#faf5ff,#fff0f7,#f0f9ff);background-attachment:fixed;color:var(--text-primary)}.theme-senior{--bg-primary: #000000;--bg-secondary: #000000;--bg-tertiary: #0a0a0a;--bg-card: rgba(255,255,255,.025);--text-primary: #f1f5f9;--text-secondary:#94a3b8;--text-muted: #475569;--accent: #FF6B00;--accent-dark: #E8392A;--accent-light: rgba(255,107,0,.08);--border: rgba(255,255,255,.07);--border-focus: #FF6B00;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 10px 40px rgba(0,0,0,.5);--shadow-xl: 0 20px 60px rgba(0,0,0,.6);--error-light: rgba(239,68,68,.12);color-scheme:dark}.theme-senior body,.theme-senior{background:#000;color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cardEnter{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 12px currentColor,0 0 24px currentColor}50%{box-shadow:0 0 24px currentColor,0 0 48px currentColor,0 0 80px currentColor}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes xpShimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes scoreReveal{0%{opacity:0;transform:scale(.5) rotate(-5deg)}60%{transform:scale(1.06) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes barFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes badgeUnlock{0%{transform:scale(.4) rotate(-15deg);opacity:0}60%{transform:scale(1.2) rotate(3deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes particleRise{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80px) scale(.3)}}@keyframes ripple{0%{transform:scale(0);opacity:.6}to{transform:scale(4);opacity:0}}@keyframes celebrateBounce{0%,to{transform:scale(1)}25%{transform:scale(1.12) rotate(-3deg)}50%{transform:scale(1.15) rotate(3deg)}75%{transform:scale(1.08) rotate(-1deg)}}@keyframes wave{0%,to{height:6px}50%{height:32px}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes blobDrift1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,30px) scale(.95)}}@keyframes blobDrift2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,20px) scale(1.08)}}@keyframes neonFlicker{0%,94%,to{opacity:1}95%{opacity:.6}96%{opacity:1}97%{opacity:.3}98%{opacity:1}}@keyframes staggerIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes mascotTalk{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.05) rotate(-3deg)}75%{transform:scale(1.05) rotate(3deg)}}@keyframes orbIdle{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes orbSpeak{0%{transform:scale(1) translate(0)}20%{transform:scale(1.07) translate(2px,-1px)}40%{transform:scale(1.09) translate(-2px,1px)}60%{transform:scale(1.08) translate(1px,-2px)}80%{transform:scale(1.07) translate(-1px,2px)}to{transform:scale(1.08) translate(0)}}@keyframes orbRingExpand{0%{transform:scale(1);opacity:.7}to{transform:scale(2.2);opacity:0}}@keyframes orbRingExpandSlow{0%{transform:scale(1);opacity:.5}to{transform:scale(2.8);opacity:0}}@keyframes orbCoreRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbInnerPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes bubbleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes micGlow{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}@keyframes micFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes ringExpand{0%{transform:scale(.85);opacity:0}20%{opacity:1}to{transform:scale(1.1);opacity:0}}@keyframes celebrate{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(-5deg)}50%{transform:scale(1.2) rotate(5deg)}75%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.animate-fade-in{animation:fadeIn .45s cubic-bezier(.16,1,.3,1)}.animate-card-enter{animation:cardEnter .55s cubic-bezier(.16,1,.3,1)}.animate-slide-up{animation:slideUp .5s cubic-bezier(.16,1,.3,1)}.animate-bounce{animation:bounce 1.2s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-talk{animation:mascotTalk .5s ease-in-out infinite}.animate-celebrate{animation:celebrateBounce .6s ease-in-out}.animate-neon-flicker{animation:neonFlicker 4s ease-in-out infinite}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.w-full{width:100%}.max-w-md{max-width:28rem}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.top-0{top:0}.z-10{z-index:10}.z-50{z-index:50}@media (max-width: 900px){*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}*{-ms-overflow-style:none!important;scrollbar-width:none!important}}.no-scrollbar::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}.no-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.mx-auto{margin-left:auto;margin-right:auto}h1,h2,h3,h4{font-weight:700;line-height:1.2}.text-center{text-align:center}.text-left{text-align:left}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.05em}.leading-tight{line-height:1.25}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.text-white{color:#fff}.gradient-text{background:linear-gradient(135deg,var(--accent) 0%,#a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.theme-senior .gradient-text{background:linear-gradient(135deg,#ff6b00,#ff9500 55%,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;border:1px solid var(--border)}.theme-junior .card{border-radius:var(--radius-xl);border:1.5px solid rgba(124,58,237,.12);box-shadow:0 4px 20px #7c3aed0f}.glass-card{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:1.5rem;transition:background .25s,border-color .25s,transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.glass-card:hover{background:#ffffff0e;border-color:#ffffff24;transform:translateY(-3px);box-shadow:0 20px 60px #00000080}.theme-junior .glass-card{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border:1.5px solid rgba(124,58,237,.12);box-shadow:0 4px 24px #7c3aed0f}.theme-junior .glass-card:hover{border-color:#7c3aed40;box-shadow:0 10px 32px #7c3aed1f}.hud-card{position:relative;padding:1.5rem;border-radius:16px;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.hud-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--hud-accent, var(--accent))}.hud-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top left,var(--hud-glow, transparent) 0%,transparent 65%);pointer-events:none}.theme-senior .hud-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.theme-senior .hud-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px #00000080,0 0 0 1px #ffffff1a}.theme-junior .hud-card{background:#fff;border:1.5px solid rgba(124,58,237,.1);box-shadow:0 4px 20px #7c3aed0f}.theme-junior .hud-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #7c3aed24}.mode-card{position:relative;padding:2rem 1.75rem;border-radius:24px;cursor:pointer;overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .25s;-webkit-user-select:none;user-select:none;text-decoration:none;display:block}.mode-card:hover{transform:translateY(-8px)}.mode-card:active{transform:translateY(-4px) scale(.99)}.theme-senior .mode-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.theme-senior .mode-card:hover{background:#ffffff0e;box-shadow:0 24px 60px #0009,0 0 0 1px #ffffff1f,var(--mode-glow, none)}.theme-junior .mode-card{background:#fff;border:2px solid rgba(124,58,237,.1);box-shadow:0 4px 20px #0000000d}.theme-junior .mode-card:hover{box-shadow:0 16px 40px #7c3aed26;border-color:#7c3aed40}.settings-container{padding:2rem 2rem 7rem}.settings-list{display:flex;flex-direction:column;gap:1.5rem}.settings-card{padding:2rem}.results-main-grid{display:grid;grid-template-columns:minmax(280px,1fr) 2fr;gap:1.25rem;align-items:start}@media (max-width: 900px){.results-main-grid{grid-template-columns:1fr}.settings-container{padding:0!important;padding-bottom:6rem!important}.settings-list{gap:0!important}.settings-card{padding:1.5rem 1.25rem!important;border-radius:0!important;border-left:none!important;border-right:none!important;border-top:none!important;margin-bottom:0!important;border-bottom:1px solid rgba(255,255,255,.05)}.welcome-card{border-radius:20px!important;padding:1.25rem 1.5rem!important}.modes-container{display:flex!important;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem;flex-wrap:nowrap!important;gap:1rem}.modes-container>div{flex:0 0 280px!important;scroll-snap-align:start}}.xp-track{width:100%;height:5px;background:#ffffff12;border-radius:99px;overflow:hidden}.xp-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),#ffaa00,var(--accent));background-size:200% 100%;animation:xpShimmer 3s linear infinite;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.theme-junior .xp-track{background:#7c3aed1f}.theme-junior .xp-fill{background:linear-gradient(90deg,#7c3aed,#e879f9,#7c3aed);background-size:200% 100%}.skill-bar-wrap{display:flex;flex-direction:column;gap:.4rem}.skill-bar-header{display:flex;justify-content:space-between;align-items:center}.skill-bar-track{width:100%;height:8px;background:#ffffff0f;border-radius:99px;overflow:hidden}.theme-junior .skill-bar-track{background:#7c3aed1a}.skill-bar-fill{height:100%;border-radius:99px;transform-origin:left center;transform:scaleX(0);animation:barFill 1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--bar-delay, 0ms)}.badge-slot{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;border-radius:16px;transition:transform .25s,box-shadow .25s;text-align:center;min-width:88px;cursor:default}.badge-slot.earned{background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.theme-junior .badge-slot.earned{background:#fff;border:1.5px solid rgba(124,58,237,.15);box-shadow:0 4px 16px #7c3aed14}.badge-slot.earned:hover{transform:translateY(-5px) scale(1.04)}.badge-slot.locked{opacity:.28;filter:grayscale(1);cursor:not-allowed}.badge-icon-wrap{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative}.badge-slot.earned .badge-icon-wrap{animation:glowPulse 4s ease-in-out infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition);text-decoration:none;white-space:nowrap;font-family:inherit;line-height:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px #7c3aed59}.btn-primary:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 14px #7c3aed73}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1.5px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary)}.btn-danger{background:var(--error);color:#fff;box-shadow:0 2px 8px #ef44444d}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-lg{padding:.875rem 2rem;font-size:1.0625rem;border-radius:var(--radius-lg)}.btn-sm{padding:.4rem .875rem;font-size:.8125rem}.btn-game{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.95rem 2rem;font-size:1rem;font-weight:800;border:none;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;letter-spacing:.01em;font-family:inherit;text-decoration:none}.btn-game:hover{transform:translateY(-3px)}.btn-game:active{transform:translateY(-1px) scale(.98)}.theme-senior .btn-game-primary{background:linear-gradient(135deg,#e8392a,#ff6b00);box-shadow:0 4px 24px #e8392a66,inset 0 1px #ffffff26;color:#fff}.theme-senior .btn-game-primary:hover{box-shadow:0 8px 32px #e8392a99,inset 0 1px #fff3}.theme-junior .btn-game-primary{background:linear-gradient(135deg,#7c3aed,#e879f9);box-shadow:0 4px 20px #7c3aed73,inset 0 1px #fff3;color:#fff;border-radius:99px}.theme-junior .btn-game-primary:hover{box-shadow:0 8px 32px #7c3aed99,inset 0 1px #ffffff40}.theme-senior .btn-primary{background:linear-gradient(135deg,#e8392a,#ff6b00);box-shadow:0 4px 14px #e8392a4d}.theme-senior .btn-primary:hover:not(:disabled){box-shadow:0 8px 22px #e8392a80;transform:translateY(-1px)}.theme-senior .btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.theme-senior .btn-secondary:hover:not(:disabled){background:#ffffff17;border-color:#ffffff2e}.theme-junior .btn-primary{background:linear-gradient(135deg,var(--j-purple) 0%,var(--j-fuchsia) 100%);border-radius:var(--radius-full);box-shadow:0 4px #5b21b64d,0 4px 14px #7c3aed66}.theme-junior .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #5b21b64d,0 8px 20px #7c3aed66}.input-group{display:flex;flex-direction:column;gap:.375rem}.input-label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.input-field{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:.9375rem;font-family:inherit;transition:all var(--transition);outline:none}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #7c3aed1f}.input-field:hover:not(:focus){border-color:#cbd5e1}.theme-senior .input-field{background:#ffffff0a;border-color:#ffffff1a;color:var(--text-primary)}.theme-senior .input-field:focus{border-color:#ff6b00;box-shadow:0 0 0 3px #ff6b001f}.theme-junior .input-field{border-radius:var(--radius-full);border-color:#7c3aed40;padding:.875rem 1.25rem}.theme-junior .input-field:focus{border-color:var(--j-purple);box-shadow:0 0 0 3px #7c3aed26}.header{background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 1.5rem;height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.theme-junior .header{background:linear-gradient(135deg,#faf5fffa,#fff0f7fa);border-bottom:2px solid rgba(124,58,237,.12)}.theme-senior .header{background:#0a0a0aeb;border-bottom:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.site-title{font-size:1.375rem;font-weight:800;background:linear-gradient(135deg,var(--accent) 0%,#6366f1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;letter-spacing:-.02em}.theme-senior .site-title{background:linear-gradient(135deg,#ff6b5a,#f97316 55%,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.theme-junior .site-title{background:linear-gradient(135deg,var(--j-purple) 0%,var(--j-fuchsia) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.6rem}.nav-link{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .875rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:all var(--transition);white-space:nowrap}.nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-link.active{background:var(--accent-light);color:var(--accent);font-weight:600}.theme-senior .nav-link{color:#64748b}.theme-senior .nav-link:hover{background:#ffffff0d;color:#fff}.theme-senior .nav-link.active{background:#ff6b001a;color:#ff6b00}.theme-junior .nav-link.active{background:#7c3aed1a;color:var(--j-purple)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.badge-blue{background:var(--accent-light);color:var(--accent)}.badge-green{background:var(--success-light);color:var(--success)}.badge-yellow{background:#fffbeb;color:#b45309}.badge-purple{background:#f5f3ff;color:#7c3aed}.badge-orange{background:#ff6b001a;color:#ff6b00}.neon-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;border-radius:99px;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border:1px solid currentColor}.progress-track{width:100%;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,#6366f1 100%);border-radius:var(--radius-full);transition:width .8s cubic-bezier(.4,0,.2,1)}.theme-junior .progress-fill{background:linear-gradient(90deg,var(--j-purple) 0%,var(--j-fuchsia) 100%)}.theme-senior .progress-fill{background:linear-gradient(90deg,#e8392a,#ff6b00)}.stats-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:1.5rem;background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all var(--transition)}.stats-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stats-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stats-icon.blue{background:#eff6ff;color:var(--accent)}.stats-icon.green{background:#ecfdf5;color:var(--success)}.stats-icon.purple{background:#f5f3ff;color:#7c3aed}.stats-icon.orange{background:#fff7ed;color:#ea580c}.stats-value{font-size:2rem;font-weight:800;color:var(--text-primary)}.stats-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.podium-wrap{display:flex;align-items:flex-end;justify-content:center;gap:clamp(.5rem,2vw,1.5rem);padding:2rem 1rem 0}.podium-slot{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:clamp(88px,16vw,128px)}.podium-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.25rem}.podium-platform{width:100%;display:flex;align-items:flex-start;justify-content:center;font-size:1.75rem;font-weight:900;color:#fff;padding-top:.75rem;border-radius:12px 12px 0 0}.podium-platform.gold{height:110px;background:linear-gradient(180deg,gold,#f59e0b);box-shadow:0 0 30px #ffd70066}.podium-platform.silver{height:80px;background:linear-gradient(180deg,silver,#94a3b8);box-shadow:0 0 20px #c0c0c04d}.podium-platform.bronze{height:60px;background:linear-gradient(180deg,#cd7f32,#92400e);box-shadow:0 0 20px #cd7f324d}.rank-row{display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;border-radius:12px;transition:background .2s;cursor:default;border-left:3px solid transparent;animation:staggerIn .4s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--row-delay, 0ms)}.theme-senior .rank-row:hover{background:#ffffff0a}.theme-junior .rank-row:hover{background:#7c3aed0a}.rank-row.is-me{background:#ff6b0012!important;border-left-color:#ff6b00}.theme-junior .rank-row.is-me{background:#7c3aed12!important;border-left-color:#7c3aed}.bubble-ai{align-self:flex-start;background:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) 4px;padding:.875rem 1.125rem;max-width:78%;font-size:.9375rem;box-shadow:var(--shadow-sm);animation:bubbleIn .3s ease}.bubble-user{align-self:flex-end;background:linear-gradient(135deg,var(--accent) 0%,#6366f1 100%);color:#fff;border-radius:var(--radius-lg) var(--radius-lg) 4px var(--radius-lg);padding:.875rem 1.125rem;max-width:78%;font-size:.9375rem;animation:bubbleIn .3s ease}.theme-senior .bubble-ai{background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.theme-senior .bubble-user{background:linear-gradient(135deg,#e8392a,#ff6b00);box-shadow:0 4px 16px #e8392a4d}.theme-junior .bubble-ai{background:linear-gradient(135deg,#fdf4ff,#eff6ff);border:2px solid rgba(124,58,237,.15);border-radius:var(--radius-xl) var(--radius-xl) var(--radius-xl) 4px;font-family:var(--font-junior)}.theme-junior .bubble-user{background:linear-gradient(135deg,var(--j-purple) 0%,var(--j-fuchsia) 100%)}.waveform{display:flex;align-items:center;gap:3px;height:36px}.waveform-bar{width:4px;background:var(--accent);border-radius:var(--radius-full);animation:wave 1.2s ease-in-out infinite}.waveform-bar:nth-child(1){animation-delay:0s}.waveform-bar:nth-child(2){animation-delay:.1s}.waveform-bar:nth-child(3){animation-delay:.2s}.waveform-bar:nth-child(4){animation-delay:.3s}.waveform-bar:nth-child(5){animation-delay:.4s}.waveform-bar:nth-child(6){animation-delay:.3s}.waveform-bar:nth-child(7){animation-delay:.2s}.waveform-bar:nth-child(8){animation-delay:.1s}.theme-senior .waveform-bar{background:#ff6b00}.theme-junior .waveform-bar{background:var(--j-purple)}.score-ring-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.score-ring-svg{transform:rotate(-90deg)}.score-ring-track{fill:none;stroke-linecap:round;transition:stroke-dashoffset 1.8s cubic-bezier(.16,1,.3,1)}.score-ring-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.alert{padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.alert-error{background:var(--error-light);color:#b91c1c;border:1px solid #fecaca}.alert-success{background:var(--success-light);color:#065f46;border:1px solid #a7f3d0}.alert-warning{background:#fffbeb;color:#b45309;border:1px solid #fcd34d}.table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border)}table{width:100%;border-collapse:collapse}thead{background:var(--bg-tertiary)}.theme-senior thead{background:#ffffff0a}thead th{padding:.875rem 1rem;text-align:left;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}tbody td{padding:1rem;border-top:1px solid var(--border);font-size:.9375rem;color:var(--text-primary)}tbody tr{transition:background var(--transition)}tbody tr:hover{background:var(--bg-tertiary)}.theme-senior tbody tr:hover{background:#ffffff0a}.theme-senior tbody td{border-top-color:#ffffff0d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7c3aed40;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#7c3aed73}.theme-senior ::-webkit-scrollbar-thumb{background:#ffffff1a}.theme-senior ::-webkit-scrollbar-thumb:hover{background:#fff3}.divider{display:flex;align-items:center;gap:1rem;color:var(--text-muted);font-size:.8125rem;margin:1.5rem 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;background:linear-gradient(135deg,#f0f9ff,#f8fafc,#f5f3ff)}.login-hero{text-align:center;margin-bottom:2rem}.login-logo{font-size:2.75rem;font-weight:800;background:linear-gradient(135deg,var(--accent) 0%,#6366f1 70%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em;line-height:1;display:block;margin-bottom:.5rem}.login-tagline{color:var(--text-secondary);font-size:1rem;font-weight:500}.login-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:2.5rem;width:100%;max-width:420px;border:1px solid rgba(226,232,240,.8)}@keyframes micGlowPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@media (max-width: 900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.login-left-pane{padding:2rem 1.5rem 1.5rem!important;text-align:center;align-items:center!important}.login-left-pane h1{font-size:clamp(1.5rem,6vw,2.5rem)!important}}@media (max-width: 640px){html{font-size:14px}.grid-3,.grid-2,.grid-4{grid-template-columns:1fr}.login-card{padding:1.75rem 1.5rem}.header{padding:0 .75rem;height:56px;gap:.25rem}.site-title{font-size:1.1rem!important}.theme-junior .site-title{font-size:1.25rem!important}.nav-label{display:none}.nav-link{padding:.4rem .5rem}.btn-sm{padding:.35rem .5rem;font-size:.75rem}main{padding:1rem .75rem!important}.card{padding:1rem;border-radius:var(--radius-md)}.stats-value{font-size:1.5rem}.hide-mobile{display:none!important}.score-ring-wrap svg{width:140px!important;height:140px!important}}@media (max-width: 480px){html{font-size:13px}.header{height:50px}.card{padding:.75rem}}.lp-root{font-family:Google Sans,Plus Jakarta Sans,system-ui,sans-serif;background:#06080f;color:#e2e8f0;overflow-x:hidden}.lp-reveal{opacity:0;transform:translateY(28px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transition-delay:var(--card-delay,0ms)}.lp-revealed{opacity:1!important;transform:translateY(0)!important}.lp-nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:1rem 2.5rem;transition:transform .4s cubic-bezier(.22,1,.36,1),background .3s,padding .3s}.lp-nav-hidden{transform:translateY(-100%);pointer-events:none}.lp-nav-links{display:flex;gap:.25rem}.lp-nav-link{padding:.5rem 1rem;border-radius:8px;color:#e2e8f0;text-decoration:none;font-weight:600;font-size:1rem;transition:color .2s,background .2s}.lp-nav-link:hover{color:#fff;background:#ffffff0d}.lp-nav-cta{display:flex;align-items:center;gap:.75rem}.lp-btn-ghost{padding:.55rem 1.25rem;color:#e2e8f0;text-decoration:none;font-weight:600;font-size:.9rem;border-radius:10px;transition:color .2s,background .2s}.lp-btn-ghost:hover{color:#fff;background:#ffffff14}.lp-btn-brand{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.4rem;background:linear-gradient(135deg,#e8392a,#f97316);color:#fff;text-decoration:none;font-weight:700;font-size:.9rem;border-radius:10px;box-shadow:0 4px 14px #e8392a4d;transition:transform .2s,box-shadow .2s}.lp-btn-brand:hover{transform:translateY(-2px);box-shadow:0 8px 22px #e8392a80}.lp-btn-glass{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.4rem;background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 20px #0003;color:#fff;text-decoration:none;font-weight:700;font-size:.9rem;border-radius:10px;transition:all .3s}.lp-btn-glass:hover{background:#ffffff1f;transform:translateY(-2px);border-color:#ffffff4d;box-shadow:0 8px 25px #f973164d}.lp-btn-xl{padding:.9rem 2rem;font-size:1.05rem;border-radius:12px}.lp-btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 2rem;background:#ffffff08;border:1.5px solid rgba(255,255,255,.1);color:#e2e8f0;text-decoration:none;font-weight:600;font-size:1.05rem;border-radius:12px;transition:border-color .2s,background .2s,transform .2s;box-shadow:0 4px 16px #0003}.lp-btn-outline:hover{border-color:#f9731699;background:#f973160d;transform:translateY(-2px);color:#fff}.lp-btn-outline-dark{display:inline-flex;align-items:center;gap:.4rem;padding:.9rem 1.5rem;background:transparent;border:1.5px solid rgba(255,255,255,.1);color:#e2e8f0;text-decoration:none;font-weight:600;font-size:.95rem;border-radius:12px;width:100%;justify-content:center;transition:border-color .2s,background .2s}.lp-btn-outline-dark:hover{border-color:#f9731680;background:#f973160d;color:#fff}.lp-hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;gap:3rem;padding:7rem 2.5rem 5rem;position:relative;overflow:hidden;background:radial-gradient(circle at 50% -20%,#161214,#06080f 60%)}.lp-hero-blob{position:absolute;border-radius:50%;pointer-events:none;filter:blur(90px)}.lp-hero-blob-1{width:500px;height:500px;top:0%;left:-10%;background:radial-gradient(circle,rgba(232,57,42,.18) 0%,transparent 70%);animation:blobDrift1 12s ease-in-out infinite}.lp-hero-blob-2{width:400px;height:400px;bottom:-15%;right:0%;background:radial-gradient(circle,rgba(249,115,22,.15) 0%,transparent 70%);animation:blobDrift2 15s ease-in-out infinite}.lp-hero-blob-3{width:300px;height:300px;top:35%;left:45%;background:radial-gradient(circle,rgba(251,191,36,.08) 0%,transparent 70%);animation:blobDrift1 18s ease-in-out infinite reverse}.lp-hero-content{flex:1;max-width:640px;z-index:1}.lp-hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#f973161a;border:1px solid rgba(249,115,22,.2);padding:.45rem 1rem;border-radius:99px;font-size:.825rem;font-weight:600;color:#ffedd5;margin-bottom:1.5rem;box-shadow:0 0 16px #f9731626 inset}.lp-hero-h1{font-size:clamp(2.25rem,5.5vw,4.25rem);font-weight:900;line-height:1.1;letter-spacing:-.04em;margin-bottom:1.25rem;color:#fff}.lp-gradient-text{background:linear-gradient(135deg,#ff6b5a,#f97316 55%,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-hero-sub{font-size:1.1rem;color:#94a3b8;line-height:1.75;margin-bottom:2.5rem;font-weight:400}.lp-hero-btns{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}.lp-hero-stats{display:flex;gap:2.5rem;flex-wrap:wrap;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05)}.lp-hero-stat{display:flex;flex-direction:column;gap:.2rem}.lp-hero-stat-val{font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,#ff6b5a,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-hero-stat-label{font-size:.8rem;color:#64748b;font-weight:500}.lp-hero-visual{flex:0 0 400px;display:flex;justify-content:center;z-index:1}.lp-hero-mic-wrap{position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center}.lp-hero-mic-glow{position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(232,57,42,.4) 0%,rgba(249,115,22,.2) 50%,transparent 70%);border-radius:50%;filter:blur(24px);animation:micGlow 3s ease-in-out infinite}.lp-ring{position:absolute;border-radius:50%;border:1.5px solid;animation:ringExpand 3s ease-out infinite}.lp-ring-1{width:200px;height:200px;border-color:#e8392a4d;animation-delay:0s}.lp-ring-2{width:240px;height:240px;border-color:#f9731633;animation-delay:1s}.lp-ring-3{width:280px;height:280px;border-color:#fbbf241a;animation-delay:2s}.lp-mic-icon{width:120px;height:120px;background:linear-gradient(135deg,#e8392a,#f97316 60%,#fbbf24);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #e8392a80,0 0 0 8px #e8392a26;animation:micFloat 4s ease-in-out infinite;position:relative;z-index:2}.lp-section{padding:6rem 2.5rem;background:#06080f}.lp-section-alt{background:#0a0d18;border-top:1px solid rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.02)}.lp-container{max-width:1200px;margin:0 auto}.lp-section-header{text-align:center;margin-bottom:3.5rem}.lp-section-badge{display:inline-block;background:#f973161a;border:1px solid rgba(249,115,22,.2);color:#ffedd5;padding:.3rem 1rem;border-radius:99px;font-size:.75rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin-bottom:1rem}.lp-section-h2{font-size:clamp(1.75rem,4vw,2.625rem);font-weight:800;color:#fff;letter-spacing:-.03em;margin-bottom:.75rem}.lp-section-sub{font-size:1.05rem;color:#94a3b8;max-width:520px;margin:0 auto;line-height:1.65}.lp-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.lp-feature-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #0003;transition:transform .3s,border-color .3s,box-shadow .3s,background .3s;cursor:default}.lp-feature-card:hover{transform:translateY(-6px);background:#ffffff0a;border-color:var(--card-accent,rgba(249,115,22,.3));box-shadow:0 12px 40px #0000004d,0 0 0 1px var(--card-accent,rgba(249,115,22,.1))}.lp-feature-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.lp-feature-title{font-size:1.05rem;font-weight:700;color:#fff;margin-bottom:.6rem}.lp-feature-desc{font-size:.875rem;color:#94a3b8;line-height:1.7}.lp-steps{display:flex;gap:2rem;position:relative;justify-content:center}.lp-step{flex:1;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:2.5rem 2rem;text-align:center;position:relative;box-shadow:0 4px 20px #0003;transition:transform .3s,border-color .3s,box-shadow .3s}.lp-step:hover{transform:translateY(-6px);border-color:#f9731666;box-shadow:0 12px 40px #0000004d}.lp-step-num{position:absolute;top:-1px;right:-1px;background:linear-gradient(135deg,#e8392a,#f97316);color:#fff;font-size:.68rem;font-weight:800;padding:.25rem .65rem;border-radius:0 20px 0 12px;letter-spacing:.05em}.lp-step-icon{width:64px;height:64px;background:#f973161a;border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;color:#f97316}.lp-step-title{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.75rem}.lp-step-desc{font-size:.875rem;color:#94a3b8;line-height:1.75}.lp-step-connector{position:absolute;right:-1rem;top:50%;transform:translateY(-50%);width:2rem;height:2px;background:linear-gradient(90deg,rgba(249,115,22,.6),transparent);z-index:2}.lp-pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;align-items:stretch}.lp-pricing-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:2.5rem 2rem;position:relative;box-shadow:0 4px 20px #0003;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;flex-direction:column}.lp-pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d;border-color:#ffffff26}.lp-pricing-featured{background:linear-gradient(160deg,#f9731614,#e8392a05);border-color:#f9731666;transform:scale(1.03);box-shadow:0 12px 50px #e8392a33}.lp-pricing-featured:hover{transform:scale(1.03) translateY(-4px);border-color:#f9731699}.lp-pricing-badge{position:absolute;top:-1px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#e8392a,#f97316);color:#fff;font-size:.7rem;font-weight:700;padding:.28rem 1rem;border-radius:0 0 10px 10px;white-space:nowrap;letter-spacing:.05em}.lp-pricing-name{font-size:.82rem;font-weight:700;color:#cbd5e1;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.lp-pricing-price{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.75rem}.lp-pricing-amount{font-size:2.5rem;font-weight:900;color:#fff}.lp-pricing-period{font-size:.875rem;color:#64748b;font-weight:500}.lp-pricing-desc{font-size:.875rem;color:#94a3b8;margin-bottom:1.75rem;line-height:1.55}.lp-pricing-features{list-style:none;display:flex;flex-direction:column;gap:.8rem;margin-bottom:2rem}.lp-pricing-features li{display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#e2e8f0}.lp-pricing-cta{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.875rem;border-radius:12px;font-weight:700;font-size:.95rem;text-decoration:none;transition:all .2s}.lp-pricing-compact{padding:1.5rem 1.25rem;border-radius:18px}.lp-pricing-features-compact{gap:.45rem;margin-bottom:1.25rem}.lp-pricing-features-compact li{font-size:.78rem;gap:.45rem;color:#cbd5e1}.lp-plan-badge{display:inline-block;border-radius:999px;padding:.18rem .7rem;font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.lp-plan-free{background:#10b9811f;border:1px solid rgba(16,185,129,.25);color:#10b981}.lp-plan-pro{background:#f973161f;border:1px solid rgba(249,115,22,.25);color:#f97316}.lp-plan-max{background:#e8392a24;border:1px solid rgba(232,57,42,.3);color:#e8392a}@media (max-width:1100px){.lp-features-grid{grid-template-columns:repeat(2,1fr)}.lp-pricing-grid{grid-template-columns:1fr;gap:1rem}.lp-pricing-featured{transform:none}.lp-pricing-featured:hover{transform:translateY(-4px)}}@media (max-width:1024px){[style*="repeat(5, 1fr)"]{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:700px){[style*="repeat(5, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){[style*="repeat(5, 1fr)"]{grid-template-columns:1fr!important}}.lp-privacy-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:2.5rem;border-radius:24px;color:#94a3b8;font-size:.95rem;line-height:1.7;text-align:left;box-shadow:0 4px 20px #0003}.lp-faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column}.lp-faq-item{border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;-webkit-user-select:none;user-select:none}.lp-faq-item:first-child{border-top:1px solid rgba(255,255,255,.05)}.lp-faq-q{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.35rem 0;font-size:1rem;font-weight:600;color:#fff}.lp-faq-icon{flex-shrink:0;color:#64748b;transition:transform .3s,color .2s}.lp-faq-open{transform:rotate(180deg);color:#f97316}.lp-faq-a{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .3s;opacity:0}.lp-faq-a-open{max-height:300px;opacity:1}.lp-faq-a p{padding-bottom:1.25rem;font-size:.95rem;color:#94a3b8;line-height:1.8}.lp-footer{background:#020408;border-top:1px solid rgba(255,255,255,.05);padding:3.5rem 2.5rem 2rem}.lp-footer-top{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2.5rem}.lp-footer-tagline{font-size:.9rem;color:#64748b;max-width:380px;line-height:1.65;margin:0;text-align:left}.lp-footer-links{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.lp-footer-link{padding:.4rem .875rem;border-radius:8px;color:#94a3b8;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s}.lp-footer-link:hover{color:#fff;background:#ffffff0d}.lp-footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.05);font-size:.8rem;color:#64748b}@media (max-width:1024px){.lp-features-grid{grid-template-columns:repeat(2,1fr)}.lp-pricing-grid{grid-template-columns:1fr;gap:1rem}.lp-pricing-featured{transform:none}.lp-pricing-featured:hover{transform:translateY(-4px)}}@media (max-width:860px){.lp-hero{flex-direction:column;padding:6.5rem 1.5rem 3.5rem;text-align:center}.lp-hero-visual{flex:none}.lp-hero-btns,.lp-hero-stats{justify-content:center}.lp-hero-badge{margin:0 auto 1.5rem}.lp-steps{flex-direction:column}.lp-step-connector,.lp-nav-links{display:none}.lp-features-grid{grid-template-columns:1fr}}@media (max-width:640px){.lp-nav{padding:1rem 1.25rem}.lp-section{padding:4rem 1.25rem}.lp-hero{padding:6rem 1.25rem 3rem}.lp-feature-card,.lp-pricing-card{display:flex;flex-direction:column;align-items:center;text-align:center}.lp-footer-top{align-items:center;text-align:center}.lp-footer-tagline{text-align:center}.lp-footer-links{justify-content:center}.lp-footer{padding:2.5rem 1.25rem 1.5rem}.lp-footer-bottom{flex-direction:column;gap:.5rem;text-align:center}.lp-privacy-card{padding:1.5rem;border-radius:16px}}:root{--d365-blue: #009edb;--d365-blue-glow: rgba(0,158,219,.25);--d365-gold: #D4A017;--d365-gold-glow: rgba(212,160,23,.25);--d365-navy: #0a1628;--d365-navy-card: rgba(10,22,40,.6)}@keyframes orbIdle{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}}@keyframes badgeUnlock{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .35s cubic-bezier(.16,1,.3,1) both}.badge-slot{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .75rem;border-radius:16px;transition:transform .2s,box-shadow .2s}.badge-slot.earned{background:#d4a0170f;border:1px solid rgba(212,160,23,.2)}.badge-slot.earned:hover{transform:translateY(-3px);box-shadow:0 10px 28px #d4a01726}.badge-slot.locked{background:#ffffff05;border:1px solid rgba(255,255,255,.05);opacity:.5}.badge-icon-wrap{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin .8s linear infinite}@media (max-width: 768px){.sm-flex-col{flex-direction:column!important}.sm-grid-cols-2{grid-template-columns:repeat(2,1fr)!important}.sm-grid-cols-1{grid-template-columns:1fr!important}.sm-p-4{padding:1rem!important}.sm-w-full{width:100%!important}.sm-text-2xl{font-size:2rem!important}.sm-text-xl{font-size:1.5rem!important}.sm-gap-4{gap:1rem!important}.sm-items-start{align-items:flex-start!important}}