@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:oklch(93.6% .032 17.717);--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-orange-50:oklch(98% .016 73.684);--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-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-yellow-50:oklch(98.7% .026 102.212);--color-green-50:oklch(98.2% .018 155.826);--color-green-200:oklch(92.5% .084 155.995);--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-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-cyan-50:oklch(98.4% .019 200.873);--color-cyan-100:oklch(95.6% .045 203.388);--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-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-indigo-50:oklch(96.2% .018 272.314);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-600:oklch(55.8% .288 302.321);--color-pink-100:oklch(94.8% .028 342.258);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--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-white:#fff;--spacing:.25rem;--container-6xl:72rem;--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-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--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:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.right-4{right:calc(var(--spacing)*4)}.z-10{z-index:10}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mx-auto{margin-inline:auto}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-auto{margin-top:auto}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-2\.5{margin-bottom:calc(var(--spacing)*2.5)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-16{height:calc(var(--spacing)*16)}.h-full{height:100%}.h-screen{height:100vh}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-16{width:calc(var(--spacing)*16)}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.min-w-\[160px\]{min-width:160px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.origin-left{transform-origin:0}.scale-x-0{--tw-scale-x:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-amber-100{border-color:var(--color-amber-100)}.border-amber-200{border-color:var(--color-amber-200)}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-white\/50{border-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.border-white\/50{border-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.border-t-transparent{border-top-color:#0000}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-200{background-color:var(--color-amber-200)}.bg-blue-50\/80{background-color:#eff6ffcc}@supports (color:color-mix(in lab,red,red)){.bg-blue-50\/80{background-color:color-mix(in oklab,var(--color-blue-50)80%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-200{background-color:var(--color-blue-200)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-50{background-color:var(--color-green-50)}.bg-white{background-color:var(--color-white)}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-amber-50{--tw-gradient-from:var(--color-amber-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-100{--tw-gradient-from:var(--color-blue-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-green-500{--tw-gradient-from:var(--color-green-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-indigo-500{--tw-gradient-from:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-100{--tw-gradient-from:var(--color-purple-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-600{--tw-gradient-from:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-red-100{--tw-gradient-from:var(--color-red-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-red-500{--tw-gradient-from:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-indigo-50{--tw-gradient-via:var(--color-indigo-50);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-pink-100{--tw-gradient-via:var(--color-pink-100);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-blue-100{--tw-gradient-to:var(--color-blue-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-blue-600{--tw-gradient-to:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-cyan-50{--tw-gradient-to:var(--color-cyan-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-cyan-100{--tw-gradient-to:var(--color-cyan-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-emerald-500{--tw-gradient-to:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-50{--tw-gradient-to:var(--color-indigo-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-500{--tw-gradient-to:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-orange-50{--tw-gradient-to:var(--color-orange-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-100{--tw-gradient-to:var(--color-pink-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-50{--tw-gradient-to:var(--color-purple-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-rose-500{--tw-gradient-to:var(--color-rose-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-yellow-50{--tw-gradient-to:var(--color-yellow-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-12{padding:calc(var(--spacing)*12)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-red-500{color:var(--color-red-500)}.text-red-700{color:var(--color-red-700)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.group-hover\:-translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:scale-x-100:is(:where(.group):hover *){--tw-scale-x:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.placeholder\:font-normal::-moz-placeholder{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.placeholder\:font-normal::placeholder{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.placeholder\:text-gray-300::-moz-placeholder{color:var(--color-gray-300)}.placeholder\:text-gray-300::placeholder{color:var(--color-gray-300)}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:bg-amber-200:hover{background-color:var(--color-amber-200)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-200:hover{background-color:var(--color-blue-200)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:from-blue-600:hover{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:from-green-600:hover{--tw-gradient-from:var(--color-green-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:from-red-600:hover{--tw-gradient-from:var(--color-red-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-emerald-600:hover{--tw-gradient-to:var(--color-emerald-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-indigo-600:hover{--tw-gradient-to:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-rose-600:hover{--tw-gradient-to:var(--color-rose-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:shadow-lg:focus{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-200:focus{--tw-ring-color:var(--color-blue-200)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}@media(min-width:40rem){.sm\:flex-row{flex-direction:row}}@media(min-width:48rem){.md\:p-6{padding:calc(var(--spacing)*6)}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media(min-width:64rem){.lg\:p-8{padding:calc(var(--spacing)*8)}}}.animate-fadeIn{animation:.5s ease-out fadeIn}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-gradient{background-size:200% 200%;animation:3s infinite gradient}.border-gradient-to-r{-o-border-image:linear-gradient(90deg,#ddd6fe,#fbcfe8,#bfdbfe) 1;border-image:linear-gradient(90deg,#ddd6fe,#fbcfe8,#bfdbfe) 1}:root{color-scheme:light;color:#213547;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{width:100%;height:100%;margin:0;padding:0}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{min-width:320px;min-height:100vh;margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}#root{margin:0;padding:0;width:100%;min-height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}*{scroll-behavior:smooth}.home-container{width:100%;max-width:100vw;margin:0;padding:0;overflow-x:hidden}.navbar{position:fixed;top:0;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000000d;z-index:1000;transition:all .3s ease}.nav-content{max-width:1400px;margin:0 auto;padding:0 40px;height:70px;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:1.5rem;font-weight:700;color:#667eea;cursor:pointer;display:flex;align-items:center;gap:.5rem}.nav-menu{display:flex;list-style:none;gap:2.5rem;margin:0;padding:0}.nav-menu li a{color:#333;text-decoration:none;font-weight:500;font-size:1rem;transition:color .3s ease;position:relative}.nav-menu li a:hover{color:#667eea}.nav-menu li a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#667eea;transition:width .3s ease}.nav-menu li a:hover:after{width:100%}.nav-actions{display:flex;gap:1rem}.nav-btn{padding:.6rem 1.5rem;border:none;border-radius:25px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s ease}.nav-btn-login{background:transparent;color:#667eea;border:2px solid #667eea}.nav-btn-login:hover{background:#667eea1a}.nav-btn-signup{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.nav-btn-signup:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:140px 40px 100px;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center}.hero-content{max-width:900px;margin:0 auto;animation:fadeInUp 1s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:4rem;font-weight:700;margin-bottom:2rem;line-height:1.2;letter-spacing:-1px}.hero-subtitle{font-size:1.6rem;margin-bottom:3rem;opacity:.95;font-weight:300;line-height:1.6}.hero-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn{padding:1rem 2.5rem;font-size:1.1rem;border:none;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease;text-decoration:none}.btn-primary{background:#fff;color:#667eea}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0003}.btn-secondary{background:transparent;color:#fff;border:2px solid white}.btn-secondary:hover{background:#fff;color:#667eea;transform:translateY(-2px)}.section-title{text-align:center;font-size:2.5rem;margin-bottom:1rem;font-weight:700;position:relative;padding-bottom:1rem}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.section-subtitle{text-align:center;font-size:1.2rem;color:#666;margin-bottom:3rem;opacity:.9}.stats-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:60px 40px;color:#fff}.stat-item{text-align:center;padding:1.5rem}.stat-number{font-size:3rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(to right,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:1.1rem;opacity:.95;font-weight:300}.features-section{padding:100px 40px;max-width:1400px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.feature-card{background:#667eea0d;padding:2.5rem;border-radius:20px;text-align:center;transition:all .3s ease;border:2px solid transparent}.feature-card:hover{transform:translateY(-10px);border-color:#667eea;box-shadow:0 15px 40px #667eea33}.feature-icon{font-size:3.5rem;margin-bottom:1.5rem}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:#667eea}.feature-card p{font-size:1rem;line-height:1.6;opacity:.8}.learning-path-section{padding:100px 40px;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#667eea05,#764ba205)}.learning-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.path-card{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 5px 25px #00000014;transition:all .3s ease;border:2px solid transparent;position:relative}.path-card:hover{transform:translateY(-10px);box-shadow:0 15px 50px #667eea40;border-color:#667eea}.path-card-featured{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.05)}.path-card-featured:hover{transform:translateY(-10px) scale(1.05)}.path-badge{display:inline-block;padding:.5rem 1.2rem;background:#667eea1a;color:#667eea;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:1.5rem}.path-badge-hot{background:#ffffff40;color:#fff}.path-title{font-size:1.8rem;font-weight:700;margin-bottom:1rem}.path-description{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;opacity:.85}.path-card-featured .path-description{opacity:.95}.path-features{list-style:none;padding:0;margin:2rem 0}.path-features li{padding:.8rem 0;font-size:1rem;border-bottom:1px solid rgba(102,126,234,.1)}.path-card-featured .path-features li{border-bottom-color:#fff3}.path-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.path-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.path-btn-featured{background:#fff;color:#667eea}.path-btn-featured:hover{box-shadow:0 8px 20px #ffffff4d}.pricing-section{padding:100px 40px;max-width:1400px;margin:0 auto}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;align-items:start}.pricing-card{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 5px 25px #00000014;transition:all .3s ease;border:2px solid transparent;position:relative}.pricing-card:hover{transform:translateY(-10px);box-shadow:0 15px 50px #667eea40;border-color:#667eea}.pricing-card-popular{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea;transform:scale(1.05)}.pricing-card-popular:hover{transform:translateY(-10px) scale(1.05)}.pricing-badge{position:absolute;top:-15px;right:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.85rem;font-weight:600;box-shadow:0 5px 15px #667eea4d}.pricing-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid rgba(102,126,234,.1)}.pricing-title{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;color:#333}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:.3rem}.price-currency{font-size:1.5rem;color:#666}.price-amount{font-size:3.5rem;font-weight:700;color:#667eea}.price-period{font-size:1rem;color:#666}.pricing-features{list-style:none;padding:0;margin:2rem 0}.pricing-features li{padding:.8rem 0;font-size:1rem;color:#555}.pricing-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.pricing-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.pricing-btn-popular{background:linear-gradient(135deg,#764ba2,#667eea)}.testimonials-section{padding:100px 40px;background:linear-gradient(135deg,#667eea0d,#764ba20d);max-width:1400px;margin:0 auto}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.testimonial-card{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 5px 20px #00000014;transition:all .3s ease}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.testimonial-rating{font-size:1.3rem;margin-bottom:1.5rem}.testimonial-text{font-size:1.05rem;line-height:1.7;margin-bottom:1.5rem;font-style:italic;opacity:.85}.testimonial-author{display:flex;align-items:center;gap:1rem;padding-top:1.5rem;border-top:2px solid rgba(102,126,234,.1)}.author-avatar{font-size:2.5rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#667eea1a;border-radius:50%}.author-name{font-weight:700;font-size:1.1rem;margin-bottom:.25rem}.author-info{font-size:.9rem;opacity:.7}.faq-section{padding:100px 40px;max-width:1200px;margin:0 auto}.faq-container{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}.faq-item{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 3px 15px #0000000d;transition:all .3s ease}.faq-item:hover{box-shadow:0 8px 30px #667eea26;transform:translateY(-5px)}.faq-question{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.faq-icon{font-size:2rem;flex-shrink:0}.faq-question h3{font-size:1.3rem;font-weight:600;color:#333;margin:0}.faq-answer{font-size:1rem;line-height:1.7;color:#666;margin:0;padding-left:3rem}.partners-section{padding:100px 40px;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#667eea05,#764ba205)}.partners-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2rem}.partner-item{background:#fff;padding:2rem 1rem;border-radius:15px;text-align:center;font-weight:600;font-size:1rem;color:#555;box-shadow:0 3px 15px #0000000d;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.partner-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #667eea26;color:#667eea}.links-section{padding:100px 40px;max-width:1400px;margin:0 auto}.links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.link-item{display:block;padding:1.5rem;background:linear-gradient(135deg,#667eea14,#764ba214);border-radius:15px;text-align:center;font-weight:600;font-size:1.1rem;color:#667eea;text-decoration:none;transition:all .3s ease;border:2px solid transparent}.link-item:hover{transform:translateY(-5px);border-color:#667eea;background:#fff;box-shadow:0 10px 30px #667eea33}.footer{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fffc;padding:60px 40px 30px}.footer-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:4rem;margin-bottom:3rem}.footer-section h3{color:#fff;font-size:1.3rem;margin-bottom:1.5rem;font-weight:600}.footer-section p{line-height:1.8;margin-bottom:.8rem}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-link{display:inline-block;padding:.6rem 1.2rem;background:#667eea33;color:#fff;text-decoration:none;border-radius:8px;transition:all .3s ease}.social-link:hover{background:#667eea66;transform:translateY(-2px)}.footer-bottom{max-width:1400px;margin:0 auto;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}@media(prefers-color-scheme:dark){.feature-card{background:#667eea1a}.testimonial-card{background:#2a2a2a;color:#ffffffe6}.testimonial-text{color:#fffc}.link-item{background:#667eea26;color:#a8b5ff}.link-item:hover{background:#667eea40;color:#c5d0ff}}@media(max-width:1200px){.features-grid,.testimonials-grid,.links-grid,.learning-path-grid,.pricing-grid,.stats-container{grid-template-columns:repeat(2,1fr)}.partners-grid{grid-template-columns:repeat(3,1fr)}.faq-container{grid-template-columns:1fr}.nav-content{padding:0 30px}.hero-title{font-size:3.5rem}.path-card-featured{transform:scale(1)}.path-card-featured:hover{transform:translateY(-10px)}.pricing-card-popular{transform:scale(1)}.pricing-card-popular:hover{transform:translateY(-10px)}}@media(max-width:968px){.nav-menu{display:none}.nav-content{padding:0 20px}.hero-section{padding:140px 20px 100px;min-height:auto}.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1.3rem}.section-title{font-size:2rem}.features-section,.testimonials-section,.links-section{padding:80px 20px}.footer{padding:50px 20px 20px}.footer-content{grid-template-columns:1fr;gap:2.5rem}}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.section-title{font-size:1.8rem}.features-grid,.testimonials-grid,.links-grid,.learning-path-grid,.pricing-grid,.faq-container{grid-template-columns:1fr}.stats-container{grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-number{font-size:2.5rem}.partners-grid{grid-template-columns:repeat(2,1fr)}.hero-actions{flex-direction:column;gap:1rem}.btn{width:100%;max-width:300px}.nav-actions{gap:.5rem}.nav-btn{padding:.5rem 1rem;font-size:.85rem}.path-card,.pricing-card{padding:2rem}}@media(max-width:480px){.hero-section{padding:120px 15px 80px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.feature-card,.testimonial-card,.path-card,.pricing-card{padding:1.5rem}.nav-logo{font-size:1.2rem}.stats-container{grid-template-columns:1fr}.stat-number{font-size:2rem}.partners-grid{grid-template-columns:1fr}.faq-answer{padding-left:0}}@media(min-width:1600px){.nav-content,.features-section,.testimonials-section,.links-section,.footer-content{max-width:1600px}.hero-title{font-size:4.5rem}.hero-subtitle{font-size:1.8rem}}.learn-container{display:flex;height:100vh;width:100vw;position:fixed;top:0;left:0;background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.learn-container .page-content{width:auto;max-width:none}.learn-sidebar{width:220px;background:linear-gradient(180deg,#1a1f36,#0f1419);display:flex;flex-direction:column;box-shadow:4px 0 16px #0000001a;overflow-y:auto;overflow-x:hidden;transition:width .3s cubic-bezier(.4,0,.2,1)}.learn-sidebar.collapsed{width:64px}.sidebar-header{padding:0 16px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;position:relative;min-height:72px}.learn-sidebar.collapsed .sidebar-header{padding:20px 8px;justify-content:center}.logo{display:flex;align-items:center;gap:10px}.logo-icon{font-size:28px;line-height:1}.logo-text{font-size:18px;font-weight:600;color:#fff;letter-spacing:.5px;white-space:nowrap;transition:opacity .2s ease}.collapse-btn{width:40px;height:32px;padding:0;border:1px solid #e8e8e8;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;margin-right:12px}.learn-menu{flex:1;padding:16px 0;overflow-y:auto;overflow-x:hidden}.menu-section{padding:0 12px}.menu-section-title{font-size:11px;font-weight:600;color:#ffffff73;text-transform:uppercase;letter-spacing:1px;padding:6px 10px;margin-bottom:6px}.menu-item{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:4px;border-radius:8px;text-decoration:none;color:#ffffffbf;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.learn-sidebar.collapsed .menu-item{justify-content:center;padding:10px 6px}.menu-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:#1890ff;transform:scaleY(0);transition:transform .3s ease}.menu-item:hover{background:#ffffff14;color:#fff}.menu-item:hover:before{transform:scaleY(1)}.menu-item.active{background:#1890ff26;color:#fff}.menu-item.active:before{transform:scaleY(1)}.menu-icon{font-size:20px;flex-shrink:0;width:24px;text-align:center;transition:font-size .3s ease}.learn-sidebar.collapsed .menu-icon{font-size:24px}.menu-content{flex:1;display:flex;flex-direction:column;gap:2px}.menu-label{font-size:13px;font-weight:500}.menu-description{font-size:10px;color:#ffffff73}.menu-item.active .menu-description{color:#ffffffa6}.menu-arrow{font-size:18px;opacity:0;transition:opacity .3s ease}.menu-item:hover .menu-arrow,.menu-item.active .menu-arrow{opacity:1}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1)}.user-progress{padding:12px;background:#ffffff0d;border-radius:8px}.progress-title{font-size:11px;color:#ffffffa6;margin-bottom:10px}.progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#1890ff,#52c41a);border-radius:3px;transition:width .3s ease}.progress-text{font-size:11px;color:#ffffff73;text-align:right}.learn-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.learn-header{background:#fff;padding:16px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8e8e8;box-shadow:0 2px 8px #0000000d}.header-left{flex:1;display:flex;flex-direction:column}.title-row{display:flex;align-items:center;gap:0}.page-title{font-size:24px;font-weight:600;color:#262626;margin:0}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#8c8c8c}.breadcrumb .separator{color:#d9d9d9}.breadcrumb .current{color:#1890ff;font-weight:500}.header-right{display:flex;gap:12px}.btn-icon{width:36px;height:36px;border:1px solid #d9d9d9;background:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:16px;display:flex;align-items:center;justify-content:center}.btn-icon:hover{border-color:#1890ff;color:#1890ff;background:#e6f7ff}.btn-icon-text{width:auto;min-width:72px;padding:0 12px;flex-shrink:0}.learn-content{flex:1;padding:24px 32px;overflow-y:auto;scrollbar-gutter:stable;background:#f0f2f5}.page-content{max-width:1200px;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-content>h1{font-size:28px;font-weight:600;color:#262626;margin:0 0 8px}.page-content>p{font-size:14px;color:#8c8c8c;margin:0 0 24px;line-height:1.6}.learn-sidebar::-webkit-scrollbar,.learn-content::-webkit-scrollbar{width:6px}.learn-sidebar::-webkit-scrollbar-track{background:#ffffff0d}.learn-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.learn-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.learn-content::-webkit-scrollbar-track{background:transparent}.learn-content::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.learn-content::-webkit-scrollbar-thumb:hover{background:#0000004d}@media(max-width:1024px){.learn-sidebar{width:200px}.learn-sidebar.collapsed{width:60px}.learn-header{padding:16px 24px}.learn-content{padding:20px 24px}}@media(max-width:768px){.learn-container{flex-direction:column}.learn-sidebar{width:100%;height:auto;max-height:200px}.sidebar-footer,.menu-section-title{display:none}.learn-menu{display:flex;flex-direction:row;overflow-x:auto;padding:12px 16px}.menu-item{flex-shrink:0;white-space:nowrap}.menu-description{display:none}}.stat-card{background:linear-gradient(135deg,#fff,#f8f9fa);padding:24px;border-radius:16px;box-shadow:0 2px 12px #00000014;border:1px solid rgba(0,0,0,.04);transition:border-color .2s ease,box-shadow .2s ease;cursor:default;position:relative;overflow:hidden}.stat-card:hover{box-shadow:0 2px 12px #00000014;border-color:#0000000a;border:1px solid rgba(0,0,0,.04)}.stat-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.stat-card-icon{font-size:32px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .3s ease}.stat-card-label{font-size:14px;color:#8c8c8c;font-weight:500;letter-spacing:.3px}.stat-card-value{font-size:32px;font-weight:700;line-height:1.2;letter-spacing:-.5px}@media(max-width:768px){.stats-container{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.stat-card{padding:20px}.stat-card-icon,.stat-card-value{font-size:28px}.search-input{flex:1 1 100%;max-width:none}.search-filter-row{gap:10px}}@media(max-width:480px){.stats-container{grid-template-columns:1fr;gap:12px}.search-input{min-width:100%}}.search-filter-container{background:#fff;border-radius:12px;padding:20px 24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0}.search-filter-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search-input{flex:0 1 320px;min-width:240px;max-width:320px;padding:10px 16px 10px 40px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238c8c8c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.35-4.35'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;background-size:16px;color:#262626;font-weight:400;box-shadow:0 1px 2px #0000000d}.search-input::-moz-placeholder{color:#bfbfbf;font-weight:400}.search-input::placeholder{color:#bfbfbf;font-weight:400}.search-input:hover{border-color:#40a9ff;box-shadow:0 2px 8px #1890ff26;background-color:#f8fcff}.search-input:focus{border-color:#1890ff;box-shadow:0 0 0 3px #1890ff1a;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231890ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.35-4.35'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.select-input{padding:10px 36px 10px 16px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px;cursor:pointer;background:#fff;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238c8c8c' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;font-weight:500;color:#262626;box-shadow:0 1px 2px #0000000d;position:relative}.select-input:hover{border-color:#40a9ff;box-shadow:0 2px 8px #1890ff26;background-color:#f8fcff}.select-input:focus{border-color:#1890ff;box-shadow:0 0 0 3px #1890ff1a;background-color:#fff}.select-input option{padding:10px;font-size:14px;color:#262626;background:#fff}.select-input option:hover{background:#f0f9ff}.immediate-search-btn{padding:10px 20px;background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #1890ff40;position:relative;overflow:hidden}.immediate-search-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.immediate-search-btn:hover{background:linear-gradient(135deg,#40a9ff,#69c0ff);box-shadow:0 4px 12px #1890ff59}.immediate-search-btn:hover:before{left:100%}.immediate-search-btn:active{transform:translateY(0);box-shadow:0 2px 4px #1890ff4d}.reset-btn{padding:10px 20px;background:#fff;color:#8c8c8c;border:1px solid #d9d9d9;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d;position:relative;overflow:hidden}.reset-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#0000000d;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.reset-btn:hover{color:#262626;border-color:#595959;background:#fafafa;box-shadow:0 2px 6px #0000001a}.reset-btn:hover:before{width:300px;height:300px}.reset-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.search-tip{margin-top:12px;font-size:13px;color:#8c8c8c}.search-status{margin-top:12px;padding:12px 16px;background:linear-gradient(135deg,#e6f7ff,#f0f9ff);border-radius:10px;font-size:13px;color:#1890ff;display:flex;align-items:center;gap:10px;border:1px solid rgba(24,144,255,.15);box-shadow:0 2px 8px #1890ff14;position:relative;overflow:hidden;animation:slideInDown .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-status:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#1890ff,#40a9ff)}.search-status>span:first-child{font-size:18px;filter:drop-shadow(0 2px 4px rgba(24,144,255,.3));animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-status>span:nth-child(2){flex:1;font-weight:500}.search-status>span:nth-child(2) strong{font-weight:600;color:#0050b3;padding:2px 8px;background:#fff9;border-radius:4px;margin:0 4px;display:inline-block}.search-status-secondary{color:#8c8c8c;font-size:12px;padding:2px 8px;background:#8c8c8c14;border-radius:4px;font-weight:400}.words-list-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0}.words-list-header{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.words-list-title{margin:0;font-size:16px;font-weight:600}.add-word-btn{padding:8px 16px;background:#1890ff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.loading-empty-state{padding:60px 0;text-align:center;color:#8c8c8c;font-size:14px}.words-table-wrapper{overflow:auto}.words-table{width:100%;border-collapse:collapse}.words-table thead tr{background:#fafafa}.words-table th{padding:12px 24px;text-align:left;font-size:13px;font-weight:600;color:#8c8c8c}.words-table tbody tr{border-top:1px solid #f0f0f0;transition:background .2s}.words-table tbody tr:hover{background:#fafafa}.words-table td{padding:16px 24px}.word-cell{font-size:15px;font-weight:600;color:#262626}.phonetic-cell{font-size:14px;color:#8c8c8c;font-style:italic}.translation-cell{max-width:300px;font-size:14px;color:#595959}.badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.badge-beginner{background:#e6f7ff;color:#1890ff}.badge-intermediate{background:#fff7e6;color:#fa8c16}.badge-advanced{background:#fff1f0;color:#f5222d}.badge-mastered{background:#f6ffed;color:#52c41a}.badge-in-progress{background:#fffbe6;color:#faad14}.badge-not-started{background:#fafafa;color:#8c8c8c}.action-btn{padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px}.action-btn-primary{background:transparent;color:#1890ff;border:1px solid #1890ff;margin-right:8px}.action-btn-secondary{background:transparent;color:#8c8c8c;border:1px solid #d9d9d9}.pagination-container{padding:20px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f8fbff}.pagination-info{display:flex;align-items:center;gap:10px;font-size:13px;color:#5f6b7a}.pagination-buttons{display:flex;gap:8px}.pagination-page-chip{display:inline-flex;align-items:center;justify-content:center;min-width:56px;padding:2px 8px;border-radius:999px;border:1px solid #cfe2ff;background:#fff;color:#1677ff;font-weight:600}.pagination-btn{padding:6px 12px;border:1px solid #cfd8e3;border-radius:8px;font-size:13px;font-weight:500;line-height:1.2;transition:border-color .2s ease,box-shadow .2s ease,color .2s ease}.pagination-btn:not(:disabled){background:#fff;color:#263445;cursor:pointer}.pagination-btn:disabled{background:#f3f6fa;color:#a0acba;border-color:#e2e8f0;cursor:not-allowed}.tags-cell{max-width:200px}.word-tags-container{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.word-tag-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;border:1px solid;white-space:nowrap}.no-tags{color:#bfbfbf;font-size:12px;font-style:italic}.more-tags{color:#8c8c8c;font-size:11px;font-weight:500}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;animation:slideIn .3s ease}.word-library-modal-content{max-width:860px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#262626}.modal-close{width:32px;height:32px;border:none;background:#f5f5f5;border-radius:50%;cursor:pointer;font-size:18px;color:#8c8c8c;transition:all .2s}.modal-close:hover{background:#e5e5e5;color:#262626}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-hint{margin:0 0 16px;padding:12px;background:#f0f9ff;border-radius:8px;font-size:13px;color:#0050b3}.tag-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.tag-selection-item{padding:12px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;background:#fff}.tag-selection-item:hover{background:#f9fafb;border-color:#d1d5db}.tag-selection-item.selected{background:#f0f9ff;border-color:currentColor}.tag-checkbox{cursor:pointer}.tag-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tag-name{flex:1;font-size:13px;font-weight:500;color:#262626}.tag-description{font-size:12px;color:#8c8c8c;cursor:help}.modal-footer{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:12px}.modal-btn{padding:8px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.modal-btn-cancel{background:#fff;color:#8c8c8c;border:1px solid #d9d9d9}.modal-btn-cancel:hover{background:#fafafa;border-color:#8c8c8c;color:#262626}.modal-btn-primary{background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff;box-shadow:0 2px 8px #1890ff40}.modal-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#40a9ff,#69c0ff);box-shadow:0 4px 12px #1890ff59}.modal-btn-primary:disabled{opacity:.6;cursor:not-allowed}.word-library-list{max-height:420px;overflow:auto;border:1px solid #f0f0f0;border-radius:8px}.add-word-input-row{display:flex;gap:12px;align-items:center}.add-word-input{flex:1;max-width:none;min-width:0}.add-word-error{margin-top:12px;color:#cf1322;font-size:13px}.add-word-result{margin-top:16px;padding:14px;border:1px solid #e6f7ff;border-radius:8px;background:#f6ffed}.add-word-result h4{margin:0 0 8px;font-size:14px}.add-word-result-title{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.add-word-result-title span{color:#8c8c8c;font-style:italic}.add-word-result-definitions p{margin:6px 0;font-size:14px;color:#262626}.add-word-result-sentences{margin-top:12px;padding-top:10px;border-top:1px dashed #d9f7be}.add-word-result-sentences h5{margin:0 0 8px;font-size:13px;color:#389e0d}.sentence-item{margin-bottom:8px}.sentence-en{margin:0;font-size:14px;color:#262626}.sentence-cn{margin:2px 0 0;font-size:13px;color:#8c8c8c}.full-screen{z-index:1000;position:fixed;left:0;top:0;width:100vw;height:100vh}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:linear-gradient(135deg,#fff,#f8f9fa);padding:24px;border-radius:16px;box-shadow:0 2px 12px #00000014;border:1px solid rgba(0,0,0,.04);transition:border-color .2s ease,box-shadow .2s ease;cursor:default;position:relative;overflow:hidden;display:flex;align-items:center;gap:16px}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,rgba(24,144,255,.3),transparent);opacity:0;transition:opacity .3s ease}.stat-card:hover{box-shadow:0 2px 12px #00000014;border-color:#0000000a}.stat-card:hover:before{opacity:1}.stat-icon{font-size:40px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .3s ease;flex-shrink:0}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.stat-content{flex:1;display:flex;flex-direction:column;gap:4px}.stat-value{font-size:32px;font-weight:700;line-height:1.2;letter-spacing:-.5px}.stat-label{font-size:14px;color:#8c8c8c;font-weight:500;letter-spacing:.3px}@media(max-width:768px){.stats-container{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.stat-card{padding:20px;flex-direction:column;text-align:center;gap:12px}.stat-icon{font-size:36px}.stat-value{font-size:28px}}@media(max-width:480px){.stats-container{grid-template-columns:1fr;gap:12px}.stat-card{padding:18px}}.search-filter-container{background:#fff;border-radius:12px;padding:14px 16px;margin-bottom:14px;box-shadow:0 2px 8px #0000000f;border:1px solid #eef2f7}.search-input-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search-input{flex:1;min-width:220px;height:36px;border:1px solid #d5dbe5;border-radius:10px;padding:0 12px;font-size:13px;color:#2c3a4b;outline:none;transition:border-color .2s ease,box-shadow .2s ease;background:#fff}.search-input:focus{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff1f}.filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;height:36px;min-width:112px;border:1px solid #d5dbe5;border-radius:10px;padding:0 32px 0 12px;font-size:13px;font-weight:500;color:#1f2d3d;outline:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%236b7a90' d='M7 9.2L2.4 4.6l1-1L7 7.2l3.6-3.6 1 1z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.filter-select:hover{border-color:#95bfff;background-color:#f9fbff}.filter-select:focus{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff1f}.immediate-search-btn,.reset-btn{height:36px;border-radius:10px;padding:0 12px;font-size:12px;font-weight:600;line-height:1}.immediate-search-btn{border:1px solid #1677ff;color:#fff;background:linear-gradient(135deg,#1677ff,#4096ff)}.reset-btn{border:1px solid #d5dbe5;color:#59667a;background:#fff}.search-tip{margin-top:8px;color:#7b8797;font-size:12px}.search-status{margin-top:10px;border-radius:10px;border:1px solid #d6e7ff;background:#f3f8ff;color:#2459b5;padding:8px 10px;font-size:12px;display:flex;align-items:center;gap:8px}.sentences-list-container{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000001a}.sentences-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sentences-list-title{font-size:18px;font-weight:600;color:#333;margin:0}.sentences-table-wrapper{min-height:400px}.sentences-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.sentence-card{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:14px;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.sentence-card:hover{box-shadow:0 4px 12px #0000001a}.sentence-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sentence-difficulty{display:flex;gap:6px;align-items:center}.sentence-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.difficulty-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.difficulty-beginner{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.difficulty-intermediate{background:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.difficulty-advanced{background:#fff1f0;color:#f5222d;border:1px solid #ffccc7}.audio-btn{background:none;border:none;font-size:16px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .2s}.audio-btn:hover{background:#f5f5f5}.sentence-content{margin-bottom:10px}.sentence-en{font-size:16px;font-weight:500;color:#333;margin-bottom:6px;line-height:1.45}.sentence-cn{font-size:13px;color:#666;margin-bottom:6px;line-height:1.45}.sentence-explanation{font-size:12px;color:#999;margin-top:6px;padding:6px 8px;background:#f9f9f9;border-radius:4px;border-left:3px solid #1890ff}.sentence-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.tag{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.tag-keyword{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.tag-grammar{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.sentence-progress{margin-bottom:8px;padding:6px 8px;background:#f9f9f9;border-radius:4px}.progress-item{display:flex;gap:10px;font-size:11px;color:#666}.sentence-actions{display:flex;gap:6px;margin-top:10px}.action-btn{padding:6px 10px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap}.sentence-actions .action-btn{flex:1}.sentence-header-actions .action-btn{padding:4px 8px}.action-btn-primary{background:#1890ff;color:#fff}.action-btn-primary:hover{background:#40a9ff}.action-btn-secondary{background:#f5f5f5;color:#666}.action-btn-secondary:hover{background:#e8e8e8}.pagination{margin-top:12px;padding:10px 12px;border-radius:10px;border:1px solid #e8eef5;background:#f8fbff;display:flex;align-items:center;justify-content:space-between;gap:10px}.pagination-info{display:flex;align-items:center;gap:8px;font-size:12px;color:#5f6b7a}.pagination-page-chip{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:2px 8px;border-radius:999px;border:1px solid #cfe2ff;background:#fff;color:#1677ff;font-weight:600}.pagination-buttons{display:flex;align-items:center;gap:8px}.pagination-btn{border:1px solid #cfd8e3;border-radius:8px;background:#fff;color:#263445;padding:5px 10px;font-size:12px;font-weight:500;line-height:1.2;transition:border-color .2s ease,box-shadow .2s ease,color .2s ease}.pagination-btn:not(:disabled):hover{border-color:#1677ff;color:#1677ff;box-shadow:0 0 0 3px #1677ff1f}.pagination-btn:disabled{color:#a0acba;background:#f3f6fa;border-color:#e2e8f0;cursor:not-allowed}.sentence-generate-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.sentence-generate-modal-content{width:min(560px,92vw);max-height:85vh;overflow:auto;background:#fff;border-radius:12px;box-shadow:0 12px 36px #0000003d;display:flex;flex-direction:column}.sentence-generate-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #eef2f7}.sentence-generate-modal-header h3{margin:0;font-size:18px}.sentence-generate-modal-close{width:30px;height:30px;border:none;border-radius:50%;background:#f5f6f8;cursor:pointer}.sentence-generate-modal-body{padding:16px 18px}.sentence-generate-modal-hint{margin:0 0 14px;font-size:13px;color:#4a5a70;background:#f5f9ff;border:1px solid #dbe9ff;border-radius:10px;padding:10px 12px}.sentence-generate-form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.sentence-generate-form-row label{font-size:13px;color:#445268}.sentence-generate-select,.sentence-generate-input{width:100%;height:36px;border:1px solid #d5dbe5;border-radius:10px;padding:0 10px;font-size:13px;color:#1f2d3d;outline:none}.sentence-generate-select:focus,.sentence-generate-input:focus{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff1f}.sentence-generate-error{margin-top:6px;color:#cf1322;font-size:13px}.sentence-generate-result{margin-top:12px;border:1px solid #d9f7be;background:#f6ffed;border-radius:10px;padding:10px 12px;color:#237804;display:grid;gap:4px;font-size:13px}.sentence-generate-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid #eef2f7}.sentence-generate-btn{height:36px;border-radius:10px;border:1px solid #d5dbe5;padding:0 14px;font-size:13px;font-weight:600;cursor:pointer}.sentence-generate-btn-cancel{background:#fff;color:#566274}.sentence-generate-btn-primary{border-color:#1677ff;background:linear-gradient(135deg,#1677ff,#4096ff);color:#fff}.sentence-generate-btn-primary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.sentences-grid{grid-template-columns:1fr}.sentence-card{padding:12px}.sentence-en{font-size:15px}.pagination{flex-direction:column;align-items:stretch}.pagination-info{justify-content:center}.pagination-buttons{width:100%}.pagination-btn{flex:1}}.audio-recorder{margin-top:12px}.audio-recorder-toggle-btn{border:1px solid #adc6ff;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer;color:#0958d9;background:#f0f5ff;transition:all .2s ease}.audio-recorder-toggle-btn:hover:not(:disabled){background:#d6e4ff}.audio-recorder-toggle-btn.is-recording{color:#fff;border-color:#ff4d4f;background:linear-gradient(135deg,#ff4d4f,#ff7875)}.audio-recorder-toggle-btn.is-recording:hover:not(:disabled){box-shadow:0 4px 14px #ff4d4f4d}.audio-recorder-toggle-btn:disabled{opacity:.65;cursor:not-allowed}.audio-recorder-panel{margin-top:12px;border:1px solid #e6ecf5;border-radius:12px;background:#fafcff;padding:12px}.audio-recorder-title{font-size:13px;font-weight:700;color:#2d3a4a}.audio-recorder-tip{margin-top:8px;font-size:13px;color:#4f5f77}.audio-recorder-tip-error{color:#cf1322}.audio-recorder-result{margin-top:8px;border-radius:8px;border:1px solid #d6e4ff;background:#f0f6ff;color:#1f2d3d;padding:8px 10px;line-height:1.55;font-size:13px}.audio-recorder-player{width:100%;margin-top:8px}.audio-recorder-transcript{margin-top:6px;color:#1f2d3d;white-space:pre-wrap;word-break:break-word}.audio-recorder-transcript-meta{margin-top:6px;color:#4f5f77;font-size:12px}.sentence-study-page{min-height:calc(100vh - 120px)}.sentence-study-shell{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.sentence-study-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.sentence-study-shortcut{font-size:12px;color:#7a8798}.sentence-study-card,.sentence-study-state{border:1px solid #e6ecf5;border-radius:14px;background:linear-gradient(180deg,#fff,#fafcff);box-shadow:0 6px 24px #1f2d3d14;padding:20px}.sentence-study-state{min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#4d5d73}.sentence-study-state-error{border-color:#ffd6d8;background:linear-gradient(180deg,#fff8f8,#fffefe);color:#d4380d}.sentence-study-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sentence-study-badge{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.sentence-study-badge-level{background:#e6f4ff;border:1px solid #91caff;color:#0958d9}.sentence-study-badge-status{background:#fff7e6;border:1px solid #ffd591;color:#ad4e00}.sentence-study-counter{margin-left:auto;font-size:12px;color:#6b778c}.sentence-study-main{margin-top:14px;display:flex;flex-direction:column;gap:14px}.sentence-study-part{border:1px solid #edf2f7;border-radius:12px;background:#fff;padding:14px}.sentence-study-part-title{font-size:14px;font-weight:700;color:#1f2d3d}.sentence-study-en{font-size:30px;font-weight:700;line-height:1.45;color:#1f2d3d}.sentence-study-cn{margin-top:14px;font-size:19px;color:#5b6c81;line-height:1.65;border-top:1px dashed #d6e4ff;padding-top:14px}.sentence-study-cn-prompt{margin-top:10px;border-top:none;padding-top:0}.sentence-study-translate-box{margin-top:12px;display:flex;flex-direction:column;gap:8px}.sentence-study-translate-input{width:100%;min-height:88px;border:1px solid #c9d5e6;border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.6;color:#1f2d3d;background:#fff;resize:vertical}.sentence-study-translate-input:focus{outline:none;border-color:#4096ff;box-shadow:0 0 0 2px #4096ff29}.sentence-study-translate-result{margin-top:10px;border-radius:10px;padding:8px 10px;font-size:13px;line-height:1.5}.sentence-study-translate-result-success{background:#f6ffed;border:1px solid #b7eb8f;color:#389e0d}.sentence-study-translate-result-error{background:#fff7e6;border:1px solid #ffd591;color:#ad4e00}.sentence-study-en-answer{margin-top:14px;border-top:1px dashed #d6e4ff;padding-top:14px}.sentence-study-follow-tip{margin-top:10px;font-size:13px;color:#5b6c81;line-height:1.6}.sentence-study-en-follow{margin-top:10px;font-size:24px}.sentence-study-exp{margin-top:12px;border:1px solid #d6e4ff;border-radius:10px;background:#f5f9ff;color:#294f9e;padding:10px 12px;font-size:13px;line-height:1.6}.sentence-study-tags{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.sentence-study-tag{border-radius:999px;padding:3px 10px;font-size:12px}.sentence-study-tag.keyword{background:#e6f7ff;color:#1677ff;border:1px solid #91d5ff}.sentence-study-tag.grammar{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.sentence-study-actions{margin-top:16px;border-top:1px solid #edf2f7;padding-top:14px;display:flex;gap:8px;flex-wrap:wrap}.sentence-study-btn{border:1px solid transparent;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.sentence-study-btn:disabled{opacity:.65;cursor:not-allowed}.sentence-study-btn-primary{color:#fff;background:linear-gradient(135deg,#1677ff,#4096ff);border-color:#1677ff}.sentence-study-btn-primary:hover:not(:disabled){box-shadow:0 4px 14px #1677ff47}.sentence-study-btn-secondary{color:#0958d9;border-color:#adc6ff;background:#f0f5ff}.sentence-study-btn-secondary:hover:not(:disabled){background:#d6e4ff}.sentence-study-btn-ghost{color:#4f5f77;border-color:#d6dfe9;background:#fff}.sentence-study-btn-ghost:hover:not(:disabled){border-color:#8bb0ff;color:#0958d9;background:#f8fbff}.sentence-study-btn-right{margin-left:auto}@media(max-width:768px){.sentence-study-card,.sentence-study-state{padding:16px}.sentence-study-en{font-size:24px}.sentence-study-en-follow{font-size:21px}.sentence-study-cn{font-size:17px}.sentence-study-counter{width:100%;margin-left:0}.sentence-study-btn-right{margin-left:0}}