@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: var(--font-sans);--font-mono: var(--font-mono);--color-red-400: oklch(70.4% .191 22.216);--color-red-500: oklch(63.7% .237 25.331);--color-orange-400: oklch(75% .183 55.934);--color-orange-500: oklch(70.5% .213 47.604);--color-amber-500: oklch(76.9% .188 70.08);--color-yellow-500: oklch(79.5% .184 86.047);--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-emerald-500: oklch(69.6% .17 162.48);--color-teal-400: oklch(77.7% .152 181.912);--color-teal-500: oklch(70.4% .14 182.503);--color-cyan-400: oklch(78.9% .154 211.53);--color-cyan-500: oklch(71.5% .143 215.221);--color-sky-500: oklch(68.5% .169 237.323);--color-blue-50: oklch(97% .014 254.604);--color-blue-100: oklch(93.2% .032 255.585);--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-900: oklch(37.9% .146 265.522);--color-violet-400: oklch(70.2% .183 293.541);--color-violet-500: oklch(60.6% .25 292.717);--color-purple-400: oklch(71.4% .203 305.504);--color-purple-500: oklch(62.7% .265 303.9);--color-fuchsia-400: oklch(74% .238 322.16);--color-fuchsia-500: oklch(66.7% .295 322.15);--color-pink-400: oklch(71.8% .202 349.761);--color-pink-500: oklch(65.6% .241 354.308);--color-rose-400: oklch(71.2% .194 13.428);--color-rose-500: oklch(64.5% .246 16.439);--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-500: oklch(55.1% .027 264.364);--color-gray-700: oklch(37.3% .034 259.733);--color-gray-900: oklch(21% .034 264.665);--color-black: #000;--color-white: #fff;--spacing: .25rem;--container-xs: 20rem;--container-md: 28rem;--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;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--tracking-tight: -.025em;--tracking-wider: .05em;--leading-tight: 1.25;--leading-snug: 1.375;--leading-relaxed: 1.625;--radius-sm: calc(var(--radius) - 4px);--radius-md: calc(var(--radius) - 2px);--radius-lg: var(--radius);--radius-xl: calc(var(--radius) + 4px);--radius-2xl: calc(var(--radius) + 8px);--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);--animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm: 8px;--blur-xl: 24px;--blur-3xl: 64px;--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);--color-background: var(--background);--color-border: var(--border);--color-primary: var(--primary)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family: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{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-5{top:calc(var(--spacing) * 5)}.top-10{top:calc(var(--spacing) * 10)}.top-20{top:calc(var(--spacing) * 20)}.top-\[-25\%\]{top:-25%}.top-\[-30\%\]{top:-30%}.right-0{right:calc(var(--spacing) * 0)}.right-5{right:calc(var(--spacing) * 5)}.right-10{right:calc(var(--spacing) * 10)}.right-23{right:calc(var(--spacing) * 23)}.right-\[-5\%\]{right:-5%}.right-\[-100px\]{right:-100px}.right-\[10\%\]{right:10%}.bottom-5{bottom:calc(var(--spacing) * 5)}.bottom-10{bottom:calc(var(--spacing) * 10)}.bottom-\[-30\%\]{bottom:-30%}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-23{left:calc(var(--spacing) * 23)}.left-\[10\%\]{left:10%}.left-\[20\%\]{left:20%}.isolate{isolation:isolate}.-z-0{z-index:-0}.-z-10{z-index:-10}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[100\]{z-index:100}.z-\[101\]{z-index:101}.col-span-2{grid-column:span 2 / span 2}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.container{margin-inline:auto;padding-inline:2rem}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-6{margin-inline:calc(var(--spacing) * 6)}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing) * 3)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.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-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-14{margin-bottom:calc(var(--spacing) * 14)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.-ml-\[2px\]{margin-left:-2px}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table\!{display:table!important}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-48{height:calc(var(--spacing) * 48)}.h-56{height:calc(var(--spacing) * 56)}.h-60{height:calc(var(--spacing) * 60)}.h-64{height:calc(var(--spacing) * 64)}.h-\[1px\]{height:1px}.h-\[2px\]{height:2px}.h-\[3px\]{height:3px}.h-\[350px\]{height:350px}.h-\[400px\]{height:400px}.h-\[600px\]{height:600px}.h-auto{height:auto}.h-full{height:100%}.max-h-\[min\(60vh\,30rem\)\]{max-height:min(60vh,30rem)}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-\[56px\]{min-height:56px}.min-h-\[200px\]{min-height:200px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9\/12{width:75%}.w-10{width:calc(var(--spacing) * 10)}.w-10\/12{width:calc(10 / 12 * 100%)}.w-11{width:calc(var(--spacing) * 11)}.w-11\/12{width:calc(11 / 12 * 100%)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-48{width:calc(var(--spacing) * 48)}.w-56{width:calc(var(--spacing) * 56)}.w-60{width:calc(var(--spacing) * 60)}.w-\[350px\]{width:350px}.w-\[400px\]{width:400px}.w-\[600px\]{width:600px}.w-\[800px\]{width:800px}.w-\[min\(26rem\,92vw\)\]{width:min(26rem,92vw)}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[100rem\]{max-width:100rem}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[9rem\]{min-width:9rem}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.cursor-pointer{cursor:pointer}.touch-manipulation{touch-action:manipulation}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.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)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-\[1px\]{gap:1px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}: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)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:calc(var(--radius) + 8px)}.rounded-3xl{border-radius:calc(var(--radius) + 12px)}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-\[var\(--color-border\)\]{border-color:var(--color-border)}.border-blue-500\/30{border-color:color-mix(in srgb,oklch(62.3% .214 259.815) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-blue-500\/30{border-color:color-mix(in oklab,var(--color-blue-500) 30%,transparent)}}.border-blue-500\/40{border-color:color-mix(in srgb,oklch(62.3% .214 259.815) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-blue-500\/40{border-color:color-mix(in oklab,var(--color-blue-500) 40%,transparent)}}.border-border{border-color:var(--border)}.border-border\/40{border-color:var(--border)}@supports (color: color-mix(in lab,red,red)){.border-border\/40{border-color:color-mix(in oklab,var(--border) 40%,transparent)}}.border-border\/60{border-color:var(--border)}@supports (color: color-mix(in lab,red,red)){.border-border\/60{border-color:color-mix(in oklab,var(--border) 60%,transparent)}}.border-cyan-500\/30{border-color:color-mix(in srgb,oklch(71.5% .143 215.221) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-cyan-500\/30{border-color:color-mix(in oklab,var(--color-cyan-500) 30%,transparent)}}.border-destructive\/20{border-color:var(--destructive)}@supports (color: color-mix(in lab,red,red)){.border-destructive\/20{border-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.border-fuchsia-500\/30{border-color:color-mix(in srgb,oklch(66.7% .295 322.15) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-fuchsia-500\/30{border-color:color-mix(in oklab,var(--color-fuchsia-500) 30%,transparent)}}.border-green-500{border-color:var(--color-green-500)}.border-green-500\/30{border-color:color-mix(in srgb,oklch(72.3% .219 149.579) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-green-500\/30{border-color:color-mix(in oklab,var(--color-green-500) 30%,transparent)}}.border-green-500\/40{border-color:color-mix(in srgb,oklch(72.3% .219 149.579) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-green-500\/40{border-color:color-mix(in oklab,var(--color-green-500) 40%,transparent)}}.border-orange-500\/30{border-color:color-mix(in srgb,oklch(70.5% .213 47.604) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-orange-500\/30{border-color:color-mix(in oklab,var(--color-orange-500) 30%,transparent)}}.border-pink-500\/30{border-color:color-mix(in srgb,oklch(65.6% .241 354.308) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-pink-500\/30{border-color:color-mix(in oklab,var(--color-pink-500) 30%,transparent)}}.border-primary{border-color:var(--primary)}.border-primary\/20{border-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.border-primary\/20{border-color:color-mix(in oklab,var(--primary) 20%,transparent)}}.border-primary\/30{border-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.border-primary\/30{border-color:color-mix(in oklab,var(--primary) 30%,transparent)}}.border-purple-500\/30{border-color:color-mix(in srgb,oklch(62.7% .265 303.9) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-purple-500\/30{border-color:color-mix(in oklab,var(--color-purple-500) 30%,transparent)}}.border-purple-500\/40{border-color:color-mix(in srgb,oklch(62.7% .265 303.9) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-purple-500\/40{border-color:color-mix(in oklab,var(--color-purple-500) 40%,transparent)}}.border-red-500{border-color:var(--color-red-500)}.border-red-500\/30{border-color:color-mix(in srgb,oklch(63.7% .237 25.331) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-red-500\/30{border-color:color-mix(in oklab,var(--color-red-500) 30%,transparent)}}.border-rose-500\/30{border-color:color-mix(in srgb,oklch(64.5% .246 16.439) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-rose-500\/30{border-color:color-mix(in oklab,var(--color-rose-500) 30%,transparent)}}.border-teal-500\/30{border-color:color-mix(in srgb,oklch(70.4% .14 182.503) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-teal-500\/30{border-color:color-mix(in oklab,var(--color-teal-500) 30%,transparent)}}.border-transparent{border-color:transparent}.border-violet-500\/30{border-color:color-mix(in srgb,oklch(60.6% .25 292.717) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-violet-500\/30{border-color:color-mix(in oklab,var(--color-violet-500) 30%,transparent)}}.bg-\[color\:var\(--md-sys-color-primary-container\)\]{background-color:var(--md-sys-color-primary-container)}.bg-\[color\:var\(--md-sys-color-surface-container\)\]{background-color:var(--md-sys-color-surface-container)}.bg-\[color\:var\(--md-sys-color-surface-container-high\)\]{background-color:var(--md-sys-color-surface-container-high)}.bg-\[var\(--color-error\)\]{background-color:var(--color-error)}.bg-\[var\(--color-primary\)\]{background-color:var(--color-primary)}.bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}.bg-accent{background-color:var(--accent)}.bg-background{background-color:var(--background)}.bg-black{background-color:var(--color-black)}.bg-black\/35{background-color:color-mix(in srgb,#000 35%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-black\/35{background-color:color-mix(in oklab,var(--color-black) 35%,transparent)}}.bg-black\/50{background-color:color-mix(in srgb,#000 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/5{background-color:color-mix(in srgb,oklch(62.3% .214 259.815) 5%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-blue-500\/5{background-color:color-mix(in oklab,var(--color-blue-500) 5%,transparent)}}.bg-blue-500\/10{background-color:color-mix(in srgb,oklch(62.3% .214 259.815) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-blue-500\/10{background-color:color-mix(in oklab,var(--color-blue-500) 10%,transparent)}}.bg-blue-500\/15{background-color:color-mix(in srgb,oklch(62.3% .214 259.815) 15%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-blue-500\/15{background-color:color-mix(in oklab,var(--color-blue-500) 15%,transparent)}}.bg-blue-500\/20{background-color:color-mix(in srgb,oklch(62.3% .214 259.815) 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-blue-500\/20{background-color:color-mix(in oklab,var(--color-blue-500) 20%,transparent)}}.bg-border\/60{background-color:var(--border)}@supports (color: color-mix(in lab,red,red)){.bg-border\/60{background-color:color-mix(in oklab,var(--border) 60%,transparent)}}.bg-card{background-color:var(--card)}.bg-card\/50{background-color:var(--card)}@supports (color: color-mix(in lab,red,red)){.bg-card\/50{background-color:color-mix(in oklab,var(--card) 50%,transparent)}}.bg-card\/60{background-color:var(--card)}@supports (color: color-mix(in lab,red,red)){.bg-card\/60{background-color:color-mix(in oklab,var(--card) 60%,transparent)}}.bg-card\/80{background-color:var(--card)}@supports (color: color-mix(in lab,red,red)){.bg-card\/80{background-color:color-mix(in oklab,var(--card) 80%,transparent)}}.bg-cyan-500{background-color:var(--color-cyan-500)}.bg-cyan-500\/5{background-color:color-mix(in srgb,oklch(71.5% .143 215.221) 5%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-cyan-500\/5{background-color:color-mix(in oklab,var(--color-cyan-500) 5%,transparent)}}.bg-cyan-500\/10{background-color:color-mix(in srgb,oklch(71.5% .143 215.221) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-cyan-500\/10{background-color:color-mix(in oklab,var(--color-cyan-500) 10%,transparent)}}.bg-cyan-500\/15{background-color:color-mix(in srgb,oklch(71.5% .143 215.221) 15%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-cyan-500\/15{background-color:color-mix(in oklab,var(--color-cyan-500) 15%,transparent)}}.bg-destructive\/5{background-color:var(--destructive)}@supports (color: color-mix(in lab,red,red)){.bg-destructive\/5{background-color:color-mix(in oklab,var(--destructive) 5%,transparent)}}.bg-fuchsia-500{background-color:var(--color-fuchsia-500)}.bg-fuchsia-500\/5{background-color:color-mix(in srgb,oklch(66.7% .295 322.15) 5%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-fuchsia-500\/5{background-color:color-mix(in oklab,var(--color-fuchsia-500) 5%,transparent)}}.bg-fuchsia-500\/10{background-color:color-mix(in srgb,oklch(66.7% .295 322.15) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-fuchsia-500\/10{background-color:color-mix(in oklab,var(--color-fuchsia-500) 10%,transparent)}}.bg-fuchsia-500\/15{background-color:color-mix(in srgb,oklch(66.7% .295 322.15) 15%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-fuchsia-500\/15{background-color:color-mix(in oklab,var(--color-fuchsia-500) 15%,transparent)}}.bg-green-500{background-color:var(--color-green-500)}.bg-green-500\/5{background-color:color-mix(in srgb,oklch(72.3% .219 149.579) 5%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-green-500\/5{background-color:color-mix(in oklab,var(--color-green-500) 5%,transparent)}}.bg-green-500\/10{background-color:color-mix(in srgb,oklch(72.3% .219 149.579) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-green-500\/10{background-color:color-mix(in oklab,var(--color-green-500) 10%,transparent)}}.bg-green-500\/15{background-color:color-mix(in srgb,oklch(72.3% .219 149.579) 15%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-green-500\/15{background-color:color-mix(in oklab,var(--color-green-500) 15%,transparent)}}.bg-green-500\/20{background-color:color-mix(in srgb,oklch(72.3% .219 149.579) 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-green-500\/20{background-color:color-mix(in oklab,var(--color-green-500) 20%,transparent)}}.bg-green-500\/70{background-color:color-mix(in srgb,oklch(72.3% .219 149.579) 70%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-green-500\/70{background-color:color-mix(in oklab,var(--color-green-500) 70%,transparent)}}.bg-muted{background-color:var(--muted)}.bg-muted-foreground{background-color:var(--muted-foreground)}.bg-muted-foreground\/50{background-color:var(--muted-foreground)}@supports (color: color-mix(in lab,red,red)){.bg-muted-foreground\/50{background-color:color-mix(in oklab,var(--muted-foreground) 50%,transparent)}}.bg-muted\/40{background-color:var(--muted)}@supports (color: color-mix(in lab,red,red)){.bg-muted\/40{background-color:color-mix(in oklab,var(--muted) 40%,transparent)}}.bg-muted\/50{background-color:var(--muted)}@supports (color: color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}.bg-muted\/70{background-color:var(--muted)}@supports (color: color-mix(in lab,red,red)){.bg-muted\/70{background-color:color-mix(in oklab,var(--muted) 70%,transparent)}}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-500\/5{background-color:color-mix(in srgb,oklch(70.5% .213 47.604) 5%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-orange-500\/5{background-color:color-mix(in oklab,var(--color-orange-500) 5%,transparent)}}.bg-orange-500\/10{background-color:color-mix(in srgb,oklch(70.5% .213 47.604) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-orange-500\/10{background-color:color-mix(in oklab,var(--color-orange-500) 10%,transparent)}}.bg-orange-500\/15{background-color:color-mix(in srgb,oklch(70.5% .213 47.604) 15%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-orange-500\/15{background-color:color-mix(in oklab,var(--color-orange-500) 15%,transparent)}}.bg-pink-500{background-color:var(--color-pink-500)}.bg-pink-500\/5{background-color:color-mix(in srgb,oklch(65.6% .241 354.308) 5%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-pink-500\/5{background-color:color-mix(in oklab,var(--color-pink-500) 5%,transparent)}}.bg-pink-500\/10{background-color:color-mix(in srgb,oklch(65.6% .241 354.308) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-pink-500\/10{background-color:color-mix(in oklab,var(--color-pink-500) 10%,transparent)}}.bg-pink-500\/15{background-color:color-mix(in srgb,oklch(65.6% .241 354.308) 15%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-pink-500\/15{background-color:color-mix(in oklab,var(--color-pink-500) 15%,transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-primary\/5{background-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.bg-primary\/5{background-color:color-mix(in oklab,var(--primary) 5%,transparent)}}.bg-primary\/10{background-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--primary) 10%,transparent)}}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-500\/10{background-color:color-mix(in srgb,oklch(62.7% .265 303.9) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-purple-500\/10{background-color:color-mix(in oklab,var(--color-purple-500) 10%,transparent)}}.bg-purple-500\/20{background-color:color-mix(in srgb,oklch(62.7% .265 303.9) 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-purple-500\/20{background-color:color-mix(in oklab,var(--color-purple-500) 20%,transparent)}}.bg-red-400{background-color:var(--color-red-400)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/5{background-color:color-mix(in srgb,oklch(63.7% .237 25.331) 5%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-red-500\/5{background-color:color-mix(in oklab,var(--color-red-500) 5%,transparent)}}.bg-red-500\/10{background-color:color-mix(in srgb,oklch(63.7% .237 25.331) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500) 10%,transparent)}}.bg-red-500\/15{background-color:color-mix(in srgb,oklch(63.7% .237 25.331) 15%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-red-500\/15{background-color:color-mix(in oklab,var(--color-red-500) 15%,transparent)}}.bg-red-500\/20{background-color:color-mix(in srgb,oklch(63.7% .237 25.331) 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-red-500\/20{background-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}.bg-red-500\/70{background-color:color-mix(in srgb,oklch(63.7% .237 25.331) 70%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-red-500\/70{background-color:color-mix(in oklab,var(--color-red-500) 70%,transparent)}}.bg-rose-500{background-color:var(--color-rose-500)}.bg-rose-500\/5{background-color:color-mix(in srgb,oklch(64.5% .246 16.439) 5%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-rose-500\/5{background-color:color-mix(in oklab,var(--color-rose-500) 5%,transparent)}}.bg-rose-500\/10{background-color:color-mix(in srgb,oklch(64.5% .246 16.439) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-rose-500\/10{background-color:color-mix(in oklab,var(--color-rose-500) 10%,transparent)}}.bg-rose-500\/15{background-color:color-mix(in srgb,oklch(64.5% .246 16.439) 15%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-rose-500\/15{background-color:color-mix(in oklab,var(--color-rose-500) 15%,transparent)}}.bg-teal-500{background-color:var(--color-teal-500)}.bg-teal-500\/5{background-color:color-mix(in srgb,oklch(70.4% .14 182.503) 5%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-teal-500\/5{background-color:color-mix(in oklab,var(--color-teal-500) 5%,transparent)}}.bg-teal-500\/10{background-color:color-mix(in srgb,oklch(70.4% .14 182.503) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-teal-500\/10{background-color:color-mix(in oklab,var(--color-teal-500) 10%,transparent)}}.bg-teal-500\/15{background-color:color-mix(in srgb,oklch(70.4% .14 182.503) 15%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-teal-500\/15{background-color:color-mix(in oklab,var(--color-teal-500) 15%,transparent)}}.bg-transparent{background-color:transparent}.bg-violet-500{background-color:var(--color-violet-500)}.bg-violet-500\/5{background-color:color-mix(in srgb,oklch(60.6% .25 292.717) 5%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-violet-500\/5{background-color:color-mix(in oklab,var(--color-violet-500) 5%,transparent)}}.bg-violet-500\/10{background-color:color-mix(in srgb,oklch(60.6% .25 292.717) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-violet-500\/10{background-color:color-mix(in oklab,var(--color-violet-500) 10%,transparent)}}.bg-violet-500\/15{background-color:color-mix(in srgb,oklch(60.6% .25 292.717) 15%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-violet-500\/15{background-color:color-mix(in oklab,var(--color-violet-500) 15%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-yellow-500\/70{background-color:color-mix(in srgb,oklch(79.5% .184 86.047) 70%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-yellow-500\/70{background-color:color-mix(in oklab,var(--color-yellow-500) 70%,transparent)}}.bg-gradient-to-b{--tw-gradient-position: to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.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-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-blue-500\/5{--tw-gradient-from: color-mix(in srgb, oklch(62.3% .214 259.815) 5%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.from-blue-500\/5{--tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 5%, transparent)}}.from-blue-500\/10{--tw-gradient-from: color-mix(in srgb, oklch(62.3% .214 259.815) 10%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.from-blue-500\/10{--tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}.from-blue-500\/20{--tw-gradient-from: color-mix(in srgb, oklch(62.3% .214 259.815) 20%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.from-blue-500\/20{--tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.from-blue-600{--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))}.from-cyan-500{--tw-gradient-from: var(--color-cyan-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-cyan-500\/10{--tw-gradient-from: color-mix(in srgb, oklch(71.5% .143 215.221) 10%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.from-cyan-500\/10{--tw-gradient-from: color-mix(in oklab, var(--color-cyan-500) 10%, transparent)}}.from-cyan-500\/20{--tw-gradient-from: color-mix(in srgb, oklch(71.5% .143 215.221) 20%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.from-cyan-500\/20{--tw-gradient-from: color-mix(in oklab, var(--color-cyan-500) 20%, transparent)}}.from-fuchsia-500{--tw-gradient-from: var(--color-fuchsia-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-fuchsia-500\/10{--tw-gradient-from: color-mix(in srgb, oklch(66.7% .295 322.15) 10%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.from-fuchsia-500\/10{--tw-gradient-from: color-mix(in oklab, var(--color-fuchsia-500) 10%, transparent)}}.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-green-500\/10{--tw-gradient-from: color-mix(in srgb, oklch(72.3% .219 149.579) 10%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.from-green-500\/10{--tw-gradient-from: color-mix(in oklab, var(--color-green-500) 10%, transparent)}}.from-green-500\/20{--tw-gradient-from: color-mix(in srgb, oklch(72.3% .219 149.579) 20%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.from-green-500\/20{--tw-gradient-from: color-mix(in oklab, var(--color-green-500) 20%, transparent)}}.from-green-600{--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))}.from-orange-500{--tw-gradient-from: var(--color-orange-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-orange-500\/10{--tw-gradient-from: color-mix(in srgb, oklch(70.5% .213 47.604) 10%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.from-orange-500\/10{--tw-gradient-from: color-mix(in oklab, var(--color-orange-500) 10%, transparent)}}.from-orange-500\/20{--tw-gradient-from: color-mix(in srgb, oklch(70.5% .213 47.604) 20%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.from-orange-500\/20{--tw-gradient-from: color-mix(in oklab, var(--color-orange-500) 20%, transparent)}}.from-pink-500{--tw-gradient-from: var(--color-pink-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-pink-500\/10{--tw-gradient-from: color-mix(in srgb, oklch(65.6% .241 354.308) 10%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.from-pink-500\/10{--tw-gradient-from: color-mix(in oklab, var(--color-pink-500) 10%, transparent)}}.from-pink-500\/20{--tw-gradient-from: color-mix(in srgb, oklch(65.6% .241 354.308) 20%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.from-pink-500\/20{--tw-gradient-from: color-mix(in oklab, var(--color-pink-500) 20%, transparent)}}.from-primary\/5{--tw-gradient-from: var(--primary);--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))}@supports (color: color-mix(in lab,red,red)){.from-primary\/5{--tw-gradient-from: color-mix(in oklab, var(--primary) 5%, transparent)}}.from-purple-500{--tw-gradient-from: var(--color-purple-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-500\/10{--tw-gradient-from: color-mix(in srgb, oklch(62.7% .265 303.9) 10%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.from-purple-500\/10{--tw-gradient-from: color-mix(in oklab, var(--color-purple-500) 10%, transparent)}}.from-purple-500\/20{--tw-gradient-from: color-mix(in srgb, oklch(62.7% .265 303.9) 20%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.from-purple-500\/20{--tw-gradient-from: color-mix(in oklab, var(--color-purple-500) 20%, transparent)}}.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))}.from-red-500\/10{--tw-gradient-from: color-mix(in srgb, oklch(63.7% .237 25.331) 10%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.from-red-500\/10{--tw-gradient-from: color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.from-rose-500{--tw-gradient-from: 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))}.from-rose-500\/10{--tw-gradient-from: color-mix(in srgb, oklch(64.5% .246 16.439) 10%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.from-rose-500\/10{--tw-gradient-from: color-mix(in oklab, var(--color-rose-500) 10%, transparent)}}.from-teal-500{--tw-gradient-from: var(--color-teal-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-teal-500\/5{--tw-gradient-from: color-mix(in srgb, oklch(70.4% .14 182.503) 5%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.from-teal-500\/5{--tw-gradient-from: color-mix(in oklab, var(--color-teal-500) 5%, transparent)}}.from-teal-500\/10{--tw-gradient-from: color-mix(in srgb, oklch(70.4% .14 182.503) 10%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.from-teal-500\/10{--tw-gradient-from: color-mix(in oklab, var(--color-teal-500) 10%, transparent)}}.from-transparent{--tw-gradient-from: transparent;--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-violet-500{--tw-gradient-from: var(--color-violet-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-violet-500\/5{--tw-gradient-from: color-mix(in srgb, oklch(60.6% .25 292.717) 5%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.from-violet-500\/5{--tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 5%, transparent)}}.from-violet-500\/10{--tw-gradient-from: color-mix(in srgb, oklch(60.6% .25 292.717) 10%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.from-violet-500\/10{--tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 10%, transparent)}}.from-violet-500\/20{--tw-gradient-from: color-mix(in srgb, oklch(60.6% .25 292.717) 20%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.from-violet-500\/20{--tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 20%, transparent)}}.via-amber-500{--tw-gradient-via: var(--color-amber-500);--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-blue-500{--tw-gradient-via: var(--color-blue-500);--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-border{--tw-gradient-via: var(--border);--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-card{--tw-gradient-via: var(--card);--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-cyan-500{--tw-gradient-via: var(--color-cyan-500);--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-cyan-500\/5{--tw-gradient-via: color-mix(in srgb, oklch(71.5% .143 215.221) 5%, transparent);--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)}@supports (color: color-mix(in lab,red,red)){.via-cyan-500\/5{--tw-gradient-via: color-mix(in oklab, var(--color-cyan-500) 5%, transparent)}}.via-emerald-500{--tw-gradient-via: var(--color-emerald-500);--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-emerald-500\/10{--tw-gradient-via: color-mix(in srgb, oklch(69.6% .17 162.48) 10%, transparent);--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)}@supports (color: color-mix(in lab,red,red)){.via-emerald-500\/10{--tw-gradient-via: color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.via-fuchsia-500{--tw-gradient-via: var(--color-fuchsia-500);--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-500{--tw-gradient-via: var(--color-pink-500);--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-primary\/50{--tw-gradient-via: var(--primary);--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)}@supports (color: color-mix(in lab,red,red)){.via-primary\/50{--tw-gradient-via: color-mix(in oklab, var(--primary) 50%, transparent)}}.via-purple-500{--tw-gradient-via: var(--color-purple-500);--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-red-500{--tw-gradient-via: var(--color-red-500);--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-rose-500{--tw-gradient-via: var(--color-rose-500);--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-sky-500{--tw-gradient-via: var(--color-sky-500);--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-amber-500\/10{--tw-gradient-to: color-mix(in srgb, oklch(76.9% .188 70.08) 10%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.to-amber-500\/10{--tw-gradient-to: color-mix(in oklab, var(--color-amber-500) 10%, transparent)}}.to-blue-500{--tw-gradient-to: 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))}.to-blue-500\/5{--tw-gradient-to: color-mix(in srgb, oklch(62.3% .214 259.815) 5%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.to-blue-500\/5{--tw-gradient-to: color-mix(in oklab, var(--color-blue-500) 5%, transparent)}}.to-blue-500\/10{--tw-gradient-to: color-mix(in srgb, oklch(62.3% .214 259.815) 10%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.to-blue-500\/10{--tw-gradient-to: color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}.to-blue-500\/20{--tw-gradient-to: color-mix(in srgb, oklch(62.3% .214 259.815) 20%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.to-blue-500\/20{--tw-gradient-to: color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.to-cyan-500{--tw-gradient-to: var(--color-cyan-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-cyan-500\/5{--tw-gradient-to: color-mix(in srgb, oklch(71.5% .143 215.221) 5%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.to-cyan-500\/5{--tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 5%, transparent)}}.to-cyan-500\/10{--tw-gradient-to: color-mix(in srgb, oklch(71.5% .143 215.221) 10%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.to-cyan-500\/10{--tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 10%, transparent)}}.to-cyan-500\/20{--tw-gradient-to: color-mix(in srgb, oklch(71.5% .143 215.221) 20%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.to-cyan-500\/20{--tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 20%, transparent)}}.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-emerald-500\/5{--tw-gradient-to: color-mix(in srgb, oklch(69.6% .17 162.48) 5%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.to-emerald-500\/5{--tw-gradient-to: color-mix(in oklab, var(--color-emerald-500) 5%, transparent)}}.to-emerald-500\/10{--tw-gradient-to: color-mix(in srgb, oklch(69.6% .17 162.48) 10%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.to-emerald-500\/10{--tw-gradient-to: color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.to-emerald-500\/20{--tw-gradient-to: color-mix(in srgb, oklch(69.6% .17 162.48) 20%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.to-emerald-500\/20{--tw-gradient-to: color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.to-fuchsia-500{--tw-gradient-to: var(--color-fuchsia-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-fuchsia-500\/10{--tw-gradient-to: color-mix(in srgb, oklch(66.7% .295 322.15) 10%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.to-fuchsia-500\/10{--tw-gradient-to: color-mix(in oklab, var(--color-fuchsia-500) 10%, transparent)}}.to-green-500{--tw-gradient-to: 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))}.to-orange-500{--tw-gradient-to: var(--color-orange-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-pink-500{--tw-gradient-to: var(--color-pink-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-pink-500\/5{--tw-gradient-to: color-mix(in srgb, oklch(65.6% .241 354.308) 5%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.to-pink-500\/5{--tw-gradient-to: color-mix(in oklab, var(--color-pink-500) 5%, transparent)}}.to-pink-500\/10{--tw-gradient-to: color-mix(in srgb, oklch(65.6% .241 354.308) 10%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.to-pink-500\/10{--tw-gradient-to: color-mix(in oklab, var(--color-pink-500) 10%, transparent)}}.to-pink-500\/20{--tw-gradient-to: color-mix(in srgb, oklch(65.6% .241 354.308) 20%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.to-pink-500\/20{--tw-gradient-to: color-mix(in oklab, var(--color-pink-500) 20%, transparent)}}.to-primary\/5{--tw-gradient-to: var(--primary);--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))}@supports (color: color-mix(in lab,red,red)){.to-primary\/5{--tw-gradient-to: color-mix(in oklab, var(--primary) 5%, transparent)}}.to-purple-500{--tw-gradient-to: var(--color-purple-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-purple-500\/10{--tw-gradient-to: color-mix(in srgb, oklch(62.7% .265 303.9) 10%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.to-purple-500\/10{--tw-gradient-to: color-mix(in oklab, var(--color-purple-500) 10%, transparent)}}.to-purple-500\/20{--tw-gradient-to: color-mix(in srgb, oklch(62.7% .265 303.9) 20%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.to-purple-500\/20{--tw-gradient-to: color-mix(in oklab, var(--color-purple-500) 20%, transparent)}}.to-red-500{--tw-gradient-to: 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))}.to-red-500\/10{--tw-gradient-to: color-mix(in srgb, oklch(63.7% .237 25.331) 10%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.to-red-500\/10{--tw-gradient-to: color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.to-red-500\/20{--tw-gradient-to: color-mix(in srgb, oklch(63.7% .237 25.331) 20%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.to-red-500\/20{--tw-gradient-to: color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.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-rose-500\/10{--tw-gradient-to: color-mix(in srgb, oklch(64.5% .246 16.439) 10%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.to-rose-500\/10{--tw-gradient-to: color-mix(in oklab, var(--color-rose-500) 10%, transparent)}}.to-rose-500\/20{--tw-gradient-to: color-mix(in srgb, oklch(64.5% .246 16.439) 20%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.to-rose-500\/20{--tw-gradient-to: color-mix(in oklab, var(--color-rose-500) 20%, transparent)}}.to-sky-500{--tw-gradient-to: var(--color-sky-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-sky-500\/10{--tw-gradient-to: color-mix(in srgb, oklch(68.5% .169 237.323) 10%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.to-sky-500\/10{--tw-gradient-to: color-mix(in oklab, var(--color-sky-500) 10%, transparent)}}.to-teal-400{--tw-gradient-to: var(--color-teal-400);--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-teal-500{--tw-gradient-to: var(--color-teal-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-teal-500\/10{--tw-gradient-to: color-mix(in srgb, oklch(70.4% .14 182.503) 10%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.to-teal-500\/10{--tw-gradient-to: color-mix(in oklab, var(--color-teal-500) 10%, transparent)}}.to-teal-500\/20{--tw-gradient-to: color-mix(in srgb, oklch(70.4% .14 182.503) 20%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.to-teal-500\/20{--tw-gradient-to: color-mix(in oklab, var(--color-teal-500) 20%, transparent)}}.to-transparent{--tw-gradient-to: transparent;--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-violet-500{--tw-gradient-to: var(--color-violet-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-violet-500\/10{--tw-gradient-to: color-mix(in srgb, oklch(60.6% .25 292.717) 10%, transparent);--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))}@supports (color: color-mix(in lab,red,red)){.to-violet-500\/10{--tw-gradient-to: color-mix(in oklab, var(--color-violet-500) 10%, transparent)}}.to-yellow-500{--tw-gradient-to: var(--color-yellow-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))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-1{padding:calc(var(--spacing) * 1)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.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)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-32{padding-block:calc(var(--spacing) * 32)}.py-\[10vh\]{padding-block:10vh}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.text-center{text-align:center}.text-left{text-align:left}.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-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--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))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.leading-6{--tw-leading: calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading: calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading: calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-\[1\.1\]{--tw-leading: 1.1;line-height:1.1}.leading-\[1\.05\]{--tw-leading: 1.05;line-height:1.05}.leading-relaxed{--tw-leading: var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading: var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading: var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight: var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.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-\[0\.2em\]{--tw-tracking: .2em;letter-spacing:.2em}.tracking-\[0\.18em\]{--tw-tracking: .18em;letter-spacing:.18em}.tracking-tight{--tw-tracking: var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking: var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-all{word-break:break-all}.text-\[color\:var\(--md-sys-color-on-surface\)\]{color:var(--md-sys-color-on-surface)}.text-\[color\:var\(--md-sys-color-on-surface-variant\)\]{color:var(--md-sys-color-on-surface-variant)}.text-\[color\:var\(--md-sys-color-outline\)\]{color:var(--md-sys-color-outline)}.text-\[color\:var\(--track-color\)\]{color:var(--track-color)}.text-\[var\(--color-text\)\]{color:var(--color-text)}.text-\[var\(--color-text-secondary\)\]{color:var(--color-text-secondary)}.text-accent-foreground{color:var(--accent-foreground)}.text-blue-500{color:var(--color-blue-500)}.text-cyan-500{color:var(--color-cyan-500)}.text-destructive{color:var(--destructive)}.text-foreground{color:var(--foreground)}.text-foreground\/80{color:var(--foreground)}@supports (color: color-mix(in lab,red,red)){.text-foreground\/80{color:color-mix(in oklab,var(--foreground) 80%,transparent)}}.text-foreground\/90{color:var(--foreground)}@supports (color: color-mix(in lab,red,red)){.text-foreground\/90{color:color-mix(in oklab,var(--foreground) 90%,transparent)}}.text-fuchsia-500{color:var(--color-fuchsia-500)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-muted-foreground{color:var(--muted-foreground)}.text-muted-foreground\/50{color:var(--muted-foreground)}@supports (color: color-mix(in lab,red,red)){.text-muted-foreground\/50{color:color-mix(in oklab,var(--muted-foreground) 50%,transparent)}}.text-orange-500{color:var(--color-orange-500)}.text-pink-500{color:var(--color-pink-500)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-purple-500{color:var(--color-purple-500)}.text-red-500{color:var(--color-red-500)}.text-rose-500{color:var(--color-rose-500)}.text-teal-500{color:var(--color-teal-500)}.text-transparent{color:transparent}.text-violet-500{color:var(--color-violet-500)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.decoration-primary\/40{text-decoration-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.decoration-primary\/40{text-decoration-color:color-mix(in oklab,var(--primary) 40%,transparent)}}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0%}.opacity-15{opacity:15%}.opacity-20{opacity:20%}.opacity-30{opacity:30%}.opacity-50{opacity:50%}.opacity-60{opacity:60%}.opacity-75{opacity:75%}.shadow{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[var\(--md-sys-elevation-2\)\]{--tw-shadow: var(--md-sys-elevation-2);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[var\(--md-sys-elevation-3\)\]{--tw-shadow: var(--md-sys-elevation-3);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));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, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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)}.shadow-blue-500\/30{--tw-shadow-color: color-mix(in srgb, oklch(62.3% .214 259.815) 30%, transparent)}@supports (color: color-mix(in lab,red,red)){.shadow-blue-500\/30{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-cyan-500\/30{--tw-shadow-color: color-mix(in srgb, oklch(71.5% .143 215.221) 30%, transparent)}@supports (color: color-mix(in lab,red,red)){.shadow-cyan-500\/30{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-fuchsia-500\/30{--tw-shadow-color: color-mix(in srgb, oklch(66.7% .295 322.15) 30%, transparent)}@supports (color: color-mix(in lab,red,red)){.shadow-fuchsia-500\/30{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-green-500\/30{--tw-shadow-color: color-mix(in srgb, oklch(72.3% .219 149.579) 30%, transparent)}@supports (color: color-mix(in lab,red,red)){.shadow-green-500\/30{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-orange-500\/30{--tw-shadow-color: color-mix(in srgb, oklch(70.5% .213 47.604) 30%, transparent)}@supports (color: color-mix(in lab,red,red)){.shadow-orange-500\/30{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-pink-500\/30{--tw-shadow-color: color-mix(in srgb, oklch(65.6% .241 354.308) 30%, transparent)}@supports (color: color-mix(in lab,red,red)){.shadow-pink-500\/30{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-pink-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-primary\/25{--tw-shadow-color: var(--primary)}@supports (color: color-mix(in lab,red,red)){.shadow-primary\/25{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 25%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-red-500\/30{--tw-shadow-color: color-mix(in srgb, oklch(63.7% .237 25.331) 30%, transparent)}@supports (color: color-mix(in lab,red,red)){.shadow-red-500\/30{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-rose-500\/30{--tw-shadow-color: color-mix(in srgb, oklch(64.5% .246 16.439) 30%, transparent)}@supports (color: color-mix(in lab,red,red)){.shadow-rose-500\/30{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-teal-500\/30{--tw-shadow-color: color-mix(in srgb, oklch(70.4% .14 182.503) 30%, transparent)}@supports (color: color-mix(in lab,red,red)){.shadow-teal-500\/30{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-teal-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-violet-500\/30{--tw-shadow-color: color-mix(in srgb, oklch(60.6% .25 292.717) 30%, transparent)}@supports (color: color-mix(in lab,red,red)){.shadow-violet-500\/30{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-3xl{--tw-blur: blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[100px\]{--tw-blur: blur(100px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[120px\]{--tw-blur: blur(120px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-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-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,-webkit-backdrop-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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-opacity{transition-property:opacity;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))}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-500{transition-delay:.5s}.duration-150{--tw-duration: .15s;transition-duration:.15s}.duration-200{--tw-duration: .2s;transition-duration:.2s}.duration-300{--tw-duration: .3s;transition-duration:.3s}.duration-500{--tw-duration: .5s;transition-duration:.5s}.duration-700{--tw-duration: .7s;transition-duration:.7s}.delay-200{animation-delay:200ms;animation-delay:.2s;--tw-animation-delay: 200ms ;--tw-animation-delay: .2s}.delay-300{animation-delay:300ms;animation-delay:.3s;--tw-animation-delay: 300ms ;--tw-animation-delay: .3s}.delay-500{animation-delay:500ms;animation-delay:.5s;--tw-animation-delay: 500ms ;--tw-animation-delay: .5s}.outline-none{--tw-outline-style: none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale: 95% ;--tw-enter-scale: .95}.\[ref\:0\,4\]{ref:0,4}.\[scrollbar-width\:none\]{scrollbar-width:none}.fade-in{--tw-enter-opacity: 0}.running{animation-play-state:running}.slide-in-from-bottom-2{--tw-enter-translate-y: calc(2*var(--spacing))}.slide-in-from-bottom-4{--tw-enter-translate-y: calc(4*var(--spacing))}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}@media(hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x: calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.group-hover\:gap-2\.5:is(:where(.group):hover *){gap:calc(var(--spacing) * 2.5)}}@media(hover:hover){.group-hover\:bg-primary:is(:where(.group):hover *){background-color:var(--primary)}}@media(hover:hover){.group-hover\:text-blue-500:is(:where(.group):hover *){color:var(--color-blue-500)}}@media(hover:hover){.group-hover\:text-cyan-500:is(:where(.group):hover *){color:var(--color-cyan-500)}}@media(hover:hover){.group-hover\:text-green-500:is(:where(.group):hover *){color:var(--color-green-500)}}@media(hover:hover){.group-hover\:text-orange-500:is(:where(.group):hover *){color:var(--color-orange-500)}}@media(hover:hover){.group-hover\:text-primary:is(:where(.group):hover *){color:var(--primary)}}@media(hover:hover){.group-hover\:text-primary-foreground:is(:where(.group):hover *){color:var(--primary-foreground)}}@media(hover:hover){.group-hover\:text-purple-500:is(:where(.group):hover *){color:var(--color-purple-500)}}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:100%}}.placeholder\:text-gray-500::placeholder{color:var(--color-gray-500)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@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)}}@media(hover:hover){.hover\:-translate-y-1:hover{--tw-translate-y: calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.hover\:border-accent:hover{border-color:var(--accent)}}@media(hover:hover){.hover\:border-blue-500\/40:hover{border-color:color-mix(in srgb,oklch(62.3% .214 259.815) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:border-blue-500\/40:hover{border-color:color-mix(in oklab,var(--color-blue-500) 40%,transparent)}}}@media(hover:hover){.hover\:border-blue-500\/60:hover{border-color:color-mix(in srgb,oklch(62.3% .214 259.815) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:border-blue-500\/60:hover{border-color:color-mix(in oklab,var(--color-blue-500) 60%,transparent)}}}@media(hover:hover){.hover\:border-cyan-500\/40:hover{border-color:color-mix(in srgb,oklch(71.5% .143 215.221) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:border-cyan-500\/40:hover{border-color:color-mix(in oklab,var(--color-cyan-500) 40%,transparent)}}}@media(hover:hover){.hover\:border-green-500\/40:hover{border-color:color-mix(in srgb,oklch(72.3% .219 149.579) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:border-green-500\/40:hover{border-color:color-mix(in oklab,var(--color-green-500) 40%,transparent)}}}@media(hover:hover){.hover\:border-green-500\/60:hover{border-color:color-mix(in srgb,oklch(72.3% .219 149.579) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:border-green-500\/60:hover{border-color:color-mix(in oklab,var(--color-green-500) 60%,transparent)}}}@media(hover:hover){.hover\:border-orange-500\/40:hover{border-color:color-mix(in srgb,oklch(70.5% .213 47.604) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:border-orange-500\/40:hover{border-color:color-mix(in oklab,var(--color-orange-500) 40%,transparent)}}}@media(hover:hover){.hover\:border-pink-500\/40:hover{border-color:color-mix(in srgb,oklch(65.6% .241 354.308) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:border-pink-500\/40:hover{border-color:color-mix(in oklab,var(--color-pink-500) 40%,transparent)}}}@media(hover:hover){.hover\:border-primary:hover{border-color:var(--primary)}}@media(hover:hover){.hover\:border-primary\/20:hover{border-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.hover\:border-primary\/20:hover{border-color:color-mix(in oklab,var(--primary) 20%,transparent)}}}@media(hover:hover){.hover\:border-primary\/30:hover{border-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.hover\:border-primary\/30:hover{border-color:color-mix(in oklab,var(--primary) 30%,transparent)}}}@media(hover:hover){.hover\:border-primary\/40:hover{border-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.hover\:border-primary\/40:hover{border-color:color-mix(in oklab,var(--primary) 40%,transparent)}}}@media(hover:hover){.hover\:border-purple-500\/40:hover{border-color:color-mix(in srgb,oklch(62.7% .265 303.9) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:border-purple-500\/40:hover{border-color:color-mix(in oklab,var(--color-purple-500) 40%,transparent)}}}@media(hover:hover){.hover\:border-purple-500\/60:hover{border-color:color-mix(in srgb,oklch(62.7% .265 303.9) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:border-purple-500\/60:hover{border-color:color-mix(in oklab,var(--color-purple-500) 60%,transparent)}}}@media(hover:hover){.hover\:border-teal-500\/40:hover{border-color:color-mix(in srgb,oklch(70.4% .14 182.503) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:border-teal-500\/40:hover{border-color:color-mix(in oklab,var(--color-teal-500) 40%,transparent)}}}@media(hover:hover){.hover\:border-violet-500\/40:hover{border-color:color-mix(in srgb,oklch(60.6% .25 292.717) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:border-violet-500\/40:hover{border-color:color-mix(in oklab,var(--color-violet-500) 40%,transparent)}}}@media(hover:hover){.hover\:border-l-primary:hover{border-left-color:var(--primary)}}@media(hover:hover){.hover\:bg-\[var\(--color-border\)\]:hover{background-color:var(--color-border)}}@media(hover:hover){.hover\:bg-\[var\(--color-primary-hover\)\]:hover{background-color:var(--color-primary-hover)}}@media(hover:hover){.hover\:bg-\[var\(--color-surface\)\]:hover{background-color:var(--color-surface)}}@media(hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}}@media(hover:hover){.hover\:bg-accent\/30:hover{background-color:var(--accent)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-accent\/30:hover{background-color:color-mix(in oklab,var(--accent) 30%,transparent)}}}@media(hover:hover){.hover\:bg-blue-400:hover{background-color:var(--color-blue-400)}}@media(hover:hover){.hover\:bg-cyan-400:hover{background-color:var(--color-cyan-400)}}@media(hover:hover){.hover\:bg-fuchsia-400:hover{background-color:var(--color-fuchsia-400)}}@media(hover:hover){.hover\:bg-green-400:hover{background-color:var(--color-green-400)}}@media(hover:hover){.hover\:bg-green-500\/20:hover{background-color:color-mix(in srgb,oklch(72.3% .219 149.579) 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-green-500\/20:hover{background-color:color-mix(in oklab,var(--color-green-500) 20%,transparent)}}}@media(hover:hover){.hover\:bg-orange-400:hover{background-color:var(--color-orange-400)}}@media(hover:hover){.hover\:bg-pink-400:hover{background-color:var(--color-pink-400)}}@media(hover:hover){.hover\:bg-primary:hover{background-color:var(--primary)}}@media(hover:hover){.hover\:bg-red-400:hover{background-color:var(--color-red-400)}}@media(hover:hover){.hover\:bg-rose-400:hover{background-color:var(--color-rose-400)}}@media(hover:hover){.hover\:bg-teal-400:hover{background-color:var(--color-teal-400)}}@media(hover:hover){.hover\:bg-violet-400:hover{background-color:var(--color-violet-400)}}@media(hover:hover){.hover\:text-\[var\(--color-text\)\]:hover{color:var(--color-text)}}@media(hover:hover){.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}}@media(hover:hover){.hover\:text-blue-400:hover{color:var(--color-blue-400)}}@media(hover:hover){.hover\:text-cyan-400:hover{color:var(--color-cyan-400)}}@media(hover:hover){.hover\:text-foreground:hover{color:var(--foreground)}}@media(hover:hover){.hover\:text-green-400:hover{color:var(--color-green-400)}}@media(hover:hover){.hover\:text-orange-400:hover{color:var(--color-orange-400)}}@media(hover:hover){.hover\:text-pink-400:hover{color:var(--color-pink-400)}}@media(hover:hover){.hover\:text-primary:hover{color:var(--primary)}}@media(hover:hover){.hover\:text-primary-foreground:hover{color:var(--primary-foreground)}}@media(hover:hover){.hover\:text-purple-400:hover{color:var(--color-purple-400)}}@media(hover:hover){.hover\:underline:hover{text-decoration-line:underline}}@media(hover:hover){.hover\:decoration-primary:hover{text-decoration-color:var(--primary)}}@media(hover:hover){.hover\:opacity-80:hover{opacity:80%}}@media(hover:hover){.hover\:opacity-90:hover{opacity:90%}}@media(hover:hover){.hover\:shadow-\[var\(--md-sys-elevation-3\)\]:hover{--tw-shadow: var(--md-sys-elevation-3);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(hover:hover){.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(hover:hover){.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(hover:hover){.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip-path:none;white-space:normal}.focus\:fixed:focus{position:fixed}.focus\:top-4:focus{top:calc(var(--spacing) * 4)}.focus\:left-4:focus{left:calc(var(--spacing) * 4)}.focus\:z-\[200\]:focus{z-index:200}.focus\:rounded-full:focus{border-radius:calc(infinity * 1px)}.focus\:rounded-md:focus{border-radius:calc(var(--radius) - 2px)}.focus\:bg-primary:focus{background-color:var(--primary)}.focus\:px-4:focus{padding-inline:calc(var(--spacing) * 4)}.focus\:px-5:focus{padding-inline:calc(var(--spacing) * 5)}.focus\:py-2:focus{padding-block:calc(var(--spacing) * 2)}.focus\:py-3:focus{padding-block:calc(var(--spacing) * 3)}.focus\:text-sm:focus{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.focus\:font-bold:focus{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.focus\:font-semibold:focus{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.focus\:text-primary-foreground:focus{color:var(--primary-foreground)}.focus\:shadow-\[var\(--md-sys-elevation-2\)\]:focus{--tw-shadow: var(--md-sys-elevation-2);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:shadow-lg:focus{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--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-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style: none;outline-style:none}.active\:scale-\[0\.96\]:active{scale:.96}.active\:scale-\[0\.97\]:active{scale:.97}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:30%}.disabled\:opacity-50:disabled{opacity:50%}@media(width>=40rem){.sm\:right-6{right:calc(var(--spacing) * 6)}}@media(width>=40rem){.sm\:bottom-6{bottom:calc(var(--spacing) * 6)}}@media(width>=40rem){.sm\:ml-auto{margin-left:auto}}@media(width>=40rem){.sm\:hidden{display:none}}@media(width>=40rem){.sm\:inline{display:inline}}@media(width>=40rem){.sm\:inline-flex{display:inline-flex}}@media(width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width>=40rem){.sm\:flex-row{flex-direction:row}}@media(width>=40rem){.sm\:items-center{align-items:center}}@media(width>=40rem){.sm\:justify-between{justify-content:space-between}}@media(width>=40rem){.sm\:p-4{padding:calc(var(--spacing) * 4)}}@media(width>=40rem){.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}}@media(width>=40rem){.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}}@media(width>=40rem){.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media(width>=40rem){.sm\:py-4{padding-block:calc(var(--spacing) * 4)}}@media(width>=40rem){.sm\:py-\[14vh\]{padding-block:14vh}}@media(width>=40rem){.sm\:text-left{text-align:left}}@media(width>=48rem){.md\:col-span-1{grid-column:span 1 / span 1}}@media(width>=48rem){.md\:col-span-2{grid-column:span 2 / span 2}}@media(width>=48rem){.md\:mt-8{margin-top:calc(var(--spacing) * 8)}}@media(width>=48rem){.md\:block{display:block}}@media(width>=48rem){.md\:flex{display:flex}}@media(width>=48rem){.md\:hidden{display:none}}@media(width>=48rem){.md\:inline-flex{display:inline-flex}}@media(width>=48rem){.md\:h-16{height:calc(var(--spacing) * 16)}}@media(width>=48rem){.md\:h-24{height:calc(var(--spacing) * 24)}}@media(width>=48rem){.md\:w-24{width:calc(var(--spacing) * 24)}}@media(width>=48rem){.md\:flex-1{flex:1}}@media(width>=48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width>=48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(width>=48rem){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(width>=48rem){.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(width>=48rem){.md\:flex-row{flex-direction:row}}@media(width>=48rem){.md\:items-center{align-items:center}}@media(width>=48rem){.md\:items-stretch{align-items:stretch}}@media(width>=48rem){.md\:justify-between{justify-content:space-between}}@media(width>=48rem){.md\:gap-3{gap:calc(var(--spacing) * 3)}}@media(width>=48rem){.md\:gap-4{gap:calc(var(--spacing) * 4)}}@media(width>=48rem){.md\:p-8{padding:calc(var(--spacing) * 8)}}@media(width>=48rem){.md\:p-10{padding:calc(var(--spacing) * 10)}}@media(width>=48rem){.md\:p-12{padding:calc(var(--spacing) * 12)}}@media(width>=48rem){.md\:py-0{padding-block:calc(var(--spacing) * 0)}}@media(width>=48rem){.md\:py-16{padding-block:calc(var(--spacing) * 16)}}@media(width>=48rem){.md\:py-20{padding-block:calc(var(--spacing) * 20)}}@media(width>=48rem){.md\:py-24{padding-block:calc(var(--spacing) * 24)}}@media(width>=48rem){.md\:pt-16{padding-top:calc(var(--spacing) * 16)}}@media(width>=48rem){.md\:pt-24{padding-top:calc(var(--spacing) * 24)}}@media(width>=48rem){.md\:pb-14{padding-bottom:calc(var(--spacing) * 14)}}@media(width>=48rem){.md\:pb-16{padding-bottom:calc(var(--spacing) * 16)}}@media(width>=48rem){.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}}@media(width>=48rem){.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}}@media(width>=48rem){.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}}@media(width>=48rem){.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--line-height))}}@media(width>=48rem){.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading, var(--text-6xl--line-height))}}@media(width>=48rem){.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}}@media(width>=48rem){.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}}@media(width>=48rem){.md\:leading-9{--tw-leading: calc(var(--spacing) * 9);line-height:calc(var(--spacing) * 9)}}@media(width>=64rem){.lg\:col-span-1{grid-column:span 1 / span 1}}@media(width>=64rem){.lg\:flex{display:flex}}@media(width>=64rem){.lg\:hidden{display:none}}@media(width>=64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(width>=64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(width>=64rem){.lg\:grid-cols-\[1\.3fr_2fr\]{grid-template-columns:1.3fr 2fr}}@media(width>=64rem){.lg\:grid-cols-\[minmax\(0\,0\.96fr\)_minmax\(24rem\,1fr\)\]{grid-template-columns:minmax(0,.96fr) minmax(24rem,1fr)}}@media(width>=64rem){.lg\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media(width>=64rem){.lg\:py-6{padding-block:calc(var(--spacing) * 6)}}@media(width>=64rem){.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--line-height))}}@media(width>=80rem){.xl\:block{display:block}}@media(width>=80rem){.xl\:flex{display:flex}}@media(width>=80rem){.xl\:hidden{display:none}}@media(width>=96rem){.\32xl\:grid-cols-\[1fr_0\.9fr\]{grid-template-columns:1fr .9fr}}.dark\:text-green-400:is(.dark *){color:var(--color-green-400)}.\[\&_a\]\:text-primary a{color:var(--primary)}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_a\]\:underline-offset-4 a{text-underline-offset:4px}.\[\&_a\:hover\]\:text-primary\/80 a:hover{color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.\[\&_a\:hover\]\:text-primary\/80 a:hover{color:color-mix(in oklab,var(--primary) 80%,transparent)}}.\[\&_code\]\:rounded-md code{border-radius:calc(var(--radius) - 2px)}.\[\&_code\]\:bg-muted code{background-color:var(--muted)}.\[\&_code\]\:px-1\.5 code{padding-inline:calc(var(--spacing) * 1.5)}.\[\&_code\]\:py-0\.5 code{padding-block:calc(var(--spacing) * .5)}.\[\&_code\]\:font-mono code{font-family:var(--font-mono)}.\[\&_code\]\:text-sm code{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\>code\]\:rounded-md>code{border-radius:calc(var(--radius) - 2px)}.\[\&\>code\]\:bg-muted>code{background-color:var(--muted)}.\[\&\>code\]\:px-1\.5>code{padding-inline:calc(var(--spacing) * 1.5)}.\[\&\>code\]\:py-0\.5>code{padding-block:calc(var(--spacing) * .5)}.\[\&\>code\]\:font-mono>code{font-family:var(--font-mono)}.\[\&\>code\]\:text-sm>code{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.\[\&\>h2\]\:mt-10>h2{margin-top:calc(var(--spacing) * 10)}.\[\&\>h2\]\:mt-14>h2{margin-top:calc(var(--spacing) * 14)}.\[\&\>h2\]\:mb-4>h2{margin-bottom:calc(var(--spacing) * 4)}.\[\&\>h2\]\:mb-5>h2{margin-bottom:calc(var(--spacing) * 5)}.\[\&\>h2\]\:text-2xl>h2{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.\[\&\>h2\]\:font-extrabold>h2{--tw-font-weight: var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.\[\&\>h2\]\:tracking-tight>h2{--tw-tracking: var(--tracking-tight);letter-spacing:var(--tracking-tight)}.\[\&\>h2\]\:text-foreground>h2{color:var(--foreground)}.\[\&\>h3\]\:mt-7>h3{margin-top:calc(var(--spacing) * 7)}.\[\&\>h3\]\:mb-3>h3{margin-bottom:calc(var(--spacing) * 3)}.\[\&\>h3\]\:text-lg>h3{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.\[\&\>h3\]\:font-bold>h3{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.\[\&\>h3\]\:text-foreground>h3{color:var(--foreground)}.\[\&\>img\]\:my-8>img{margin-block:calc(var(--spacing) * 8)}.\[\&\>img\]\:w-full>img{width:100%}.\[\&\>img\]\:rounded-xl>img{border-radius:calc(var(--radius) + 4px)}.\[\&\>img\]\:border>img{border-style:var(--tw-border-style);border-width:1px}.\[\&\>img\]\:border-border\/40>img{border-color:var(--border)}@supports (color: color-mix(in lab,red,red)){.\[\&\>img\]\:border-border\/40>img{border-color:color-mix(in oklab,var(--border) 40%,transparent)}}.\[\&\>img\]\:shadow-md>img{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\[\&\>ol\]\:mb-6>ol{margin-bottom:calc(var(--spacing) * 6)}.\[\&\>ol\]\:ml-6>ol{margin-left:calc(var(--spacing) * 6)}.\[\&\>ol\]\:list-decimal>ol{list-style-type:decimal}.\[\&\>ol\]\:text-foreground>ol{color:var(--foreground)}.\[\&\>ol\>li\]\:mb-2\.5>ol>li{margin-bottom:calc(var(--spacing) * 2.5)}.\[\&\>p\]\:mb-6>p{margin-bottom:calc(var(--spacing) * 6)}.\[\&\>p\]\:text-\[15px\]>p{font-size:15px}.\[\&\>p\]\:leading-\[1\.8\]>p{--tw-leading: 1.8;line-height:1.8}.\[\&\>p\]\:text-foreground>p{color:var(--foreground)}.\[\&\>pre\]\:mb-6>pre{margin-bottom:calc(var(--spacing) * 6)}.\[\&\>pre\]\:overflow-x-auto>pre{overflow-x:auto}.\[\&\>pre\]\:rounded-xl>pre{border-radius:calc(var(--radius) + 4px)}.\[\&\>pre\]\:border>pre{border-style:var(--tw-border-style);border-width:1px}.\[\&\>pre\]\:border-border\/40>pre{border-color:var(--border)}@supports (color: color-mix(in lab,red,red)){.\[\&\>pre\]\:border-border\/40>pre{border-color:color-mix(in oklab,var(--border) 40%,transparent)}}.\[\&\>pre\]\:bg-muted>pre{background-color:var(--muted)}.\[\&\>pre\]\:p-5>pre{padding:calc(var(--spacing) * 5)}.\[\&\>pre\]\:text-sm>pre{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.\[\&\>pre_code\]\:bg-transparent>pre code{background-color:transparent}.\[\&\>pre_code\]\:p-0>pre code{padding:calc(var(--spacing) * 0)}.\[\&\>ul\]\:mb-6>ul{margin-bottom:calc(var(--spacing) * 6)}.\[\&\>ul\]\:ml-6>ul{margin-left:calc(var(--spacing) * 6)}.\[\&\>ul\]\:list-disc>ul{list-style-type:disc}.\[\&\>ul\]\:text-foreground>ul{color:var(--foreground)}.\[\&\>ul\>li\]\:mb-2>ul>li{margin-bottom:calc(var(--spacing) * 2)}.\[\&\>ul\>li\]\:mb-2\.5>ul>li{margin-bottom:calc(var(--spacing) * 2.5)}.\[\&\>ul\>li\]\:text-\[15px\]>ul>li{font-size:15px}.\[\&\>ul\>li\]\:leading-\[1\.7\]>ul>li{--tw-leading: 1.7;line-height:1.7}}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}@property --tw-animation-delay{syntax: "*"; inherits: false; initial-value: 0s;}@property --tw-animation-direction{syntax: "*"; inherits: false; initial-value: normal;}@property --tw-animation-duration{syntax: "*"; inherits: false;}@property --tw-animation-fill-mode{syntax: "*"; inherits: false; initial-value: none;}@property --tw-animation-iteration-count{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-blur{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-blur{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@layer base{:root{color-scheme:light;--md-sys-color-primary: #6750A4;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #EADDFF;--md-sys-color-on-primary-container: #6750A4;--md-sys-color-secondary: #006A6A;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #CCE8E7;--md-sys-color-on-secondary-container: #006A6A;--md-sys-color-tertiary: #7D5260;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-tertiary-container: #FFD8E4;--md-sys-color-on-tertiary-container: #7D5260;--md-sys-color-background: #FFFBFF;--md-sys-color-on-background: #1D1B20;--md-sys-color-surface: #FFFBFF;--md-sys-color-on-surface: #1D1B20;--md-sys-color-surface-variant: #E7E0EC;--md-sys-color-on-surface-variant: #49454F;--md-sys-color-surface-dim: #DED8E1;--md-sys-color-surface-bright: #FFFBFF;--md-sys-color-surface-container-lowest: #FFFFFF;--md-sys-color-surface-container-low: #F7F2FA;--md-sys-color-surface-container: #F3EDF7;--md-sys-color-surface-container-high: #ECE6F0;--md-sys-color-surface-container-highest: #E6E0E9;--md-sys-color-inverse-surface: #322F35;--md-sys-color-inverse-on-surface: #F5EFF7;--md-sys-color-inverse-primary: #D0BCFF;--md-sys-color-outline: #79747E;--md-sys-color-outline-variant: #CAC4D0;--md-sys-color-error: #BA1A1A;--md-sys-color-on-error: #FFFFFF;--md-sys-color-error-container: #FFDAD6;--md-sys-color-on-error-container: #BA1A1A;--md-sys-color-shadow: #000000;--md-sys-color-scrim: #000000;--cs-category-default: var(--md-sys-color-primary);--cs-category-ai: var(--md-sys-color-secondary);--cs-category-frontend: var(--md-sys-color-primary);--cs-category-backend: var(--md-sys-color-tertiary);--cs-category-devops: var(--md-sys-color-secondary);--cs-category-tutorials: var(--md-sys-color-primary);--cs-category-open-source: var(--md-sys-color-tertiary);--cs-color-code-surface: var(--md-sys-color-inverse-surface);--cs-color-on-code-surface: var(--md-sys-color-inverse-on-surface);--cs-legacy-primary: var(--md-sys-color-primary);--cs-legacy-on-primary: var(--md-sys-color-on-primary);--cs-legacy-secondary: var(--md-sys-color-secondary);--cs-legacy-on-secondary: var(--md-sys-color-on-secondary);--cs-legacy-tertiary: var(--md-sys-color-tertiary);--cs-legacy-on-tertiary: var(--md-sys-color-on-tertiary);--cs-legacy-error: var(--md-sys-color-error);--cs-legacy-on-error: var(--md-sys-color-on-error);--cs-legacy-neutral: var(--md-sys-color-outline);--md-sys-elevation-1: 0 1px 2px var(--md-sys-color-shadow), 0 1px 3px 1px var(--md-sys-color-shadow);--md-sys-elevation-2: 0 2px 6px 2px var(--md-sys-color-shadow), 0 1px 2px var(--md-sys-color-shadow);--md-sys-elevation-3: 0 4px 10px 3px var(--md-sys-color-shadow), 0 1px 3px var(--md-sys-color-shadow);--md-sys-motion-duration-extra-short: .1s;--md-sys-motion-duration-short: .15s;--md-sys-motion-duration-medium: .25s;--md-sys-motion-duration-long: .4s;--md-sys-motion-duration-extra-long: .5s;--md-sys-motion-duration-short-1: var(--md-sys-motion-duration-extra-short);--md-sys-motion-duration-short-2: var(--md-sys-motion-duration-short);--md-sys-motion-duration-medium-1: var(--md-sys-motion-duration-medium);--md-sys-motion-duration-medium-2: .3s;--md-sys-motion-duration-long-1: var(--md-sys-motion-duration-long);--md-sys-motion-duration-long-2: var(--md-sys-motion-duration-extra-long);--md-sys-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);--md-sys-motion-easing-standard-accelerate: cubic-bezier(.3, 0, 1, 1);--md-sys-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-emphasized-decelerate: cubic-bezier(.05, .7, .1, 1);--md-sys-motion-easing-emphasized-accelerate: cubic-bezier(.3, 0, .8, .15);--md-sys-motion-spring-quick: var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard-decelerate);--md-sys-motion-spring-standard: var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);--md-sys-motion-spring-gentle: var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate);--md-sys-motion-spring-expressive: var(--md-sys-motion-duration-extra-long) var(--md-sys-motion-easing-emphasized);--md-sys-motion-transition-state: background-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), border-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);--md-sys-motion-transition-container: background-color var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard), border-color var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard), box-shadow var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard), opacity var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard), transform var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);--md-sys-motion-transition-distance-subtle: .35rem;--md-sys-motion-transition-distance-axis: .75rem;--md-sys-motion-transition-distance-lateral: .625rem;--md-sys-motion-transition-container-scale: .985;--md-sys-shape-corner-xs: .5rem;--md-sys-shape-corner-sm: .75rem;--md-sys-shape-corner-md: 1rem;--md-sys-shape-corner-lg: 1.5rem;--md-sys-shape-corner-xl: 2rem;--md-sys-shape-corner-full: 9999px;--md-ref-typeface-brand: "Roboto Flex", "Google Sans Text", ui-sans-serif, system-ui, sans-serif;--md-ref-typeface-plain: "Roboto Flex", "Google Sans Text", ui-sans-serif, system-ui, sans-serif;--background: var(--md-sys-color-background);--foreground: var(--md-sys-color-on-background);--card: var(--md-sys-color-surface-container-low);--card-foreground: var(--md-sys-color-on-surface);--popover: var(--md-sys-color-surface-container-high);--popover-foreground: var(--md-sys-color-on-surface);--primary: var(--md-sys-color-primary);--primary-foreground: var(--md-sys-color-on-primary);--secondary: var(--md-sys-color-secondary-container);--secondary-foreground: var(--md-sys-color-on-secondary-container);--muted: var(--md-sys-color-surface-container);--muted-foreground: var(--md-sys-color-outline);--accent: var(--md-sys-color-primary-container);--accent-foreground: var(--md-sys-color-on-primary-container);--destructive: var(--md-sys-color-error);--destructive-foreground: var(--md-sys-color-on-error);--border: var(--md-sys-color-outline-variant);--input: var(--md-sys-color-outline-variant);--ring: var(--md-sys-color-primary);--radius: var(--md-sys-shape-corner-md);--font-sans: var(--md-ref-typeface-plain);--font-mono: ui-monospace, SFMono-Regular, "Fira Code", monospace}@supports (color: color-mix(in lab,red,red)){:root{--cs-color-code-surface: color-mix(in srgb, var(--md-sys-color-inverse-surface) 92%, var(--md-sys-color-shadow))}}@supports (color: color-mix(in lab,red,red)){:root{--md-sys-elevation-1: 0 1px 2px color-mix(in srgb, var(--md-sys-color-shadow) 16%, transparent), 0 1px 3px 1px color-mix(in srgb, var(--md-sys-color-shadow) 8%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root{--md-sys-elevation-2: 0 2px 6px 2px color-mix(in srgb, var(--md-sys-color-shadow) 10%, transparent), 0 1px 2px color-mix(in srgb, var(--md-sys-color-shadow) 16%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root{--md-sys-elevation-3: 0 4px 10px 3px color-mix(in srgb, var(--md-sys-color-shadow) 12%, transparent), 0 1px 3px color-mix(in srgb, var(--md-sys-color-shadow) 14%, transparent)}}.dark{color-scheme:dark;--md-sys-color-primary: #D0BCFF;--md-sys-color-on-primary: #381E72;--md-sys-color-primary-container: #4F378B;--md-sys-color-on-primary-container: #EADDFF;--md-sys-color-secondary: #4DDADA;--md-sys-color-on-secondary: #003737;--md-sys-color-secondary-container: #004F4F;--md-sys-color-on-secondary-container: #6FF7F5;--md-sys-color-tertiary: #EFB8C8;--md-sys-color-on-tertiary: #492532;--md-sys-color-tertiary-container: #633B48;--md-sys-color-on-tertiary-container: #FFD8E4;--md-sys-color-background: #141218;--md-sys-color-on-background: #E6E0E9;--md-sys-color-surface: #141218;--md-sys-color-on-surface: #E6E0E9;--md-sys-color-surface-variant: #49454F;--md-sys-color-on-surface-variant: #CAC4D0;--md-sys-color-surface-dim: #141218;--md-sys-color-surface-bright: #3B383F;--md-sys-color-surface-container-lowest: #0F0D13;--md-sys-color-surface-container-low: #1D1B20;--md-sys-color-surface-container: #211F26;--md-sys-color-surface-container-high: #2B2930;--md-sys-color-surface-container-highest: #36343B;--md-sys-color-inverse-surface: #E6E0E9;--md-sys-color-inverse-on-surface: #322F35;--md-sys-color-inverse-primary: #6750A4;--md-sys-color-outline: #938F99;--md-sys-color-outline-variant: #49454F;--md-sys-color-error: #FFB4AB;--md-sys-color-on-error: #690005;--md-sys-color-error-container: #93000A;--md-sys-color-on-error-container: #FFDAD6;--md-sys-color-shadow: #000000;--md-sys-color-scrim: #000000;--cs-category-default: var(--md-sys-color-primary);--cs-category-ai: var(--md-sys-color-secondary);--cs-category-frontend: var(--md-sys-color-primary);--cs-category-backend: var(--md-sys-color-tertiary);--cs-category-devops: var(--md-sys-color-secondary);--cs-category-tutorials: var(--md-sys-color-primary);--cs-category-open-source: var(--md-sys-color-tertiary);--cs-color-code-surface: var(--md-sys-color-surface-container-lowest);--cs-color-on-code-surface: var(--md-sys-color-on-surface);--cs-legacy-primary: var(--md-sys-color-primary);--cs-legacy-on-primary: var(--md-sys-color-on-primary);--cs-legacy-secondary: var(--md-sys-color-secondary);--cs-legacy-on-secondary: var(--md-sys-color-on-secondary);--cs-legacy-tertiary: var(--md-sys-color-tertiary);--cs-legacy-on-tertiary: var(--md-sys-color-on-tertiary);--cs-legacy-error: var(--md-sys-color-error);--cs-legacy-on-error: var(--md-sys-color-on-error);--cs-legacy-neutral: var(--md-sys-color-outline);--background: var(--md-sys-color-background);--foreground: var(--md-sys-color-on-background);--card: var(--md-sys-color-surface-container-low);--card-foreground: var(--md-sys-color-on-surface);--popover: var(--md-sys-color-surface-container-high);--popover-foreground: var(--md-sys-color-on-surface);--primary: var(--md-sys-color-primary);--primary-foreground: var(--md-sys-color-on-primary);--secondary: var(--md-sys-color-secondary-container);--secondary-foreground: var(--md-sys-color-on-secondary-container);--muted: var(--md-sys-color-surface-container);--muted-foreground: var(--md-sys-color-outline);--accent: var(--md-sys-color-primary-container);--accent-foreground: var(--md-sys-color-on-primary-container);--destructive: var(--md-sys-color-error);--destructive-foreground: var(--md-sys-color-on-error);--border: var(--md-sys-color-outline-variant);--input: var(--md-sys-color-outline-variant);--ring: var(--md-sys-color-primary)}@supports (color: color-mix(in lab,red,red)){.dark{--cs-color-code-surface: color-mix(in srgb, var(--md-sys-color-surface-container-lowest) 88%, var(--md-sys-color-shadow))}}}@layer base{*{border-color:var(--border)}html{scroll-behavior:smooth;text-rendering:optimizeSpeed}body{background-color:var(--background);font-family:var(--font-sans);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px;background:var(--md-sys-color-background);color:var(--md-sys-color-on-background)}html.theme-transition *,html.theme-transition *:before,html.theme-transition *:after{transition-property:background-color,border-color,color,box-shadow;transition-duration:var(--md-sys-motion-duration-medium);transition-timing-function:var(--md-sys-motion-easing-standard)}@keyframes cs-enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}.animate-in{animation-name:cs-enter!important;animation-duration:var(--md-sys-motion-duration-medium);animation-fill-mode:both;animation-timing-function:var(--md-sys-motion-easing-emphasized-decelerate)}.transition-all,.transition-colors{transition-property:background-color,border-color,color,box-shadow,transform,opacity!important}@keyframes md3-page-enter{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}@keyframes md3-top-level-enter{0%{opacity:0;transform:translateY(.125rem)}to{opacity:1;transform:translateY(0)}}@keyframes md3-shared-axis-forward-enter{0%{opacity:0;transform:translateY(var(--md-sys-motion-transition-distance-axis)) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes md3-shared-axis-back-enter{0%{opacity:0;transform:translateY(calc(var(--md-sys-motion-transition-distance-axis) * -1)) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes md3-lateral-forward-enter{0%{opacity:0;transform:translate(var(--md-sys-motion-transition-distance-lateral))}to{opacity:1;transform:translate(0)}}@keyframes md3-lateral-back-enter{0%{opacity:0;transform:translate(calc(var(--md-sys-motion-transition-distance-lateral) * -1))}to{opacity:1;transform:translate(0)}}@keyframes md3-container-transform-enter{0%{opacity:.86;transform:translateY(.35rem) scale(var(--md-sys-motion-transition-container-scale))}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes md3-detail-surface-enter{0%{opacity:0;transform:translateY(.5rem) scale(.982)}60%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes md3-selected-card-old{0%{opacity:1;transform:scale(1)}to{opacity:.28;transform:scale(.965)}}@keyframes md3-selected-card-new{0%{opacity:.72;transform:translateY(.25rem) scale(1.025)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes md3-route-container-scrim{0%{opacity:0}to{opacity:1}}@keyframes md3-content-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(var(--md-sys-motion-transition-distance-subtle) * -1))}}@keyframes md3-list-item-enter{0%{opacity:0;transform:translateY(var(--md-sys-motion-transition-distance-subtle))}to{opacity:1;transform:translateY(0)}}@keyframes md3-skeleton-fade{0%,to{opacity:.62}50%{opacity:.88}}#main-content>:not(router-outlet):not(app-auto-slides):not(app-drf-api-logger-slides):not(app-python-c-ext-slides):not(app-claude-token-costs-slides):not(app-course-slides){transform-origin:center top;will-change:opacity,transform}html.cs-transition-top-level #main-content>:not(router-outlet):not(app-auto-slides):not(app-drf-api-logger-slides):not(app-python-c-ext-slides):not(app-claude-token-costs-slides):not(app-course-slides){animation:md3-top-level-enter var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate) both}html.cs-transition-container #main-content>:not(router-outlet):not(app-auto-slides):not(app-drf-api-logger-slides):not(app-python-c-ext-slides):not(app-claude-token-costs-slides):not(app-course-slides){animation:md3-container-transform-enter var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate) both}html.cs-transition-forward #main-content>:not(router-outlet):not(app-auto-slides):not(app-drf-api-logger-slides):not(app-python-c-ext-slides):not(app-claude-token-costs-slides):not(app-course-slides){animation:md3-shared-axis-forward-enter var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate) both}html.cs-transition-back #main-content>:not(router-outlet):not(app-auto-slides):not(app-drf-api-logger-slides):not(app-python-c-ext-slides):not(app-claude-token-costs-slides):not(app-course-slides){animation:md3-shared-axis-back-enter var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate) both}html.cs-transition-lateral #main-content>:not(router-outlet):not(app-auto-slides):not(app-drf-api-logger-slides):not(app-python-c-ext-slides):not(app-claude-token-costs-slides):not(app-course-slides){animation:md3-lateral-forward-enter var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard-decelerate) both}html.cs-transition-container.cs-transition-from-card app-blog-post .md3-article-hero-inner,html.cs-transition-container.cs-transition-from-card app-blog-post .md3-article-banner-wrap{animation:md3-detail-surface-enter var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate) both;transform-origin:center top}html.cs-transition-lateral.cs-transition-from-card app-blog-post .md3-article-hero-inner{animation:md3-lateral-forward-enter var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard-decelerate) both}html.cs-custom-card-transform-running:before{content:"";position:fixed;inset:0;z-index:210;pointer-events:none;background:var(--md-sys-color-background);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:md3-route-container-scrim var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard-decelerate) both}@supports (color: color-mix(in lab,red,red)){html.cs-custom-card-transform-running:before{background:color-mix(in srgb,var(--md-sys-color-background) 72%,transparent)}}.md3-route-container-clone{position:fixed;left:var(--md3-route-container-left);top:var(--md3-route-container-top);z-index:220;width:var(--md3-route-container-width);height:var(--md3-route-container-height);margin:0!important;overflow:hidden;contain:layout paint;pointer-events:none;transform-origin:top left;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-xl);background:var(--md-sys-color-surface-container-low);box-shadow:var(--md-sys-elevation-4);color:var(--md-sys-color-on-surface)}@supports (color: color-mix(in lab,red,red)){.md3-route-container-clone{border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 78%,transparent)}}.md3-route-container-clone,.md3-route-container-clone *{pointer-events:none!important}.md3-route-container-clone.md3-blog-article-card,.md3-route-container-clone.md3-blog-featured-card,.md3-route-container-clone.md3-blog-supporting-card{display:flex;flex-direction:column;min-height:0}.md3-route-container-clone .md3-blog-card-media,.md3-route-container-clone .md3-blog-featured-media{position:relative;width:100%;flex:0 0 42%;overflow:hidden;background:linear-gradient(135deg,var(--md-sys-color-primary-container),var(--md-sys-color-secondary-container)),var(--md-sys-color-surface-container-high)}@supports (color: color-mix(in lab,red,red)){.md3-route-container-clone .md3-blog-card-media,.md3-route-container-clone .md3-blog-featured-media{background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary-container) 78%,transparent),color-mix(in srgb,var(--md-sys-color-secondary-container) 54%,transparent)),var(--md-sys-color-surface-container-high)}}.md3-route-container-clone .md3-blog-card-media img,.md3-route-container-clone .md3-blog-featured-media img{display:block;width:100%;height:100%;object-fit:cover}.md3-route-container-clone .md3-blog-card-body{display:grid;flex:1;gap:.75rem;align-content:start;padding:1rem}.md3-route-container-clone h2,.md3-route-container-clone h3,.md3-route-container-clone p{margin:0}.md3-route-container-clone h2,.md3-route-container-clone h3{color:var(--md-sys-color-on-surface);font-family:var(--md-ref-typeface-brand);line-height:1.12}.md3-route-container-clone p,.md3-route-container-clone time,.md3-route-container-clone .md3-blog-meta-row{color:var(--md-sys-color-on-surface-variant)}.md3-route-container-clone .md3-blog-card-actions,.md3-route-container-clone .md3-blog-tag-row{opacity:.62}html.cs-custom-card-transform-running app-blog-post .md3-article-hero{transform-origin:center top}@supports (view-transition-name: none){#main-content{view-transition-name:cs-page}html.cs-view-transition-api.cs-native-view-transition #main-content>:not(router-outlet):not(app-auto-slides):not(app-drf-api-logger-slides):not(app-python-c-ext-slides):not(app-claude-token-costs-slides):not(app-course-slides){animation:none;will-change:auto}::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-group(cs-page){animation-duration:var(--md-sys-motion-duration-medium-2);animation-timing-function:var(--md-sys-motion-easing-emphasized-decelerate)}::view-transition-old(cs-page),::view-transition-new(cs-page){animation-duration:var(--md-sys-motion-duration-medium-2);animation-fill-mode:both;animation-timing-function:var(--md-sys-motion-easing-emphasized-decelerate);mix-blend-mode:normal}::view-transition-old(cs-page){animation-name:md3-content-exit}::view-transition-new(cs-page){animation-name:md3-top-level-enter}html.cs-transition-container::view-transition-old(cs-page),html.cs-transition-forward::view-transition-old(cs-page){animation-name:md3-content-exit;animation-duration:var(--md-sys-motion-duration-short-2);animation-timing-function:var(--md-sys-motion-easing-emphasized-accelerate)}html.cs-transition-container::view-transition-new(cs-page){animation-name:md3-container-transform-enter;animation-duration:var(--md-sys-motion-duration-medium-2)}html.cs-transition-container.cs-transition-from-card app-blog-post .md3-article-hero-inner{view-transition-name:cs-selected-card;contain:paint}html.cs-transition-container.cs-transition-from-card::view-transition-group(cs-selected-card){overflow:clip;border-radius:var(--md-sys-shape-corner-xl);animation-duration:var(--md-sys-motion-duration-long-1);animation-timing-function:var(--md-sys-motion-easing-emphasized-decelerate)}html.cs-transition-container.cs-transition-from-card::view-transition-old(cs-selected-card),html.cs-transition-container.cs-transition-from-card::view-transition-new(cs-selected-card){mix-blend-mode:normal;animation-duration:var(--md-sys-motion-duration-long-1);animation-fill-mode:both;animation-timing-function:var(--md-sys-motion-easing-emphasized-decelerate)}html.cs-transition-container.cs-transition-from-card::view-transition-old(cs-selected-card){animation-name:md3-selected-card-old;animation-timing-function:var(--md-sys-motion-easing-emphasized-accelerate)}html.cs-transition-container.cs-transition-from-card::view-transition-new(cs-selected-card){animation-name:md3-selected-card-new}html.cs-transition-forward::view-transition-new(cs-page){animation-name:md3-shared-axis-forward-enter}html.cs-transition-back::view-transition-old(cs-page){animation-name:md3-content-exit;animation-duration:var(--md-sys-motion-duration-short-2);animation-timing-function:var(--md-sys-motion-easing-emphasized-accelerate)}html.cs-transition-back::view-transition-new(cs-page){animation-name:md3-shared-axis-back-enter}html.cs-transition-lateral::view-transition-old(cs-page){animation-name:md3-lateral-back-enter;animation-direction:reverse;animation-duration:var(--md-sys-motion-duration-short-2)}html.cs-transition-lateral::view-transition-new(cs-page){animation-name:md3-lateral-forward-enter;animation-duration:var(--md-sys-motion-duration-medium-1)}html.cs-transition-top-level::view-transition-old(cs-page),html.cs-transition-slides::view-transition-old(cs-page){animation-name:md3-content-exit;animation-duration:var(--md-sys-motion-duration-short-2)}html.cs-transition-top-level::view-transition-new(cs-page),html.cs-transition-slides::view-transition-new(cs-page){animation-name:md3-top-level-enter}}#main-content>app-auto-slides,#main-content>app-drf-api-logger-slides,#main-content>app-python-c-ext-slides,#main-content>app-claude-token-costs-slides,#main-content>app-course-slides{display:block}@keyframes blob{0%{transform:translateZ(0) scale(1)}33%{transform:translate3d(30px,-50px,0) scale(1.1)}66%{transform:translate3d(-20px,20px,0) scale(.9)}to{transform:translateZ(0) scale(1)}}.animate-blob{animation:blob 8s var(--md-sys-motion-easing-standard) infinite;will-change:transform;contain:layout style paint;opacity:0}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1.5s var(--md-sys-motion-easing-standard-decelerate) infinite;will-change:transform,opacity}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce-slow{animation:bounce-slow 2.5s var(--md-sys-motion-easing-standard) infinite;display:inline-block}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#main-content{view-transition-name:none}::view-transition-group(root),::view-transition-old(root),::view-transition-new(root),::view-transition-group(cs-page),::view-transition-old(cs-page),::view-transition-new(cs-page){animation:none!important}.animate-blob,.animate-ping,.animate-bounce-slow,.animate-in,.page-enter,.page-exit,.content-enter,.content-exit,.container-transform,.shared-axis-forward,.shared-axis-back,.lateral-forward,.lateral-back,.top-level-fade,.list-item-enter,.skeleton-fade,.app-page-enter,.app-page-exit,.app-container-transform,.app-forward,.app-backward,.app-lateral,.app-top-level,.app-enter,.app-exit,.app-skeleton,#main-content>:not(router-outlet),app-blog-list .md3-blog-featured-card,app-blog-list .md3-blog-supporting-card,app-blog-list .md3-blog-article-card,app-blog-list .md3-blog-grid,app-blog-list .md3-blog-category-rails,app-blog-list .md3-blog-category-rail,app-blog-list .md3-blog-active-filter,app-blog-list .md3-blog-empty-state,app-blog-post .md3-article-discussion-state,app-blog-post .md3-article-discussion-fallback,app-blog-post .md3-discussion-spinner,app-blog-post .md3-discussion-skeleton-avatar,app-blog-post .md3-discussion-skeleton-line,app-blog-post .md3-discussion-skeleton-box,app-blog-post .md3-discussion-skeleton-action,app-blog-post .giscus-container[aria-busy=true],app-blog-post .md3-article-hero-inner,app-blog-post .md3-article-banner-wrap,app-blog-post .md3-article-related-card,.md3-route-container-clone,html.cs-custom-card-transform-running:before{animation:none!important}.md3-route-container-clone{display:none!important}.md3-motion-pressable:hover,.md3-motion-pressable:focus-visible,.md3-motion-pressable:active{transform:none!important}}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}img{display:block;max-width:100%;height:auto;vertical-align:middle}video,canvas,svg{max-width:100%}.giscus-container{min-height:14rem}@media(pointer:coarse){button,[role=button],input[type=button],input[type=submit],input[type=reset]{min-width:44px;min-height:44px;touch-action:manipulation}}.copy-btn{position:absolute;top:.5rem;right:.5rem;display:inline-flex;align-items:center;justify-content:center;padding:.4rem;border-radius:.375rem;border:1px solid var(--border);background-color:var(--card);color:var(--muted-foreground);cursor:pointer;opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard),background-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard),color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}pre:hover .copy-btn{opacity:1}.copy-btn:hover{background-color:var(--accent);color:var(--foreground)}pre code{color:var(--foreground)}}@layer utilities{.text-blue-400,.text-blue-500,.text-blue-600,.text-purple-400,.text-purple-500,.text-violet-400,.text-violet-500,.hover\:text-blue-400:hover,.hover\:text-purple-400:hover,.hover\:text-violet-400:hover,.dark .dark\:text-green-400{color:var(--cs-legacy-primary)!important}.text-cyan-400,.text-cyan-500,.text-teal-400,.text-teal-500,.text-green-400,.text-green-500,.text-green-600,.text-emerald-400,.text-emerald-500,.hover\:text-cyan-400:hover,.hover\:text-teal-400:hover,.hover\:text-green-400:hover{color:var(--cs-legacy-secondary)!important}.text-orange-400,.text-orange-500,.text-pink-400,.text-pink-500,.text-rose-400,.text-rose-500,.text-yellow-600,.hover\:text-orange-400:hover,.hover\:text-pink-400:hover{color:var(--cs-legacy-tertiary)!important}.text-red-400,.text-red-500,.text-red-600,.hover\:text-red-400:hover{color:var(--cs-legacy-error)!important}.text-gray-700{color:var(--md-sys-color-on-surface-variant)!important}.text-white{color:var(--md-sys-color-inverse-on-surface)!important}.placeholder\:text-gray-500::placeholder{color:var(--md-sys-color-outline)!important}.bg-blue-500,.bg-blue-600,.bg-purple-500,.bg-violet-500{background-color:var(--cs-legacy-primary)!important;color:var(--cs-legacy-on-primary)!important}.bg-cyan-500,.bg-teal-500,.bg-green-500,.bg-emerald-500{background-color:var(--cs-legacy-secondary)!important;color:var(--cs-legacy-on-secondary)!important}.bg-orange-400,.bg-orange-500,.bg-pink-500,.bg-rose-500,.bg-yellow-500{background-color:var(--cs-legacy-tertiary)!important;color:var(--cs-legacy-on-tertiary)!important}.bg-red-400,.bg-red-500{background-color:var(--cs-legacy-error)!important;color:var(--cs-legacy-on-error)!important}.bg-gray-300{background-color:var(--md-sys-color-surface-container-highest)!important;color:var(--md-sys-color-on-surface-variant)!important}.bg-black\/50{background-color:var(--md-sys-color-shadow)!important}@supports (color: color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in srgb,var(--md-sys-color-shadow) 50%,transparent)!important}}.bg-blue-500\/5,.bg-blue-500\/8,.bg-blue-500\/10,.bg-blue-500\/15,.bg-blue-500\/20,.bg-blue-600\/10,.bg-purple-500\/5,.bg-purple-500\/8,.bg-purple-500\/10,.bg-purple-500\/15,.bg-purple-500\/20,.bg-violet-500\/5,.bg-violet-500\/8,.bg-violet-500\/10,.bg-violet-500\/15,.bg-violet-500\/20{background-color:var(--cs-legacy-primary)!important}@supports (color: color-mix(in lab,red,red)){.bg-blue-500\/5,.bg-blue-500\/8,.bg-blue-500\/10,.bg-blue-500\/15,.bg-blue-500\/20,.bg-blue-600\/10,.bg-purple-500\/5,.bg-purple-500\/8,.bg-purple-500\/10,.bg-purple-500\/15,.bg-purple-500\/20,.bg-violet-500\/5,.bg-violet-500\/8,.bg-violet-500\/10,.bg-violet-500\/15,.bg-violet-500\/20{background-color:color-mix(in srgb,var(--cs-legacy-primary) 12%,transparent)!important}}.bg-cyan-500\/5,.bg-cyan-500\/8,.bg-cyan-500\/10,.bg-cyan-500\/15,.bg-cyan-500\/20,.bg-teal-500\/5,.bg-teal-500\/8,.bg-teal-500\/10,.bg-teal-500\/15,.bg-teal-500\/20,.bg-green-500\/5,.bg-green-500\/8,.bg-green-500\/10,.bg-green-500\/15,.bg-green-500\/20,.bg-emerald-500\/5,.bg-emerald-500\/8,.bg-emerald-500\/10,.bg-emerald-500\/15,.bg-emerald-500\/20{background-color:var(--cs-legacy-secondary)!important}@supports (color: color-mix(in lab,red,red)){.bg-cyan-500\/5,.bg-cyan-500\/8,.bg-cyan-500\/10,.bg-cyan-500\/15,.bg-cyan-500\/20,.bg-teal-500\/5,.bg-teal-500\/8,.bg-teal-500\/10,.bg-teal-500\/15,.bg-teal-500\/20,.bg-green-500\/5,.bg-green-500\/8,.bg-green-500\/10,.bg-green-500\/15,.bg-green-500\/20,.bg-emerald-500\/5,.bg-emerald-500\/8,.bg-emerald-500\/10,.bg-emerald-500\/15,.bg-emerald-500\/20{background-color:color-mix(in srgb,var(--cs-legacy-secondary) 12%,transparent)!important}}.bg-orange-500\/5,.bg-orange-500\/8,.bg-orange-500\/10,.bg-orange-500\/15,.bg-orange-500\/20,.bg-pink-500\/5,.bg-pink-500\/8,.bg-pink-500\/10,.bg-pink-500\/15,.bg-pink-500\/20,.bg-rose-500\/5,.bg-rose-500\/8,.bg-rose-500\/10,.bg-rose-500\/15,.bg-rose-500\/20,.bg-yellow-500\/10,.bg-yellow-500\/20{background-color:var(--cs-legacy-tertiary)!important}@supports (color: color-mix(in lab,red,red)){.bg-orange-500\/5,.bg-orange-500\/8,.bg-orange-500\/10,.bg-orange-500\/15,.bg-orange-500\/20,.bg-pink-500\/5,.bg-pink-500\/8,.bg-pink-500\/10,.bg-pink-500\/15,.bg-pink-500\/20,.bg-rose-500\/5,.bg-rose-500\/8,.bg-rose-500\/10,.bg-rose-500\/15,.bg-rose-500\/20,.bg-yellow-500\/10,.bg-yellow-500\/20{background-color:color-mix(in srgb,var(--cs-legacy-tertiary) 12%,transparent)!important}}.bg-red-500\/5,.bg-red-500\/8,.bg-red-500\/10,.bg-red-500\/15,.bg-red-500\/20{background-color:var(--cs-legacy-error)!important}@supports (color: color-mix(in lab,red,red)){.bg-red-500\/5,.bg-red-500\/8,.bg-red-500\/10,.bg-red-500\/15,.bg-red-500\/20{background-color:color-mix(in srgb,var(--cs-legacy-error) 12%,transparent)!important}}.border-blue-500\/20,.border-blue-500\/30,.border-blue-500\/40,.border-blue-500\/60,.border-purple-500\/30,.border-purple-500\/40,.border-purple-500\/60,.border-violet-500\/30,.border-violet-500\/40,.border-violet-500\/60{border-color:var(--cs-legacy-primary)!important}@supports (color: color-mix(in lab,red,red)){.border-blue-500\/20,.border-blue-500\/30,.border-blue-500\/40,.border-blue-500\/60,.border-purple-500\/30,.border-purple-500\/40,.border-purple-500\/60,.border-violet-500\/30,.border-violet-500\/40,.border-violet-500\/60{border-color:color-mix(in srgb,var(--cs-legacy-primary) 36%,var(--md-sys-color-outline-variant))!important}}.border-cyan-500\/30,.border-cyan-500\/40,.border-cyan-500\/60,.border-teal-500\/30,.border-teal-500\/40,.border-green-500\/30,.border-green-500\/40,.border-green-500\/60{border-color:var(--cs-legacy-secondary)!important}@supports (color: color-mix(in lab,red,red)){.border-cyan-500\/30,.border-cyan-500\/40,.border-cyan-500\/60,.border-teal-500\/30,.border-teal-500\/40,.border-green-500\/30,.border-green-500\/40,.border-green-500\/60{border-color:color-mix(in srgb,var(--cs-legacy-secondary) 36%,var(--md-sys-color-outline-variant))!important}}.border-orange-500\/30,.border-orange-500\/40,.border-orange-500\/60,.border-pink-500\/30,.border-pink-500\/40,.border-pink-500\/60,.border-rose-500\/30,.border-rose-500\/40,.border-rose-500\/60,.border-yellow-500\/30,.border-yellow-500\/40{border-color:var(--cs-legacy-tertiary)!important}@supports (color: color-mix(in lab,red,red)){.border-orange-500\/30,.border-orange-500\/40,.border-orange-500\/60,.border-pink-500\/30,.border-pink-500\/40,.border-pink-500\/60,.border-rose-500\/30,.border-rose-500\/40,.border-rose-500\/60,.border-yellow-500\/30,.border-yellow-500\/40{border-color:color-mix(in srgb,var(--cs-legacy-tertiary) 36%,var(--md-sys-color-outline-variant))!important}}.border-red-500,.border-red-500\/30,.border-red-500\/40,.border-red-500\/60{border-color:var(--cs-legacy-error)!important}@supports (color: color-mix(in lab,red,red)){.border-red-500,.border-red-500\/30,.border-red-500\/40,.border-red-500\/60{border-color:color-mix(in srgb,var(--cs-legacy-error) 44%,var(--md-sys-color-outline-variant))!important}}.shadow-blue-500\/30,.shadow-cyan-500\/30,.shadow-teal-500\/30,.shadow-green-500\/30,.shadow-orange-500\/30,.shadow-red-500\/30,.shadow-pink-500\/30,.shadow-violet-500\/30,.shadow-rose-500\/30{--tw-shadow-color: var(--md-sys-color-shadow) !important}@supports (color: color-mix(in lab,red,red)){.shadow-blue-500\/30,.shadow-cyan-500\/30,.shadow-teal-500\/30,.shadow-green-500\/30,.shadow-orange-500\/30,.shadow-red-500\/30,.shadow-pink-500\/30,.shadow-violet-500\/30,.shadow-rose-500\/30{--tw-shadow-color: color-mix(in srgb, var(--md-sys-color-shadow) 22%, transparent) !important}}.hover\:bg-blue-400:hover,.hover\:bg-blue-500\/20:hover,.hover\:bg-purple-500\/20:hover,.hover\:bg-violet-400:hover{background-color:var(--cs-legacy-primary)!important}@supports (color: color-mix(in lab,red,red)){.hover\:bg-blue-400:hover,.hover\:bg-blue-500\/20:hover,.hover\:bg-purple-500\/20:hover,.hover\:bg-violet-400:hover{background-color:color-mix(in srgb,var(--cs-legacy-primary) 18%,transparent)!important}}.hover\:bg-cyan-400:hover,.hover\:bg-teal-400:hover,.hover\:bg-green-400:hover,.hover\:bg-green-500\/20:hover{background-color:var(--cs-legacy-secondary)!important}@supports (color: color-mix(in lab,red,red)){.hover\:bg-cyan-400:hover,.hover\:bg-teal-400:hover,.hover\:bg-green-400:hover,.hover\:bg-green-500\/20:hover{background-color:color-mix(in srgb,var(--cs-legacy-secondary) 18%,transparent)!important}}.hover\:bg-orange-400:hover,.hover\:bg-pink-400:hover,.hover\:bg-rose-400:hover{background-color:var(--cs-legacy-tertiary)!important}@supports (color: color-mix(in lab,red,red)){.hover\:bg-orange-400:hover,.hover\:bg-pink-400:hover,.hover\:bg-rose-400:hover{background-color:color-mix(in srgb,var(--cs-legacy-tertiary) 18%,transparent)!important}}.hover\:bg-red-400:hover,.hover\:bg-red-500\/20:hover{background-color:var(--cs-legacy-error)!important}@supports (color: color-mix(in lab,red,red)){.hover\:bg-red-400:hover,.hover\:bg-red-500\/20:hover{background-color:color-mix(in srgb,var(--cs-legacy-error) 18%,transparent)!important}}.from-blue-500,.from-blue-600,.from-purple-500,.from-violet-500{--tw-gradient-from: var(--cs-legacy-primary) var(--tw-gradient-from-position) !important;--tw-gradient-to: var(--cs-legacy-primary) var(--tw-gradient-to-position) !important;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-from), var(--tw-gradient-to)) !important}@supports (color: color-mix(in lab,red,red)){.from-blue-500,.from-blue-600,.from-purple-500,.from-violet-500{--tw-gradient-to: color-mix(in srgb, var(--cs-legacy-primary) 0%, transparent) var(--tw-gradient-to-position) !important}}.from-cyan-500,.from-teal-500,.from-green-500,.from-emerald-500{--tw-gradient-from: var(--cs-legacy-secondary) var(--tw-gradient-from-position) !important;--tw-gradient-to: var(--cs-legacy-secondary) var(--tw-gradient-to-position) !important;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-from), var(--tw-gradient-to)) !important}@supports (color: color-mix(in lab,red,red)){.from-cyan-500,.from-teal-500,.from-green-500,.from-emerald-500{--tw-gradient-to: color-mix(in srgb, var(--cs-legacy-secondary) 0%, transparent) var(--tw-gradient-to-position) !important}}.from-orange-500,.from-pink-500,.from-rose-500,.from-yellow-500{--tw-gradient-from: var(--cs-legacy-tertiary) var(--tw-gradient-from-position) !important;--tw-gradient-to: var(--cs-legacy-tertiary) var(--tw-gradient-to-position) !important;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-from), var(--tw-gradient-to)) !important}@supports (color: color-mix(in lab,red,red)){.from-orange-500,.from-pink-500,.from-rose-500,.from-yellow-500{--tw-gradient-to: color-mix(in srgb, var(--cs-legacy-tertiary) 0%, transparent) var(--tw-gradient-to-position) !important}}.from-red-500{--tw-gradient-from: var(--cs-legacy-error) var(--tw-gradient-from-position) !important;--tw-gradient-to: var(--cs-legacy-error) var(--tw-gradient-to-position) !important;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-from), var(--tw-gradient-to)) !important}@supports (color: color-mix(in lab,red,red)){.from-red-500{--tw-gradient-to: color-mix(in srgb, var(--cs-legacy-error) 0%, transparent) var(--tw-gradient-to-position) !important}}.via-blue-500,.via-purple-500,.via-violet-500{--tw-gradient-via: var(--cs-legacy-primary) var(--tw-gradient-via-position) !important;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to) !important}.via-cyan-500,.via-teal-500,.via-green-500{--tw-gradient-via: var(--cs-legacy-secondary) var(--tw-gradient-via-position) !important;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to) !important}.via-orange-500,.via-pink-500,.via-card{--tw-gradient-via: var(--md-sys-color-surface-container) var(--tw-gradient-via-position) !important;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to) !important}.to-blue-500,.to-purple-500,.to-violet-500{--tw-gradient-to: var(--cs-legacy-primary) var(--tw-gradient-to-position) !important}.to-cyan-500,.to-teal-400,.to-teal-500,.to-green-500,.to-emerald-500{--tw-gradient-to: var(--cs-legacy-secondary) var(--tw-gradient-to-position) !important}.to-orange-500,.to-pink-500,.to-rose-500{--tw-gradient-to: var(--cs-legacy-tertiary) var(--tw-gradient-to-position) !important}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position) !important}}@layer components{:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#0f172a"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#111827"]{fill:var(--md-sys-color-surface-container-high)!important}:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#1e293b"]{fill:var(--md-sys-color-surface-container)!important}:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#334155"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#475569"]{fill:var(--md-sys-color-surface-container-highest)!important}:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#94a3b8"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#64748b"]{fill:var(--md-sys-color-on-surface-variant)!important}:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#cbd5e1"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#e2e8f0"]{fill:var(--md-sys-color-on-surface)!important}:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#3b82f6"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#93c5fd"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#bfdbfe"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [stroke="#3b82f6"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [stroke="#93c5fd"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [stop-color="#3b82f6"]{fill:var(--md-sys-color-primary)!important;stroke:var(--md-sys-color-primary)!important;stop-color:var(--md-sys-color-primary)!important}:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#06b6d4"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#22c55e"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#67e8f9"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#86efac"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [stroke="#06b6d4"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [stroke="#22c55e"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [stop-color="#10b981"]{fill:var(--md-sys-color-secondary)!important;stroke:var(--md-sys-color-secondary)!important;stop-color:var(--md-sys-color-secondary)!important}:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#7c3aed"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#8b5cf6"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#a855f7"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#c084fc"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [stroke="#7c3aed"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [stroke="#a855f7"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [stop-color="#a855f7"]{fill:var(--md-sys-color-primary)!important;stroke:var(--md-sys-color-primary)!important;stop-color:var(--md-sys-color-primary)!important}:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#f97316"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#fdba74"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#fbbf24"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#fcd34d"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#ec4899"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [stroke="#f97316"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [stop-color="#f97316"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [stop-color="#ec4899"]{fill:var(--md-sys-color-tertiary)!important;stroke:var(--md-sys-color-tertiary)!important;stop-color:var(--md-sys-color-tertiary)!important}:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#ef4444"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill="#fca5a5"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [stroke="#ef4444"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [stop-color="#ef4444"]{fill:var(--md-sys-color-error)!important;stroke:var(--md-sys-color-error)!important;stop-color:var(--md-sys-color-error)!important}:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [style*="background:#3b82f6"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [style*="background: #3b82f6"]{background:var(--md-sys-color-primary)!important;color:var(--md-sys-color-on-primary)!important}:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [style*="border-color:#3b82f6"]{border-color:var(--md-sys-color-primary)!important}:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [style*="color:#3b82f6"]{color:var(--md-sys-color-primary)!important}:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [style*="background:#22c55e"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [style*="background: #22c55e"]{background:var(--md-sys-color-secondary)!important;color:var(--md-sys-color-on-secondary)!important}:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [style*="border-color:#22c55e"]{border-color:var(--md-sys-color-secondary)!important}:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [style*="color:#22c55e"]{color:var(--md-sys-color-secondary)!important}:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [style*="background:#7c3aed"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [style*="background:#a855f7"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [style*="background:#f97316"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [style*="background:#ec4899"]{background:var(--md-sys-color-tertiary)!important;color:var(--md-sys-color-on-tertiary)!important}:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [style*="border-color:#7c3aed"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [style*="border-color:#a855f7"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [style*="border-color:#f97316"]{border-color:var(--md-sys-color-tertiary)!important}:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [style*="color:#7c3aed"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [style*="color:#a855f7"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [style*="color:#f97316"],:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [style*="color:#ec4899"]{color:var(--md-sys-color-tertiary)!important}:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [style*="background:#ef4444"]{background:var(--md-sys-color-error)!important;color:var(--md-sys-color-on-error)!important}:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [style*="border-color:#ef4444"]{border-color:var(--md-sys-color-error)!important}:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [style*="color:#ef4444"]{color:var(--md-sys-color-error)!important}:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill]:not([stroke]){stroke:none!important}:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [stroke]:not([fill]),:where(.md3-article-content,.blog-content,.flow-diagram,.glossary-content) [fill=none]{fill:none!important}}@layer components{@keyframes md3-fade-in{0%{opacity:0}to{opacity:1}}@keyframes md3-appbar-enter{0%{opacity:0;transform:translateY(-.75rem);box-shadow:none}to{opacity:1;transform:translateY(0);box-shadow:var(--md-sys-elevation-1)}}@keyframes md3-container-enter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes md3-drawer-enter{0%{opacity:0;transform:translate(1.5rem)}to{opacity:1;transform:translate(0)}}.md3-motion-state{transition:var(--md-sys-motion-transition-state)}.md3-motion-container{transition:var(--md-sys-motion-transition-container)}.md3-motion-pressable{transition:var(--md-sys-motion-transition-state),box-shadow var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard)}.md3-motion-pressable:hover,.md3-motion-pressable:focus-visible{transform:translateY(-1px)}.md3-motion-pressable:active{transform:scale(.98)}.md3-motion-enter{animation:md3-page-enter var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate) both}.page-enter{animation:md3-top-level-enter var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate) both}.page-exit{animation:md3-content-exit var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-emphasized-accelerate) both}.content-enter{animation:md3-page-enter var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard-decelerate) both}.content-exit{animation:md3-content-exit var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard-accelerate) both}.container-transform{animation:md3-container-transform-enter var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate) both}.shared-axis-forward{animation:md3-shared-axis-forward-enter var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate) both}.shared-axis-back{animation:md3-shared-axis-back-enter var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate) both}.lateral-forward{animation:md3-lateral-forward-enter var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard-decelerate) both}.lateral-back{animation:md3-lateral-back-enter var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard-decelerate) both}.top-level-fade{animation:md3-top-level-enter var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard-decelerate) both}.list-item-enter{animation:md3-list-item-enter var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard-decelerate) both}.skeleton-fade{animation:md3-skeleton-fade var(--md-sys-motion-duration-long-2) var(--md-sys-motion-easing-standard) infinite}.reduce-motion-safe{transform:translateZ(0)}.app-page-enter,.app-top-level{animation:md3-top-level-enter var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard-decelerate) both}.app-page-exit,.app-exit{animation:md3-content-exit var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-emphasized-accelerate) both}.app-container-transform{animation:md3-container-transform-enter var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate) both}.app-forward{animation:md3-shared-axis-forward-enter var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate) both}.app-backward{animation:md3-shared-axis-back-enter var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate) both}.app-lateral{animation:md3-lateral-forward-enter var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard-decelerate) both}.app-enter{animation:md3-page-enter var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-emphasized-decelerate) both}.app-skeleton{animation:md3-skeleton-fade var(--md-sys-motion-duration-long-2) var(--md-sys-motion-easing-standard) infinite}.motion-safe{transform:translateZ(0)}.md3-top-app-bar{min-height:5rem;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-1);contain:layout style paint;animation:md3-appbar-enter var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate) both;transition:var(--md-sys-motion-transition-container)}@supports (color: color-mix(in lab,red,red)){.md3-top-app-bar{background:color-mix(in srgb,var(--md-sys-color-surface-container) 94%,transparent)}}.md3-nav-rail{position:fixed;inset-block:0;inset-inline-start:0;z-index:60;width:5.5rem;min-width:5.5rem;flex:0 0 5.5rem;flex-direction:column;align-items:center;gap:.75rem;border-inline-end:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);padding-block:1rem;overflow:hidden;contain:layout style paint;transform:translateZ(0);animation:md3-appbar-enter var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate) both}.md3-rail-fab,.md3-rail-icon-button{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;border:0;color:var(--md-sys-color-on-primary-container);overflow:hidden;isolation:isolate;transition:background-color var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),color var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),border-radius var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-emphasized),transform var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard)}.md3-rail-fab{width:3.5rem;height:3.5rem;border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-primary-container);box-shadow:var(--md-sys-elevation-1)}.md3-rail-fab:hover{border-radius:var(--md-sys-shape-corner-xl);box-shadow:var(--md-sys-elevation-2);transform:translateY(-1px)}.md3-nav-rail-searching .md3-rail-fab,.md3-rail-fab-launching,.md3-search-trigger-launching{animation:md3-search-trigger-launch var(--md-sys-motion-duration-long-1) var(--md-sys-motion-easing-emphasized-decelerate) both}.md3-search-trigger-launching .md3-icon-glyph,.md3-rail-fab-launching .md3-rail-svg{animation:md3-search-glyph-launch var(--md-sys-motion-duration-long-1) var(--md-sys-motion-easing-emphasized-decelerate) both}.md3-rail-icon-button{width:3.5rem;height:3.5rem;border-radius:999px;background:transparent;color:var(--md-sys-color-on-surface-variant)}.md3-rail-icon-button:hover{background:var(--md-sys-color-on-surface);color:var(--md-sys-color-on-surface)}@supports (color: color-mix(in lab,red,red)){.md3-rail-icon-button:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}}.md3-rail-svg{width:1.5rem;height:1.5rem;flex:none}.md3-rail-nav{position:relative;display:flex;width:100%;flex:1;flex-direction:column;align-items:center;gap:.125rem;overflow-y:auto;padding-block:.5rem;scrollbar-width:none}.md3-rail-active-indicator{position:absolute;inset-inline:.5rem;top:.5rem;height:3.75rem;border-radius:var(--md-sys-shape-corner-xl);background:linear-gradient(135deg,var(--md-sys-color-secondary-container),var(--md-sys-color-primary-container));box-shadow:inset 0 0 0 1px var(--md-sys-color-secondary);opacity:0;pointer-events:none;transform:translateZ(0);transition:transform var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate),opacity var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),border-radius var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-emphasized);will-change:transform,opacity}@supports (color: color-mix(in lab,red,red)){.md3-rail-active-indicator{background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-secondary-container) 62%,transparent),color-mix(in srgb,var(--md-sys-color-primary-container) 40%,transparent))}}@supports (color: color-mix(in lab,red,red)){.md3-rail-active-indicator{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-secondary) 24%,transparent)}}.md3-rail-active-indicator-visible{opacity:1}html.cs-transition-from-nav .md3-rail-active-indicator,.md3-nav-rail:focus-within .md3-rail-active-indicator{transition-duration:var(--md-sys-motion-duration-long-1),var(--md-sys-motion-duration-short-2),var(--md-sys-motion-duration-medium-1)}.md3-rail-nav::-webkit-scrollbar{display:none}.md3-rail-link{position:relative;z-index:1;display:flex;width:100%;flex:0 0 auto;min-height:3.75rem;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:var(--md-sys-color-on-surface-variant);font-size:.675rem;font-weight:600;line-height:1.1;text-align:center;text-decoration:none;transition:color var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard)}.md3-rail-link:hover{color:var(--md-sys-color-on-surface)}.md3-rail-icon{position:relative;display:inline-flex;width:3.5rem;min-width:3.5rem;height:1.875rem;flex:0 0 auto;align-items:center;justify-content:center;border-radius:999px;overflow:hidden;transform:translateZ(0);transition:background-color var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),color var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard)}.md3-rail-link:hover .md3-rail-icon{background:var(--md-sys-color-on-surface)}@supports (color: color-mix(in lab,red,red)){.md3-rail-link:hover .md3-rail-icon{background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}}.md3-rail-link:active .md3-rail-icon{background:var(--md-sys-color-on-surface)}@supports (color: color-mix(in lab,red,red)){.md3-rail-link:active .md3-rail-icon{background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent)}}.md3-rail-link-active{color:var(--md-sys-color-on-surface);font-weight:700}.md3-rail-link-active .md3-rail-icon{background:transparent;color:var(--md-sys-color-primary);box-shadow:none;animation:md3-rail-active-state var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-emphasized-decelerate) both}.md3-rail-link-active:hover .md3-rail-icon,.md3-rail-link-active:active .md3-rail-icon{background:transparent}.md3-rail-link-active .md3-rail-label{animation:md3-rail-label-enter var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-emphasized-decelerate) both}@keyframes md3-rail-active-state{0%{opacity:.72;transform:scale(.92)}70%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes md3-rail-label-enter{0%{opacity:.72;transform:translateY(.125rem)}to{opacity:1;transform:translateY(0)}}@keyframes md3-selected-ring{0%{opacity:.42}to{opacity:0}}@keyframes md3-ripple-press{0%{opacity:.18;transform:scale(.12)}58%{opacity:.14}to{opacity:0;transform:scale(2.65)}}.md3-rail-label{max-width:4.75rem;overflow:hidden;text-overflow:ellipsis}.md3-brand,.md3-nav-link,.md3-icon-button,.md3-search-button,.md3-mobile-link{position:relative;overflow:hidden;isolation:isolate;transition:background-color var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),color var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard)}.md3-brand:before,.md3-nav-link:before,.md3-icon-button:before,.md3-search-button:before,.md3-mobile-link:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:currentColor;opacity:0;transition:opacity var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard)}.md3-brand:hover:before,.md3-nav-link:hover:before,.md3-icon-button:hover:before,.md3-search-button:hover:before,.md3-mobile-link:hover:before{opacity:.08}.md3-brand:active,.md3-nav-link:active,.md3-icon-button:active,.md3-search-button:active,.md3-mobile-link:active{transform:scale(.97)}.md3-brand-mark{display:grid;width:2.5rem;height:2.5rem;flex:none;place-items:center;border:1px solid var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-lg);background:radial-gradient(circle at 78% 20%,var(--md-sys-color-secondary-container),transparent 29%),linear-gradient(135deg,var(--md-sys-color-primary-container),var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-1);transition:border-radius var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-emphasized),transform var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-emphasized),box-shadow var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard)}@supports (color: color-mix(in lab,red,red)){.md3-brand-mark{border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-outline-variant))}}@supports (color: color-mix(in lab,red,red)){.md3-brand-mark{background:radial-gradient(circle at 78% 20%,color-mix(in srgb,var(--md-sys-color-secondary-container) 72%,transparent),transparent 29%),linear-gradient(135deg,var(--md-sys-color-primary-container),color-mix(in srgb,var(--md-sys-color-surface-container-high) 78%,var(--md-sys-color-primary-container)))}}.md3-brand:hover .md3-brand-mark{border-radius:999px;box-shadow:var(--md-sys-elevation-2);transform:rotate(-4deg) scale(1.05)}.md3-brand-mark-svg{width:1.8rem;height:1.8rem;overflow:visible}.md3-brand-mark-left,.md3-brand-mark-right,.md3-brand-mark-slash{stroke:currentColor;stroke-width:3.1;stroke-linecap:round;stroke-linejoin:round}.md3-brand-mark-node{fill:var(--md-sys-color-secondary);stroke:var(--md-sys-color-surface-container-low);stroke-width:2}.md3-icon-glyph{transition:transform var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-emphasized)}.md3-icon-button:hover .md3-icon-glyph,.md3-search-button:hover .md3-icon-glyph{transform:scale(1.08)}.md3-nav-shell{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-shadow:var(--md-sys-elevation-1);animation:md3-container-enter var(--md-sys-motion-duration-long-2) var(--md-sys-motion-easing-emphasized-decelerate) both}.md3-active-indicator-host{position:relative;isolation:isolate}.md3-active-indicator{position:absolute;left:0;top:0;z-index:0;width:var(--md3-active-indicator-width, 0);height:var(--md3-active-indicator-height, 0);border-radius:var(--md-sys-shape-corner-full);background:var(--md3-active-indicator-color, var(--md-sys-color-primary-container));box-shadow:var(--md3-active-indicator-shadow, inset 0 0 0 1px var(--md-sys-color-primary));opacity:0;pointer-events:none;transform:translate3d(var(--md3-active-indicator-x, 0),var(--md3-active-indicator-y, 0),0) scale(.96);transform-origin:center;transition:transform var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate),width var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate),height var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate),opacity var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard);will-change:transform,width,height,opacity}@supports (color: color-mix(in lab,red,red)){.md3-active-indicator{box-shadow:var(--md3-active-indicator-shadow, inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-primary) 18%, transparent))}}.md3-active-indicator-visible{opacity:1;transform:translate3d(var(--md3-active-indicator-x, 0),var(--md3-active-indicator-y, 0),0) scale(1)}.md3-active-indicator-host>:not(.md3-active-indicator){position:relative;z-index:1}.md3-nav-link{display:inline-flex;height:2.5rem;min-width:max-content;align-items:center;justify-content:center;border-radius:999px;padding-inline:1rem;color:var(--md-sys-color-on-surface-variant);font-size:.875rem;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap}.md3-nav-link-active{color:var(--md-sys-color-on-primary-container)}.md3-nav-link-active:after{content:"";display:none}.md3-nav-link-cta{min-width:5.75rem;color:var(--md-sys-color-primary);font-weight:800}.md3-nav-link-cta:hover{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:var(--md-sys-elevation-1)}.md3-nav-badge{border-radius:999px;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);padding:.125rem .5rem;font-size:.625rem;font-weight:800;line-height:1.1}.md3-search-button{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-shadow:var(--md-sys-elevation-1)}.md3-search-button:hover{color:var(--md-sys-color-on-primary-container);box-shadow:var(--md-sys-elevation-2);transform:translateY(-1px)}.md3-icon-button{color:var(--md-sys-color-on-surface-variant)}.md3-icon-button:hover{color:var(--md-sys-color-on-primary-container)}.md3-search-overlay{animation:md3-search-overlay-enter var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard-decelerate) both}.md3-search-overlay-exit{animation:md3-search-overlay-exit var(--md-sys-motion-duration-short-1) var(--md-sys-motion-easing-standard-accelerate) both}.md3-search-shell{animation:md3-search-shell-enter var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard-decelerate) both}.md3-search-shell-exit{pointer-events:none}.md3-search-dialog{border-radius:var(--md-sys-shape-corner-xl);transform-origin:top center;animation:md3-search-dialog-enter var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate) both;will-change:transform,opacity}.md3-search-dialog-exit{animation:md3-search-dialog-exit var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-emphasized-accelerate) both}.md3-search-icon-orb{animation:md3-search-orb-enter var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate) both}.md3-search-result-item{position:relative;overflow:hidden;isolation:isolate;transition:background-color var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),color var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard)}.md3-search-result-item:hover,.md3-search-result-item:focus-visible{transform:translate(.25rem)}@keyframes md3-search-trigger-launch{0%{transform:scale(1);box-shadow:var(--md-sys-elevation-1)}38%{transform:scale(.9);border-radius:var(--md-sys-shape-corner-full);box-shadow:var(--md-sys-elevation-1)}to{transform:scale(1);box-shadow:var(--md-sys-elevation-2)}}@keyframes md3-search-glyph-launch{0%{transform:scale(1)}48%{transform:scale(.84) rotate(-8deg)}to{transform:scale(1)}}@keyframes md3-search-overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes md3-search-overlay-exit{0%{opacity:1}to{opacity:0}}@keyframes md3-search-shell-enter{0%{opacity:0}to{opacity:1}}@keyframes md3-search-dialog-enter{0%{opacity:0;transform:translateY(-.625rem) scale(.98)}72%{opacity:1;transform:translateY(0) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes md3-search-dialog-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-.375rem) scale(.98)}}@keyframes md3-search-orb-enter{0%{opacity:0;transform:scale(.72)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.md3-drawer-scrim{animation:md3-fade-in var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-standard) both}.md3-nav-drawer{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-3);animation:md3-drawer-enter var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate) both}.md3-mobile-link{display:flex;min-height:48px;align-items:center;border-radius:999px;padding-inline:1rem;color:var(--md-sys-color-on-surface-variant);font-size:1rem;font-weight:700;text-decoration:none}.md3-container{width:min(100% - 2rem,72rem);margin-inline:auto}.md3-home-hero{background:var(--md-sys-color-background)}.md3-hero-panel{align-items:stretch;border-radius:clamp(2rem,4vw,3.5rem);background:transparent;color:var(--md-sys-color-on-surface);min-height:min(42rem,calc(100vh - 3rem))}.md3-home-hero-copy{position:relative;overflow:hidden;border-radius:clamp(2rem,4vw,3.5rem);background:radial-gradient(circle at 12% 12%,var(--md-sys-color-primary),transparent 30%),var(--md-sys-color-surface-container-high);padding:clamp(2.25rem,5vw,4.5rem);box-shadow:none}@supports (color: color-mix(in lab,red,red)){.md3-home-hero-copy{background:radial-gradient(circle at 12% 12%,color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent),transparent 30%),var(--md-sys-color-surface-container-high)}}.md3-home-hero-copy:after{content:"";position:absolute;inset-inline:auto -4rem;inset-block:auto -3.5rem;width:14rem;height:14rem;border-radius:42% 58% 49% 51%;background:var(--md-sys-color-tertiary-container);opacity:.7;transform:rotate(12deg);pointer-events:none}@supports (color: color-mix(in lab,red,red)){.md3-home-hero-copy:after{background:color-mix(in srgb,var(--md-sys-color-tertiary-container) 58%,transparent)}}.md3-display-title{position:relative;max-width:11ch;color:var(--md-sys-color-on-surface);font-family:var(--md-ref-typeface-brand);font-size:clamp(3.2rem,5vw,5.6rem);font-weight:500;letter-spacing:0;line-height:.94}.md3-button-large{min-height:3.75rem;padding-inline:2rem;font-size:1rem;font-weight:500}.md3-stat-tile{min-height:5.75rem;border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);padding:1rem;transition:background-color var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard)}@supports (color: color-mix(in lab,red,red)){.md3-stat-tile{background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 84%,transparent)}}.md3-hero-stats{margin-top:clamp(2rem,4vh,4rem)!important}.md3-stat-tile:hover{background:var(--md-sys-color-surface-container-highest);transform:translateY(-2px)}.md3-stat-number{font-size:clamp(1.6rem,3vw,2.5rem);font-weight:600;letter-spacing:-.02em;line-height:1}.md3-stat-label{margin-top:.5rem;color:var(--md-sys-color-on-surface-variant);font-size:.875rem;font-weight:600}.md3-hero-visual-stage{position:relative;isolation:isolate;display:grid;min-height:min(42rem,calc(100vh - 3rem));align-items:center;overflow:hidden;border-radius:clamp(2rem,4vw,3.5rem);background:radial-gradient(circle at 74% 15%,var(--md-sys-color-secondary-container),transparent 21%),radial-gradient(circle at 28% 78%,var(--md-sys-color-primary-container),transparent 28%),var(--md-sys-color-surface-container-low);padding:clamp(1rem,3vw,3rem)}@supports (color: color-mix(in lab,red,red)){.md3-hero-visual-stage{background:radial-gradient(circle at 74% 15%,color-mix(in srgb,var(--md-sys-color-secondary-container) 62%,transparent),transparent 21%),radial-gradient(circle at 28% 78%,color-mix(in srgb,var(--md-sys-color-primary-container) 72%,transparent),transparent 28%),var(--md-sys-color-surface-container-low)}}.md3-hero-visual-stage:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(135deg,transparent 0 32%,var(--md-sys-color-primary) 32% 34%,transparent 34% 100%),linear-gradient(35deg,transparent 0 62%,var(--md-sys-color-tertiary) 62% 64%,transparent 64% 100%)}@supports (color: color-mix(in lab,red,red)){.md3-hero-visual-stage:before{background:linear-gradient(135deg,transparent 0 32%,color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent) 32% 34%,transparent 34% 100%),linear-gradient(35deg,transparent 0 62%,color-mix(in srgb,var(--md-sys-color-tertiary) 10%,transparent) 62% 64%,transparent 64% 100%)}}.md3-floating-panel{position:absolute;z-index:-1;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-xl);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:md3-float-panel 7s var(--md-sys-motion-easing-standard) infinite}@supports (color: color-mix(in lab,red,red)){.md3-floating-panel{border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 78%,transparent)}}@supports (color: color-mix(in lab,red,red)){.md3-floating-panel{background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 86%,transparent)}}.md3-floating-panel-a{inset-block-start:1.75rem;inset-inline-end:1.25rem;width:min(17rem,44%);padding:.9rem}.md3-floating-panel-b{inset-block-end:2rem;inset-inline-start:1.25rem;width:min(15rem,42%);padding:1rem;animation-delay:-2.25s}.md3-floating-title{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant)}.md3-floating-panel svg{margin-top:.35rem;width:100%;height:auto}.md3-floating-panel circle{fill:var(--md-sys-color-primary-container);stroke:var(--md-sys-color-primary);stroke-width:2}.md3-floating-panel text{fill:var(--md-sys-color-on-primary-container);font-size:.75rem;font-weight:800}.md3-floating-path{fill:none;stroke:var(--md-sys-color-secondary);stroke-width:4;stroke-linecap:round;stroke-dasharray:8 10;animation:md3-flow-dash 4.5s linear infinite}.md3-mini-stack{display:grid;gap:.45rem;margin-top:.8rem}.md3-mini-stack span{min-height:2rem;border-radius:999px;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);padding:.45rem .75rem;font-size:.75rem;font-weight:800}@keyframes md3-float-panel{50%{transform:translateY(-.5rem) rotate(1deg)}}.md3-cockpit-panel{--track-color: var(--md-sys-color-primary);align-self:center;width:100%;position:relative;border:1px solid var(--md-sys-color-outline-variant);border-radius:clamp(1.75rem,3vw,2.5rem);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);padding:clamp(1.25rem,2.6vw,2rem);box-shadow:var(--md-sys-elevation-2);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transition:box-shadow var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard)}@supports (color: color-mix(in lab,red,red)){.md3-cockpit-panel{background:color-mix(in srgb,var(--md-sys-color-surface-container) 94%,transparent)}}.md3-cockpit-panel:hover{box-shadow:var(--md-sys-elevation-3);transform:translateY(-2px)}.md3-live-dot{position:relative;width:.75rem;height:.75rem;flex:none;border-radius:999px;background:var(--md-sys-color-secondary);box-shadow:0 0 0 0 var(--md-sys-color-secondary);animation:md3-live-pulse 2.4s var(--md-sys-motion-easing-standard) infinite}@supports (color: color-mix(in lab,red,red)){.md3-live-dot{box-shadow:0 0 color-mix(in srgb,var(--md-sys-color-secondary) 35%,transparent)}}@keyframes md3-live-pulse{70%{box-shadow:0 0 0 .75rem color-mix(in srgb,var(--md-sys-color-secondary) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--md-sys-color-secondary) 0%,transparent)}}.md3-cockpit-tab{min-height:2.75rem;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);padding-inline:.9rem;font-size:.8rem;font-weight:700;transition:background-color var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),color var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard)}.md3-cockpit-tab:hover{border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.md3-cockpit-tab:active{transform:scale(.97)}.md3-cockpit-tab-active{border-color:var(--track-color, var(--md-sys-color-primary));background:var(--track-color, var(--md-sys-color-primary));color:var(--md-sys-color-on-surface)}@supports (color: color-mix(in lab,red,red)){.md3-cockpit-tab-active{background:color-mix(in srgb,var(--track-color, var(--md-sys-color-primary)) 22%,var(--md-sys-color-surface-container-high))}}.md3-system-map{position:relative;min-height:clamp(12rem,18vw,15rem);aspect-ratio:1.18;overflow:hidden;border-radius:var(--md-sys-shape-corner-xl);background:radial-gradient(circle at 50% 50%,var(--track-color),transparent 38%),var(--md-sys-color-surface-container-low)}@supports (color: color-mix(in lab,red,red)){.md3-system-map{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--track-color) 20%,transparent),transparent 38%),var(--md-sys-color-surface-container-low)}}.md3-system-map svg{position:absolute;inset:0;width:100%;height:100%}.md3-flow-line{fill:none;stroke:url(#trackFlowGradient);stroke-width:7;stroke-linecap:round;stroke-dasharray:16 18;animation:md3-flow-dash 6s linear infinite}.md3-flow-line-alt{animation-direction:reverse;opacity:.7}.md3-flow-line-alt2{opacity:.5}@keyframes md3-flow-dash{to{stroke-dashoffset:-136}}.md3-map-node,.md3-map-core{fill:var(--md-sys-color-surface-container-highest);stroke:var(--track-color);stroke-width:3}@supports (color: color-mix(in lab,red,red)){.md3-map-node,.md3-map-core{stroke:color-mix(in srgb,var(--track-color) 58%,var(--md-sys-color-outline-variant))}}.md3-map-node-a{animation:md3-node-float 5s var(--md-sys-motion-easing-standard) infinite}.md3-map-node-b{animation:md3-node-float 5s var(--md-sys-motion-easing-standard) .5s infinite}.md3-map-node-c{animation:md3-node-float 5s var(--md-sys-motion-easing-standard) 1s infinite}.md3-map-node-d{animation:md3-node-float 5s var(--md-sys-motion-easing-standard) 1.5s infinite}@keyframes md3-node-float{50%{transform:translateY(-4px)}}.md3-map-core{fill:var(--track-color)}@supports (color: color-mix(in lab,red,red)){.md3-map-core{fill:color-mix(in srgb,var(--track-color) 24%,var(--md-sys-color-surface-container-high))}}.md3-map-core-text,.md3-map-core-subtext{fill:var(--md-sys-color-on-surface);font-family:var(--md-ref-typeface-plain);font-weight:800;justify-self:start;letter-spacing:0}.md3-map-core-text{font-size:1.25rem}.md3-map-core-subtext{fill:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:700}.md3-map-label{position:absolute;display:inline-flex;min-height:2rem;align-items:center;justify-content:center;border-radius:999px;background:var(--track-color);color:var(--md-sys-color-on-surface);padding-inline:.75rem;font-size:.75rem;font-weight:800;box-shadow:var(--md-sys-elevation-1)}@supports (color: color-mix(in lab,red,red)){.md3-map-label{background:color-mix(in srgb,var(--track-color) 18%,var(--md-sys-color-surface-container-high))}}.md3-map-label-a{left:7%;top:19%}.md3-map-label-b{right:7%;top:20%}.md3-map-label-c{right:7%;bottom:19%}.md3-map-label-d{left:7%;bottom:18%}.md3-cockpit-metric{min-height:4.25rem;border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-surface-container-low);padding:.85rem}.md3-cockpit-panel h3{font-size:clamp(1.35rem,1.8vw,1.65rem)}@media(max-width:1599px)and (min-width:1024px){.md3-hero-stats{display:none!important}.md3-cockpit-panel{padding:1.35rem}.md3-system-map{min-height:0;height:clamp(10.5rem,20vh,13rem);aspect-ratio:auto}.md3-button-large{min-height:3.4rem;gap:.4rem;padding-inline:.8rem;font-size:.82rem}.md3-cockpit-metric:nth-child(n+3){display:none}.md3-cockpit-metric{min-height:3.75rem}.md3-cockpit-link{min-height:3rem}}.md3-cockpit-link{display:inline-flex;min-height:3.25rem;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;background:var(--track-color);color:var(--md-sys-color-on-primary-container);padding-inline:1.25rem;font-weight:800;text-decoration:none;transition:background-color var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard)}@supports (color: color-mix(in lab,red,red)){.md3-cockpit-link{background:color-mix(in srgb,var(--track-color) 20%,var(--md-sys-color-primary-container))}}.md3-cockpit-link:hover{box-shadow:var(--md-sys-elevation-1);transform:translateY(-1px)}.md3-section{padding-block:clamp(3rem,6vw,6rem)}.md3-surface{background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface)}.md3-surface-high{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.md3-card,.md3-card-elevated{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface)}.md3-card{box-shadow:none}.md3-card-elevated{background:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-1)}.md3-card-elevated:hover{box-shadow:var(--md-sys-elevation-2)}.md3-course-page{min-height:100vh;background:radial-gradient(circle at top left,var(--md-sys-color-primary-container),transparent 34rem),radial-gradient(circle at 95% 10%,var(--md-sys-color-secondary-container),transparent 30rem),var(--md-sys-color-background);color:var(--md-sys-color-on-background)}@supports (color: color-mix(in lab,red,red)){.md3-course-page{background:radial-gradient(circle at top left,color-mix(in srgb,var(--md-sys-color-primary-container) 34%,transparent),transparent 34rem),radial-gradient(circle at 95% 10%,color-mix(in srgb,var(--md-sys-color-secondary-container) 20%,transparent),transparent 30rem),var(--md-sys-color-background)}}.md3-course-page :where(a,button){touch-action:manipulation}.md3-course-breadcrumb ol,.md3-course-module-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1.5rem;padding:0;list-style:none;color:var(--md-sys-color-on-surface-variant);font-size:.92rem;font-weight:700}.md3-course-breadcrumb a,.md3-course-module-breadcrumb a{color:var(--md-sys-color-primary);text-decoration:none}.md3-course-breadcrumb a:hover,.md3-course-module-breadcrumb a:hover{text-decoration:underline;text-underline-offset:.22rem}.md3-course-hero,.md3-course-detail-hero,.md3-course-seo-hero{position:relative;overflow:clip;border-block-end:1px solid var(--md-sys-color-outline-variant)}.md3-course-hero-grid,.md3-course-detail-hero-grid{display:grid;gap:clamp(1.5rem,4vw,3rem);align-items:center}.md3-course-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(20rem,.8fr)}.md3-course-detail-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(19rem,.65fr)}.md3-course-hero-copy,.md3-course-detail-copy,.md3-course-seo-copy{max-width:52rem;animation:md3-page-enter var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate) both}.md3-course-eyebrow{display:inline-flex;align-items:center;width:fit-content;min-height:2rem;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);padding-inline:.85rem;font-size:.72rem;font-weight:900;letter-spacing:.08em;line-height:1;text-transform:uppercase}.md3-course-hero h1,.md3-course-detail-hero h1,.md3-course-seo-hero h1{margin:1rem 0 1.1rem;color:var(--md-sys-color-on-background);font-family:var(--md-ref-typeface-brand);font-size:clamp(2.45rem,6vw,5rem);font-weight:500;line-height:.98;letter-spacing:0}.md3-course-hero-text,.md3-course-detail-text,.md3-course-seo-text,.md3-course-section-heading p,.md3-course-resource-panel p{color:var(--md-sys-color-on-surface-variant);font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.75}.md3-course-actions,.md3-course-hero-chips,.md3-course-meta-row,.md3-course-chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.md3-course-actions{margin-block:1.6rem 1.25rem}.md3-button-large{min-height:3.25rem;padding-inline:1.25rem}.md3-course-hero-panel,.md3-course-overview-panel,.md3-course-seo-panel,.md3-course-resource-panel{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-xl);background:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-1)}@supports (color: color-mix(in lab,red,red)){.md3-course-hero-panel,.md3-course-overview-panel,.md3-course-seo-panel,.md3-course-resource-panel{border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 86%,transparent)}}@supports (color: color-mix(in lab,red,red)){.md3-course-hero-panel,.md3-course-overview-panel,.md3-course-seo-panel,.md3-course-resource-panel{background:color-mix(in srgb,var(--md-sys-color-surface-container) 92%,transparent)}}.md3-course-hero-panel,.md3-course-overview-panel,.md3-course-seo-panel{padding:clamp(1rem,2vw,1.35rem);animation:md3-container-transform-enter var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate) both}.md3-course-hero-panel-top,.md3-course-overview-panel-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--md-sys-color-on-surface-variant);font-size:.86rem;font-weight:850}.md3-course-stat-grid,.md3-course-overview-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-block:1rem}.md3-course-stat-tile,.md3-course-overview-stat{min-height:6.25rem;border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);padding:1rem}.md3-course-stat-tile:nth-child(2),.md3-course-overview-stat:nth-child(2){background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.md3-course-stat-tile strong,.md3-course-overview-stat strong{display:block;font-size:clamp(1.75rem,3vw,2.6rem);font-weight:900;line-height:1}.md3-course-stat-tile span,.md3-course-overview-stat span{display:block;margin-top:.45rem;font-size:.86rem;font-weight:850}.md3-course-map{overflow:hidden;border-radius:var(--md-sys-shape-corner-lg);background:linear-gradient(135deg,var(--md-sys-color-primary-container),transparent),var(--md-sys-color-surface-container-high)}@supports (color: color-mix(in lab,red,red)){.md3-course-map{background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary-container) 62%,transparent),transparent),var(--md-sys-color-surface-container-high)}}.md3-course-map svg{display:block;width:100%;min-height:12rem}.md3-course-map-line{fill:none;stroke:var(--md-sys-color-primary);stroke-width:5;stroke-linecap:round;opacity:.68}.md3-course-map-node{fill:var(--md-sys-color-primary);stroke:var(--md-sys-color-surface-container-low);stroke-width:5}.md3-course-map-node-b,.md3-course-map-node-d{fill:var(--md-sys-color-secondary)}.md3-course-map text{fill:var(--md-sys-color-on-primary);font-size:1rem;font-weight:900}.md3-course-section-heading{max-width:48rem;margin-bottom:clamp(1.5rem,3vw,2.5rem)}.md3-course-section-heading.centered{margin-inline:auto;text-align:center}.md3-course-section-heading h2,.md3-course-resource-panel h2{margin:.9rem 0 .65rem;color:var(--md-sys-color-on-background);font-family:var(--md-ref-typeface-brand);font-size:clamp(1.85rem,3vw,3rem);font-weight:500;line-height:1.08;letter-spacing:0}.md3-course-card-grid,.md3-course-path-grid,.md3-course-outcome-grid,.md3-course-audience-grid,.md3-course-module-grid,.md3-course-callout-grid,.md3-course-related-grid{display:grid;gap:1rem}.md3-course-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.md3-course-path-grid,.md3-course-outcome-grid,.md3-course-audience-grid,.md3-course-related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.md3-course-module-grid,.md3-course-callout-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.md3-course-hub-card,.md3-course-path-card,.md3-course-outcome-card,.md3-course-audience-card,.md3-course-module-card,.md3-course-info-card,.md3-course-related-card,.md3-course-nav-card,.md3-course-lab-card{position:relative;display:flex;min-width:0;flex-direction:column;gap:1rem;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-xl);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);padding:clamp(1rem,2vw,1.35rem);text-decoration:none;box-shadow:none;transition:var(--md-sys-motion-transition-container)}@supports (color: color-mix(in lab,red,red)){.md3-course-hub-card,.md3-course-path-card,.md3-course-outcome-card,.md3-course-audience-card,.md3-course-module-card,.md3-course-info-card,.md3-course-related-card,.md3-course-nav-card,.md3-course-lab-card{border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 88%,transparent)}}.md3-course-hub-card:hover,.md3-course-hub-card:focus-visible,.md3-course-path-card:hover,.md3-course-path-card:focus-within,.md3-course-module-card:hover,.md3-course-module-card:focus-within,.md3-course-related-card:hover,.md3-course-related-card:focus-visible,.md3-course-nav-card:hover,.md3-course-nav-card:focus-visible{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-2);transform:translateY(-2px)}@supports (color: color-mix(in lab,red,red)){.md3-course-hub-card:hover,.md3-course-hub-card:focus-visible,.md3-course-path-card:hover,.md3-course-path-card:focus-within,.md3-course-module-card:hover,.md3-course-module-card:focus-within,.md3-course-related-card:hover,.md3-course-related-card:focus-visible,.md3-course-nav-card:hover,.md3-course-nav-card:focus-visible{border-color:color-mix(in srgb,var(--md-sys-color-primary) 42%,var(--md-sys-color-outline-variant))}}.md3-course-hub-card:active,.md3-course-related-card:active,.md3-course-nav-card:active{transform:translateY(0) scale(.992)}.md3-course-hub-card-top,.md3-course-card-action,.md3-course-module-card-top,.md3-course-related-card-meta,.md3-course-nav-row,.md3-course-lab-card-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.md3-course-icon,.md3-course-path-number,.md3-course-outcome-icon,.md3-course-module-number,.md3-course-lab-number{display:inline-grid;min-width:2.75rem;min-height:2.75rem;place-items:center;border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-size:.82rem;font-weight:900;letter-spacing:.03em}.md3-course-hub-card[data-course=cloud-native-security-engineering] .md3-course-icon,.md3-course-hub-card[data-course=production-analytics-engineering-dbt] .md3-course-icon{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.md3-course-hub-card[data-course=production-rag-systems-engineering] .md3-course-icon,.md3-course-hub-card[data-course=distributed-systems-engineering] .md3-course-icon{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.md3-course-card-kicker,.md3-course-module-kicker,.md3-course-info-kicker{margin:0;color:var(--md-sys-color-primary);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.md3-course-hub-card h3,.md3-course-path-card h3,.md3-course-outcome-card h3,.md3-course-audience-card h3,.md3-course-module-card h3,.md3-course-info-card h3,.md3-course-related-card h3,.md3-course-nav-card h3,.md3-course-lab-card h3{margin:0;color:var(--md-sys-color-on-surface);font-size:clamp(1.05rem,1.5vw,1.35rem);font-weight:850;line-height:1.25}.md3-course-hub-card p,.md3-course-path-card p,.md3-course-outcome-card p,.md3-course-audience-card p,.md3-course-module-card p,.md3-course-info-card p,.md3-course-related-card p,.md3-course-nav-card p,.md3-course-lab-card p{margin:0;color:var(--md-sys-color-on-surface-variant);line-height:1.65}.md3-course-metrics,.md3-course-fact-list{display:grid;gap:.55rem}.md3-course-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.md3-course-metrics span,.md3-course-fact-list span{border-radius:var(--md-sys-shape-corner-md);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant);padding:.7rem;font-size:.8rem;font-weight:780}.md3-course-metrics strong{color:var(--md-sys-color-on-surface)}.md3-course-card-action{margin-top:auto;color:var(--md-sys-color-primary);font-weight:900}.md3-course-card-action svg,.md3-course-related-card svg,.md3-course-nav-card svg{transition:transform var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard)}.md3-course-hub-card:hover .md3-course-card-action svg,.md3-course-related-card:hover svg,.md3-course-nav-card:hover svg,.md3-course-hub-card:focus-visible .md3-course-card-action svg,.md3-course-related-card:focus-visible svg,.md3-course-nav-card:focus-visible svg{transform:translate(.18rem)}.md3-course-path-section,.md3-course-tonal-section{border-block:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low)}.md3-course-resource-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;align-items:center;padding:clamp(1.25rem,3vw,2rem)}.md3-course-resource-links{display:grid;min-width:min(18rem,100%);gap:.7rem}.md3-course-resource-links a,.md3-course-inline-link{color:var(--md-sys-color-primary);font-weight:900;text-decoration:none}.md3-course-resource-links a{display:flex;min-height:3.25rem;align-items:center;justify-content:space-between;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container);padding-inline:1rem}.md3-course-resource-links a:hover,.md3-course-resource-links a:focus-visible{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.md3-course-overview-list{display:grid;gap:.75rem;margin-top:1rem}.md3-course-overview-list a,.md3-course-overview-list span{display:flex;min-height:3rem;align-items:center;justify-content:space-between;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);padding-inline:1rem;font-weight:850;text-decoration:none}.md3-course-overview-list a:hover,.md3-course-overview-list a:focus-visible{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.md3-course-curriculum-list,.md3-course-faq-list{display:grid;gap:.85rem}.md3-course-module-disclosure,.md3-course-faq-item{overflow:hidden;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-xl);background:var(--md-sys-color-surface-container-low)}.md3-course-disclosure-button,.md3-course-faq-button{display:flex;width:100%;min-height:4rem;align-items:center;justify-content:space-between;gap:1rem;border:0;background:transparent;color:inherit;padding:1rem;text-align:left;cursor:pointer}.md3-course-disclosure-button:hover,.md3-course-faq-button:hover{background:var(--md-sys-color-primary-container)}@supports (color: color-mix(in lab,red,red)){.md3-course-disclosure-button:hover,.md3-course-faq-button:hover{background:color-mix(in srgb,var(--md-sys-color-primary-container) 35%,transparent)}}.md3-course-disclosure-title{display:flex;min-width:0;align-items:center;gap:.9rem}.md3-course-disclosure-copy{min-width:0}.md3-course-disclosure-copy strong,.md3-course-faq-button strong{display:block;color:var(--md-sys-color-on-surface);font-weight:900}.md3-course-disclosure-copy span,.md3-course-disclosure-meta,.md3-course-faq-body{color:var(--md-sys-color-on-surface-variant);font-size:.9rem;line-height:1.6}.md3-course-disclosure-icon,.md3-course-faq-icon{color:var(--md-sys-color-primary);transition:transform var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard)}.md3-course-disclosure-icon.open,.md3-course-faq-icon.open{transform:rotate(180deg)}.md3-course-disclosure-body,.md3-course-faq-body{border-top:1px solid var(--md-sys-color-outline-variant);padding:1rem;animation:md3-content-enter var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard-decelerate) both}.md3-course-two-column,.md3-course-module-layout{display:grid;gap:clamp(1.25rem,4vw,2.5rem)}.md3-course-module-layout{grid-template-columns:minmax(0,1fr) minmax(16rem,18rem);align-items:start}.md3-course-module-main{min-width:0}.md3-course-module-sidebar{position:sticky;top:6rem;display:grid;gap:.6rem;max-height:calc(100vh - 7rem);overflow:auto;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-xl);background:var(--md-sys-color-surface-container-low);padding:.9rem}.md3-course-module-sidebar h2{margin:0 0 .4rem;color:var(--md-sys-color-on-surface);font-size:.9rem;font-weight:900}.md3-course-module-link{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.65rem;align-items:center;min-height:3rem;border-radius:var(--md-sys-shape-corner-lg);color:var(--md-sys-color-on-surface-variant);padding:.45rem;text-decoration:none;transition:var(--md-sys-motion-transition-state)}.md3-course-module-link:hover,.md3-course-module-link:focus-visible{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}.md3-course-module-link.active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-weight:900}.md3-course-module-link-number{display:inline-grid;min-height:2rem;min-width:2rem;place-items:center;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-high);font-size:.78rem;font-weight:900}.md3-course-module-link.active .md3-course-module-link-number{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.md3-course-module-link-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.md3-course-article-surface{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-xl);background:var(--md-sys-color-surface);padding:clamp(1rem,3vw,2rem);box-shadow:var(--md-sys-elevation-1)}.md3-course-diagram-surface{overflow:auto;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-xl);background:var(--md-sys-color-surface-container-high);margin-block:1.5rem}.md3-course-diagram-surface svg{display:block;min-width:min(52rem,100%)}.md3-course-callout{border:1px solid var(--md-sys-color-outline-variant);border-inline-start:.35rem solid var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);padding:1rem}.md3-course-callout.secondary{border-inline-start-color:var(--md-sys-color-secondary)}.md3-course-callout.tertiary{border-inline-start-color:var(--md-sys-color-tertiary)}.md3-course-callout.error{border-inline-start-color:var(--md-sys-color-error)}.md3-course-list{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}.md3-course-list li{display:flex;gap:.65rem;color:var(--md-sys-color-on-surface-variant);line-height:1.6}.md3-course-list-marker{display:inline-grid;min-width:1.55rem;height:1.55rem;place-items:center;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-size:.75rem;font-weight:900}.md3-course-tags{display:flex;flex-wrap:wrap;gap:.6rem}.md3-course-seo-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);gap:clamp(1.25rem,4vw,2.5rem);align-items:start}.md3-course-seo-panel{position:sticky;top:6rem}.md3-course-seo-actions{display:grid;gap:.75rem;margin-top:1.25rem}.md3-course-module-main>*+*{margin-top:1.25rem}.md3-course-info-card>h2,.md3-course-callout>h2{margin:.35rem 0 .8rem;color:var(--md-sys-color-on-surface);font-size:clamp(1.25rem,2vw,1.75rem);font-weight:850;line-height:1.2}.md3-course-info-card>p+p,.md3-course-callout>p+p{margin-top:.65rem}.md3-course-nav-row{align-items:stretch;margin-top:1.75rem}.md3-course-nav-row>*{flex:1 1 0}.md3-course-nav-card span{color:var(--md-sys-color-primary);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}@media(max-width:1180px){.md3-course-hero-grid,.md3-course-detail-hero-grid,.md3-course-seo-layout,.md3-course-module-layout{grid-template-columns:1fr}.md3-course-module-sidebar,.md3-course-seo-panel{position:static;max-height:none}.md3-course-card-grid,.md3-course-path-grid,.md3-course-outcome-grid,.md3-course-audience-grid,.md3-course-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.md3-course-card-grid,.md3-course-path-grid,.md3-course-outcome-grid,.md3-course-audience-grid,.md3-course-module-grid,.md3-course-callout-grid,.md3-course-related-grid,.md3-course-resource-panel{grid-template-columns:1fr}.md3-course-hero h1,.md3-course-detail-hero h1,.md3-course-seo-hero h1{font-size:clamp(2.1rem,13vw,3.4rem);line-height:1.02}.md3-course-disclosure-button{align-items:flex-start;flex-direction:column}.md3-course-disclosure-meta{margin-left:3.65rem}.md3-course-nav-row{flex-direction:column}.md3-course-stat-grid,.md3-course-overview-stats,.md3-course-metrics{grid-template-columns:1fr}}app-home>section:not(.md3-home-hero):not(.md3-home-os-section){position:relative;overflow:clip;padding-block:clamp(3.25rem,5vw,4.75rem)!important;border-block-start:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-background)!important}@supports (color: color-mix(in lab,red,red)){app-home>section:not(.md3-home-hero):not(.md3-home-os-section){border-block-start:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent)}}app-home>section:nth-of-type(2n):not(.md3-home-hero):not(.md3-home-os-section){background:var(--md-sys-color-surface-container-low)!important}app-home>section:nth-of-type(odd):not(.md3-home-hero):not(.md3-home-os-section){background:var(--md-sys-color-background)!important}app-home section:not(.md3-home-hero)>.container,app-home section:not(.md3-home-hero)>.md3-container{width:min(100% - 2rem,75rem)}app-home>section:not(.md3-home-hero) h2{color:var(--md-sys-color-on-background);font-family:var(--md-ref-typeface-brand);font-size:clamp(1.85rem,3vw,2.75rem)!important;font-weight:500!important;letter-spacing:0!important;line-height:1.12!important}app-home>section:not(.md3-home-hero) h3{color:var(--md-sys-color-on-surface);font-family:var(--md-ref-typeface-plain);font-weight:700;letter-spacing:0!important;line-height:1.22}app-home section p{color:var(--md-sys-color-on-surface-variant)}app-home>section:not(.md3-home-hero):not(.md3-home-os-section) .text-center.mb-12,app-home>section:not(.md3-home-hero):not(.md3-home-os-section) .text-center.mb-14,app-home>section:not(.md3-home-hero):not(.md3-home-os-section) .flex.mb-10{margin-bottom:clamp(1.75rem,3.5vw,2.75rem)!important}app-home article[class*=rounded-2xl],app-home article.group,app-home a[class*=rounded-xl],app-home a[class*=rounded-2xl],app-home details,app-home div[class*=rounded-2xl][class*=border],app-home section[aria-labelledby=why-matters-heading] article{border-color:var(--md-sys-color-outline-variant)!important;background:var(--md-sys-color-surface-container-low)!important;color:var(--md-sys-color-on-surface);box-shadow:none;border-radius:var(--md-sys-shape-corner-xl)!important;transition:background-color var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard),border-radius var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-emphasized),box-shadow var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard)!important}@supports (color: color-mix(in lab,red,red)){app-home article[class*=rounded-2xl],app-home article.group,app-home a[class*=rounded-xl],app-home a[class*=rounded-2xl],app-home details,app-home div[class*=rounded-2xl][class*=border],app-home section[aria-labelledby=why-matters-heading] article{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 86%,transparent)!important}}app-home article[class*=rounded-2xl]:hover,app-home article.group:hover,app-home a[class*=rounded-xl]:hover,app-home a[class*=rounded-2xl]:hover,app-home details:hover,app-home div[class*=rounded-2xl][class*=border]:hover,app-home section[aria-labelledby=why-matters-heading] article:hover{border-color:var(--md-sys-color-primary)!important;border-radius:var(--md-sys-shape-corner-xl);background:var(--md-sys-color-surface-container)!important;box-shadow:var(--md-sys-elevation-2)!important;transform:translateY(-2px)}@supports (color: color-mix(in lab,red,red)){app-home article[class*=rounded-2xl]:hover,app-home article.group:hover,app-home a[class*=rounded-xl]:hover,app-home a[class*=rounded-2xl]:hover,app-home details:hover,app-home div[class*=rounded-2xl][class*=border]:hover,app-home section[aria-labelledby=why-matters-heading] article:hover{border-color:color-mix(in srgb,var(--md-sys-color-primary) 45%,var(--md-sys-color-outline-variant))!important}}app-home article.group{overflow:hidden}app-home article.group>a,app-home article.group>a>div{border-radius:inherit!important}app-home article.group>a>div{background:var(--md-sys-color-surface-container-low)!important}app-home>section:not(.md3-home-hero):not(.md3-home-os-section) article[class*=p-7],app-home>section:not(.md3-home-hero):not(.md3-home-os-section) a[class*=p-5],app-home>section:not(.md3-home-hero):not(.md3-home-os-section) a[class*=p-6]{padding:clamp(1rem,2vw,1.5rem)!important}app-home summary{min-height:3.5rem}app-home section[aria-labelledby=why-matters-heading] .space-y-10{display:grid;gap:1rem;counter-reset:md3-why-card}@media(min-width:1024px){app-home section[aria-labelledby=why-matters-heading] .space-y-10{grid-template-columns:repeat(3,minmax(0,1fr))}}app-home section[aria-labelledby=why-matters-heading] article{position:relative;border:1px solid var(--md-sys-color-outline-variant);padding:clamp(1.25rem,3vw,2rem);padding-top:clamp(4.25rem,5vw,4.75rem)}app-home section[aria-labelledby=why-matters-heading] article:before{counter-increment:md3-why-card;content:"0" counter(md3-why-card);position:absolute;inset-block-start:1.25rem;inset-inline-start:1.25rem;display:inline-grid;min-width:2.75rem;min-height:2.75rem;place-items:center;border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);font-size:.8rem;font-weight:800;letter-spacing:.04em}app-home .bg-card,app-home .bg-card\/50,app-home .bg-card\/60{background-color:var(--md-sys-color-surface-container-low)!important}app-home .text-muted-foreground{color:var(--md-sys-color-on-surface-variant)!important}app-home .text-foreground{color:var(--md-sys-color-on-surface)!important}app-home>section:not(.md3-home-hero):not(.md3-home-os-section) [class*=bg-gradient-to-br],app-home>section:not(.md3-home-hero):not(.md3-home-os-section) [class*=bg-gradient-to-r],app-home>section:not(.md3-home-hero):not(.md3-home-os-section) [class*=bg-gradient-to-l],app-home>section:not(.md3-home-hero):not(.md3-home-os-section) [class*=bg-gradient-to-b]{background-image:none!important}app-home section[class*=bg-gradient]{background-image:none!important;border-color:var(--md-sys-color-outline-variant)!important}app-home [class*=bg-gradient-to-r][class*=bg-clip-text]{background:none!important;color:var(--md-sys-color-primary)!important;-webkit-text-fill-color:currentColor}app-home>section:not(.md3-home-hero):not(.md3-home-os-section) .inline-block.rounded-full,app-home>section:not(.md3-home-hero):not(.md3-home-os-section) span[class*=rounded-full][class*=uppercase]{min-height:2rem;border-color:var(--md-sys-color-outline-variant)!important;background:var(--md-sys-color-secondary-container)!important;color:var(--md-sys-color-on-secondary-container)!important;letter-spacing:.08em!important}app-home>section:not(.md3-home-hero):not(.md3-home-os-section) [aria-hidden=true][class*=inline-flex][class*=rounded],app-home>section:not(.md3-home-hero):not(.md3-home-os-section) article>div[class*=inline-flex][class*=rounded],app-home>section:not(.md3-home-hero):not(.md3-home-os-section) a>div[class*=inline-flex][class*=rounded]{border-radius:var(--md-sys-shape-corner-md)!important;background:var(--md-sys-color-primary-container)!important;color:var(--md-sys-color-on-primary-container)!important;box-shadow:none!important}app-home>section:not(.md3-home-hero):not(.md3-home-os-section) a:not(.md3-button-filled):not(.md3-button-tonal):not(.md3-button-outlined){text-decoration-thickness:1px;text-underline-offset:.2em}app-home a.inline-flex:not(.md3-button-filled):not(.md3-button-tonal):not(.md3-button-outlined){min-height:2.75rem;align-items:center}app-home article a.inline-flex:not(.md3-button-filled):not(.md3-button-tonal):not(.md3-button-outlined),app-home section a.inline-flex.rounded-full:not(.md3-button-filled):not(.md3-button-tonal):not(.md3-button-outlined){border-radius:var(--md-sys-shape-corner-full)!important;padding-inline:1rem}app-home article a.inline-flex:not([class*=border]):not(.md3-button-filled):not(.md3-button-tonal):not(.md3-button-outlined):hover,app-home article a.inline-flex:not([class*=border]):not(.md3-button-filled):not(.md3-button-tonal):not(.md3-button-outlined):focus-visible{background:var(--md-sys-color-primary)}@supports (color: color-mix(in lab,red,red)){app-home article a.inline-flex:not([class*=border]):not(.md3-button-filled):not(.md3-button-tonal):not(.md3-button-outlined):hover,app-home article a.inline-flex:not([class*=border]):not(.md3-button-filled):not(.md3-button-tonal):not(.md3-button-outlined):focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent)}}app-home>section:not(.md3-home-hero):not(.md3-home-os-section) [class*="hover:shadow-xl"]:hover{box-shadow:var(--md-sys-elevation-2)!important}app-home .md3-home-courses-section{background:var(--md-sys-color-surface-container-low)!important}app-home .md3-course-eyebrow{display:inline-flex!important;align-items:center;justify-content:center;border:0!important;background:var(--md-sys-color-secondary-container)!important;color:var(--md-sys-color-on-secondary-container)!important;box-shadow:inset 0 0 0 1px var(--md-sys-color-secondary)}@supports (color: color-mix(in lab,red,red)){app-home .md3-course-eyebrow{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-secondary) 28%,transparent)}}app-home .md3-course-grid{align-items:stretch}app-home .md3-course-card{--course-accent: var(--md-sys-color-primary);--course-accent-container: var(--md-sys-color-primary-container);--course-on-accent-container: var(--md-sys-color-on-primary-container);position:relative;isolation:isolate;display:flex;min-height:31rem;flex-direction:column;gap:1rem;overflow:hidden;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-xl);background:var(--md-sys-color-surface-container)!important;color:var(--md-sys-color-on-surface);padding:clamp(.875rem,1.5vw,1rem)!important;box-shadow:var(--md-sys-elevation-1);transition:background-color var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-emphasized)}@supports (color: color-mix(in lab,red,red)){app-home .md3-course-card{border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 78%,transparent)}}app-home .md3-course-card:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--course-accent);opacity:0;transition:opacity var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard)}@supports (color: color-mix(in lab,red,red)){app-home .md3-course-card:before{background:color-mix(in srgb,var(--course-accent) 10%,transparent)}}app-home .md3-course-card:hover,app-home .md3-course-card:focus-within{border-color:var(--course-accent);background:var(--md-sys-color-surface-container-high)!important;box-shadow:var(--md-sys-elevation-2)!important;transform:translateY(-2px)}@supports (color: color-mix(in lab,red,red)){app-home .md3-course-card:hover,app-home .md3-course-card:focus-within{border-color:color-mix(in srgb,var(--course-accent) 34%,var(--md-sys-color-outline-variant))}}app-home .md3-course-card:hover:before,app-home .md3-course-card:focus-within:before{opacity:1}app-home .md3-course-card-spiffe,app-home .md3-course-mini-card-spiffe{--course-accent: var(--md-sys-color-secondary);--course-accent-container: var(--md-sys-color-secondary-container);--course-on-accent-container: var(--md-sys-color-on-secondary-container)}app-home .md3-course-card-kubernetes{--course-accent: var(--md-sys-color-primary);--course-accent-container: var(--md-sys-color-primary-container);--course-on-accent-container: var(--md-sys-color-on-primary-container)}app-home .md3-course-card-rag,app-home .md3-course-mini-card-rag{--course-accent: var(--md-sys-color-tertiary);--course-accent-container: var(--md-sys-color-tertiary-container);--course-on-accent-container: var(--md-sys-color-on-tertiary-container)}app-home .md3-course-card-analytics,app-home .md3-course-mini-card-analytics{--course-accent: var(--md-sys-color-secondary);--course-accent-container: var(--md-sys-color-secondary-container);--course-on-accent-container: var(--md-sys-color-on-secondary-container)}app-home .md3-course-card-visual{display:grid;min-height:8.25rem;place-items:center;overflow:hidden;border:1px solid var(--course-accent);border-radius:calc(var(--md-sys-shape-corner-xl) - .5rem);background:linear-gradient(135deg,var(--course-accent-container),var(--course-accent));color:var(--course-on-accent-container)}@supports (color: color-mix(in lab,red,red)){app-home .md3-course-card-visual{border:1px solid color-mix(in srgb,var(--course-accent) 16%,var(--md-sys-color-outline-variant))}}@supports (color: color-mix(in lab,red,red)){app-home .md3-course-card-visual{background:linear-gradient(135deg,color-mix(in srgb,var(--course-accent-container) 78%,var(--md-sys-color-surface-container-high)),color-mix(in srgb,var(--course-accent) 14%,var(--md-sys-color-surface-container-highest)))}}app-home .md3-course-svg{width:min(100%,13rem);height:auto;overflow:visible}app-home .md3-course-svg-line,app-home .md3-course-svg-mark{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}app-home .md3-course-svg-line{stroke-width:4;opacity:.58}app-home .md3-course-svg-mark{stroke-width:5}app-home .md3-course-svg-node{fill:var(--course-accent-container);stroke:currentColor;stroke-width:4}@supports (color: color-mix(in lab,red,red)){app-home .md3-course-svg-node{fill:color-mix(in srgb,var(--course-accent-container) 78%,var(--md-sys-color-surface-container-highest))}}app-home .md3-course-svg-dot{fill:currentColor;opacity:.86}app-home .md3-course-meta{display:flex;min-height:2rem;flex-wrap:wrap;align-items:center;gap:.5rem}app-home .md3-course-chip{display:inline-flex;min-height:2rem;align-items:center;border:1px solid var(--course-accent);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);padding-inline:.75rem;font-size:.72rem;font-weight:700;letter-spacing:0;white-space:nowrap}@supports (color: color-mix(in lab,red,red)){app-home .md3-course-chip{border:1px solid color-mix(in srgb,var(--course-accent) 18%,var(--md-sys-color-outline-variant))}}app-home .md3-course-chip-strong{border-color:transparent;background:var(--course-accent-container);color:var(--course-on-accent-container);text-transform:uppercase;letter-spacing:.06em}app-home .md3-course-title{margin:0;color:var(--md-sys-color-on-surface);font-size:clamp(1.05rem,1.2vw,1.18rem);font-weight:800;line-height:1.22}app-home .md3-course-copy{margin:0 0 .5rem;color:var(--md-sys-color-on-surface-variant)!important;font-size:.9rem;line-height:1.58}app-home .md3-course-action{display:inline-flex;min-height:3.25rem;width:100%;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto;border-radius:var(--md-sys-shape-corner-full);background:var(--course-accent-container);color:var(--course-on-accent-container);padding:.75rem 1rem .75rem 1.25rem;font-size:.86rem;font-weight:800;line-height:1.2;text-decoration:none;box-shadow:none;transition:background-color var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard)}app-home .md3-course-action:hover,app-home .md3-course-action:focus-visible{background:var(--course-accent-container);color:var(--course-on-accent-container);box-shadow:var(--md-sys-elevation-1);transform:translateY(-1px)}@supports (color: color-mix(in lab,red,red)){app-home .md3-course-action:hover,app-home .md3-course-action:focus-visible{background:color-mix(in srgb,var(--course-accent-container) 84%,var(--course-accent))}}app-home .md3-course-action svg{flex:0 0 auto;transition:transform var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard)}app-home .md3-course-action:hover svg,app-home .md3-course-action:focus-visible svg{transform:translate(.125rem)}app-home .md3-course-mini-card{--course-accent: var(--md-sys-color-primary);--course-accent-container: var(--md-sys-color-primary-container);--course-on-accent-container: var(--md-sys-color-on-primary-container);position:relative;display:grid;min-height:8.25rem;align-content:start;gap:.45rem;overflow:hidden;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-lg)!important;background:var(--md-sys-color-surface-container)!important;color:var(--md-sys-color-on-surface);padding:1rem!important;text-decoration:none;box-shadow:none;transition:background-color var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard)}@supports (color: color-mix(in lab,red,red)){app-home .md3-course-mini-card{border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 78%,transparent)}}app-home .md3-course-mini-card:hover,app-home .md3-course-mini-card:focus-visible{border-color:var(--course-accent)!important;background:var(--md-sys-color-surface-container-high)!important;box-shadow:var(--md-sys-elevation-1);transform:translateY(-2px)}@supports (color: color-mix(in lab,red,red)){app-home .md3-course-mini-card:hover,app-home .md3-course-mini-card:focus-visible{border-color:color-mix(in srgb,var(--course-accent) 34%,var(--md-sys-color-outline-variant))!important}}app-home .md3-course-mini-icon{display:inline-flex;width:fit-content;min-width:2.5rem;min-height:2.25rem;align-items:center;justify-content:center;border-radius:var(--md-sys-shape-corner-md);background:var(--course-accent-container);color:var(--course-on-accent-container);padding-inline:.7rem;font-size:.72rem;font-weight:900;letter-spacing:.04em}app-home .md3-course-mini-title{margin:.35rem 0 0;color:var(--md-sys-color-on-surface);font-size:.93rem;font-weight:800;line-height:1.2}app-home .md3-course-mini-copy{margin:0;color:var(--md-sys-color-on-surface-variant)!important;font-size:.78rem;line-height:1.45}@media(max-width:767px){app-home .md3-course-card{min-height:auto;border-radius:var(--md-sys-shape-corner-lg)}app-home .md3-course-card-visual{min-height:7rem}app-home .md3-course-mini-card{min-height:9rem}}app-home .md3-section-eyebrow{display:inline-flex!important;min-height:2rem;align-items:center;justify-content:center;border:0!important;background:var(--md-sys-color-secondary-container)!important;color:var(--md-sys-color-on-secondary-container)!important;box-shadow:inset 0 0 0 1px var(--md-sys-color-secondary)}@supports (color: color-mix(in lab,red,red)){app-home .md3-section-eyebrow{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-secondary) 26%,transparent)}}app-home .md3-info-grid,app-home .md3-topic-grid,app-home .md3-post-grid{align-items:stretch}app-home .md3-info-card,app-home .md3-topic-card,app-home .md3-path-card,app-home .md3-home-post-card,app-home .md3-role-card,app-home .md3-mini-link-card,app-home .md3-why-card{--section-accent: var(--md-sys-color-primary);--section-accent-container: var(--md-sys-color-primary-container);--section-on-accent-container: var(--md-sys-color-on-primary-container);position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:var(--md-sys-shape-corner-xl)!important;background:var(--md-sys-color-surface-container)!important;color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-1);text-decoration:none;transition:background-color var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-emphasized)}@supports (color: color-mix(in lab,red,red)){app-home .md3-info-card,app-home .md3-topic-card,app-home .md3-path-card,app-home .md3-home-post-card,app-home .md3-role-card,app-home .md3-mini-link-card,app-home .md3-why-card{border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 78%,transparent)!important}}app-home .md3-info-card:before,app-home .md3-topic-card:before,app-home .md3-path-card:before,app-home .md3-home-post-card:before,app-home .md3-role-card:before,app-home .md3-mini-link-card:before,app-home .md3-why-card:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--section-accent);opacity:0;transition:opacity var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard)}@supports (color: color-mix(in lab,red,red)){app-home .md3-info-card:before,app-home .md3-topic-card:before,app-home .md3-path-card:before,app-home .md3-home-post-card:before,app-home .md3-role-card:before,app-home .md3-mini-link-card:before,app-home .md3-why-card:after{background:color-mix(in srgb,var(--section-accent) 9%,transparent)}}app-home .md3-info-card:hover,app-home .md3-info-card:focus-within,app-home .md3-topic-card:hover,app-home .md3-topic-card:focus-within,app-home .md3-path-card:hover,app-home .md3-path-card:focus-visible,app-home .md3-home-post-card:hover,app-home .md3-home-post-card:focus-within,app-home .md3-role-card:hover,app-home .md3-role-card:focus-visible,app-home .md3-mini-link-card:hover,app-home .md3-mini-link-card:focus-visible,app-home .md3-why-card:hover,app-home .md3-why-card:focus-within{border-color:var(--section-accent)!important;background:var(--md-sys-color-surface-container-high)!important;box-shadow:var(--md-sys-elevation-2)!important;transform:translateY(-2px)}@supports (color: color-mix(in lab,red,red)){app-home .md3-info-card:hover,app-home .md3-info-card:focus-within,app-home .md3-topic-card:hover,app-home .md3-topic-card:focus-within,app-home .md3-path-card:hover,app-home .md3-path-card:focus-visible,app-home .md3-home-post-card:hover,app-home .md3-home-post-card:focus-within,app-home .md3-role-card:hover,app-home .md3-role-card:focus-visible,app-home .md3-mini-link-card:hover,app-home .md3-mini-link-card:focus-visible,app-home .md3-why-card:hover,app-home .md3-why-card:focus-within{border-color:color-mix(in srgb,var(--section-accent) 34%,var(--md-sys-color-outline-variant))!important}}app-home .md3-info-card:hover:before,app-home .md3-info-card:focus-within:before,app-home .md3-topic-card:hover:before,app-home .md3-topic-card:focus-within:before,app-home .md3-path-card:hover:before,app-home .md3-path-card:focus-visible:before,app-home .md3-home-post-card:hover:before,app-home .md3-home-post-card:focus-within:before,app-home .md3-role-card:hover:before,app-home .md3-role-card:focus-visible:before,app-home .md3-mini-link-card:hover:before,app-home .md3-mini-link-card:focus-visible:before,app-home .md3-why-card:hover:after,app-home .md3-why-card:focus-within:after{opacity:1}app-home .md3-info-card-primary,app-home .md3-topic-card-primary,app-home .md3-path-card-intermediate{--section-accent: var(--md-sys-color-primary);--section-accent-container: var(--md-sys-color-primary-container);--section-on-accent-container: var(--md-sys-color-on-primary-container)}app-home .md3-info-card-secondary,app-home .md3-topic-card-secondary,app-home .md3-path-card-beginner{--section-accent: var(--md-sys-color-secondary);--section-accent-container: var(--md-sys-color-secondary-container);--section-on-accent-container: var(--md-sys-color-on-secondary-container)}app-home .md3-info-card-tertiary,app-home .md3-topic-card-tertiary,app-home .md3-path-card-advanced{--section-accent: var(--md-sys-color-tertiary);--section-accent-container: var(--md-sys-color-tertiary-container);--section-on-accent-container: var(--md-sys-color-on-tertiary-container)}app-home .md3-info-card{display:flex;min-height:20rem;flex-direction:column;padding:clamp(1.1rem,2vw,1.5rem)!important}app-home .md3-home-learning-section .md3-info-card{min-height:16.25rem}app-home .md3-home-audience-section .md3-info-card{min-height:13.5rem}app-home .md3-info-icon,app-home .md3-topic-icon,app-home .md3-role-icon{border-radius:var(--md-sys-shape-corner-md)!important;background:var(--section-accent-container)!important;color:var(--section-on-accent-container)!important;box-shadow:inset 0 0 0 1px var(--section-accent);transition:border-radius var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-emphasized),transform var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard)}@supports (color: color-mix(in lab,red,red)){app-home .md3-info-icon,app-home .md3-topic-icon,app-home .md3-role-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--section-accent) 18%,transparent)}}app-home .md3-info-card:hover .md3-info-icon,app-home .md3-topic-card:hover .md3-topic-icon,app-home .md3-role-card:hover .md3-role-icon{border-radius:var(--md-sys-shape-corner-full)!important;transform:scale(1.04)}app-home .md3-info-title,app-home .md3-topic-title,app-home .md3-mini-link-title{color:var(--md-sys-color-on-surface);line-height:1.24}app-home .md3-info-copy,app-home .md3-topic-copy,app-home .md3-mini-link-copy{color:var(--md-sys-color-on-surface-variant)!important}app-home .md3-info-action,app-home .md3-topic-action,app-home .md3-path-action{width:fit-content;min-height:2.75rem;margin-top:auto;border-radius:var(--md-sys-shape-corner-full);background:var(--section-accent-container);color:var(--section-on-accent-container)!important;padding:.55rem .9rem;text-decoration:none}@supports (color: color-mix(in lab,red,red)){app-home .md3-info-action,app-home .md3-topic-action,app-home .md3-path-action{background:color-mix(in srgb,var(--section-accent-container) 76%,transparent)}}app-home .md3-info-action:hover,app-home .md3-info-action:focus-visible,app-home .md3-topic-action:hover,app-home .md3-topic-action:focus-visible,app-home .md3-path-action:hover,app-home .md3-path-action:focus-visible{background:var(--section-accent-container);color:var(--section-on-accent-container)!important}app-home .md3-topic-card{display:flex;min-height:22rem;flex-direction:column;padding:clamp(1.1rem,2vw,1.55rem)!important}app-home .md3-topic-icon{width:4rem!important;height:4rem!important}app-home .md3-mini-link-card{display:grid;min-height:7rem;align-content:start;gap:.35rem;padding:1rem!important}app-home .md3-mini-link-card:after{content:"";position:absolute;inset-block-start:1rem;inset-inline-end:1rem;width:.65rem;height:.65rem;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary);opacity:.65}app-home .md3-path-card{display:flex;min-height:20rem;flex-direction:column;padding:clamp(1.1rem,2vw,1.5rem)!important}app-home .md3-path-badge{min-height:2rem;border-color:transparent!important;background:var(--section-accent-container)!important;color:var(--section-on-accent-container)!important;padding-inline:.85rem!important}app-home .md3-path-card ul{margin-top:auto}app-home .md3-path-card li span{background:var(--section-accent)!important}app-home .md3-home-post-card{min-height:15.5rem;background:var(--md-sys-color-surface-container)!important}app-home .md3-home-post-card-latest{min-height:16.5rem}app-home .md3-home-post-card-latest.md\:flex,app-home .md3-home-post-card-latest[class*="md:flex"]{min-height:13.75rem}app-home .md3-home-post-card>div:last-child{position:relative;z-index:1}app-home .md3-home-rank-badge{background:var(--md-sys-color-primary-container)!important;color:var(--md-sys-color-on-primary-container)!important;box-shadow:var(--md-sys-elevation-1)}app-home .md3-home-post-category{min-height:2rem;background:var(--md-sys-color-secondary-container)!important;color:var(--md-sys-color-on-secondary-container)!important;padding-inline:.75rem!important;letter-spacing:.06em}app-home .md3-home-tag-chip{min-height:1.7rem;border-color:var(--md-sys-color-outline-variant)!important;background:var(--md-sys-color-surface-container-high)!important;color:var(--md-sys-color-on-surface-variant)!important;padding-inline:.65rem!important}app-home .md3-home-card-arrow{opacity:1!important;background:var(--md-sys-color-primary-container)!important;color:var(--md-sys-color-on-primary-container)!important}app-home .md3-role-card{display:grid;min-height:9.75rem;align-content:start;justify-items:center;padding:1rem!important}app-home .md3-role-icon{width:3rem!important;height:3rem!important}app-home .md3-home-why-section .container{width:min(100% - 2rem,82rem)}app-home article.md3-info-card,app-home div.md3-info-card,app-home article.md3-topic-card,app-home a.md3-path-card,app-home div.md3-home-post-card,app-home a.md3-role-card,app-home a.md3-mini-link-card,app-home article.md3-why-card{border-color:var(--md-sys-color-outline-variant)!important;background:var(--md-sys-color-surface-container)!important;box-shadow:var(--md-sys-elevation-1)!important}@supports (color: color-mix(in lab,red,red)){app-home article.md3-info-card,app-home div.md3-info-card,app-home article.md3-topic-card,app-home a.md3-path-card,app-home div.md3-home-post-card,app-home a.md3-role-card,app-home a.md3-mini-link-card,app-home article.md3-why-card{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 78%,transparent)!important}}app-home div.md3-home-post-card[class*=rounded-2xl][class*=border],app-home section[aria-labelledby=why-matters-heading] article.md3-why-card{border-color:var(--md-sys-color-outline-variant)!important;background:var(--md-sys-color-surface-container)!important;box-shadow:var(--md-sys-elevation-1)!important}@supports (color: color-mix(in lab,red,red)){app-home div.md3-home-post-card[class*=rounded-2xl][class*=border],app-home section[aria-labelledby=why-matters-heading] article.md3-why-card{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 78%,transparent)!important}}app-home article.md3-info-card:hover,app-home div.md3-info-card:hover,app-home article.md3-info-card:focus-within,app-home div.md3-info-card:focus-within,app-home article.md3-topic-card:hover,app-home article.md3-topic-card:focus-within,app-home a.md3-path-card:hover,app-home a.md3-path-card:focus-visible,app-home div.md3-home-post-card:hover,app-home div.md3-home-post-card:focus-within,app-home a.md3-role-card:hover,app-home a.md3-role-card:focus-visible,app-home a.md3-mini-link-card:hover,app-home a.md3-mini-link-card:focus-visible,app-home article.md3-why-card:hover,app-home article.md3-why-card:focus-within{border-color:var(--section-accent, var(--md-sys-color-primary))!important;background:var(--md-sys-color-surface-container-high)!important;box-shadow:var(--md-sys-elevation-2)!important}@supports (color: color-mix(in lab,red,red)){app-home article.md3-info-card:hover,app-home div.md3-info-card:hover,app-home article.md3-info-card:focus-within,app-home div.md3-info-card:focus-within,app-home article.md3-topic-card:hover,app-home article.md3-topic-card:focus-within,app-home a.md3-path-card:hover,app-home a.md3-path-card:focus-visible,app-home div.md3-home-post-card:hover,app-home div.md3-home-post-card:focus-within,app-home a.md3-role-card:hover,app-home a.md3-role-card:focus-visible,app-home a.md3-mini-link-card:hover,app-home a.md3-mini-link-card:focus-visible,app-home article.md3-why-card:hover,app-home article.md3-why-card:focus-within{border-color:color-mix(in srgb,var(--section-accent, var(--md-sys-color-primary)) 34%,var(--md-sys-color-outline-variant))!important}}app-home div.md3-home-post-card[class*=rounded-2xl][class*=border]:hover,app-home div.md3-home-post-card[class*=rounded-2xl][class*=border]:focus-within,app-home section[aria-labelledby=why-matters-heading] article.md3-why-card:hover,app-home section[aria-labelledby=why-matters-heading] article.md3-why-card:focus-within{border-color:var(--section-accent, var(--md-sys-color-primary))!important;background:var(--md-sys-color-surface-container-high)!important;box-shadow:var(--md-sys-elevation-2)!important}@supports (color: color-mix(in lab,red,red)){app-home div.md3-home-post-card[class*=rounded-2xl][class*=border]:hover,app-home div.md3-home-post-card[class*=rounded-2xl][class*=border]:focus-within,app-home section[aria-labelledby=why-matters-heading] article.md3-why-card:hover,app-home section[aria-labelledby=why-matters-heading] article.md3-why-card:focus-within{border-color:color-mix(in srgb,var(--section-accent, var(--md-sys-color-primary)) 34%,var(--md-sys-color-outline-variant))!important}}app-home .md3-why-grid{display:grid!important;gap:1rem;counter-reset:md3-why-card}@media(min-width:900px){app-home .md3-why-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}app-home .md3-why-card{padding:clamp(4.25rem,5vw,4.75rem) clamp(1.25rem,2vw,1.75rem) clamp(1.25rem,2vw,1.75rem)!important}app-home .md3-why-card h3{font-size:clamp(1.1rem,1.5vw,1.45rem)!important;line-height:1.22!important}app-home .md3-why-card p{font-size:.95rem;line-height:1.72}@media(max-width:767px){app-home .md3-info-card,app-home .md3-topic-card,app-home .md3-path-card,app-home .md3-home-post-card{min-height:auto;border-radius:var(--md-sys-shape-corner-lg)!important}app-home .md3-role-card{min-height:10.5rem}}app-home .md3-home-proof-panel{border-radius:var(--md-sys-shape-corner-xl);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);padding:clamp(1.5rem,4vw,3rem);box-shadow:var(--md-sys-elevation-1)}app-home>section:not(.md3-home-hero):not(.md3-home-os-section) .md3-home-proof-panel h2,app-home>section:not(.md3-home-hero):not(.md3-home-os-section) .md3-home-support-panel h2,app-home>section[aria-labelledby=trending-tags-heading] h2,app-home>section:not(.md3-home-hero):not(.md3-home-os-section)>.container.max-w-3xl h2{font-size:clamp(1.75rem,3vw,2.6rem)!important}app-home>section:not(.md3-home-hero):not(.md3-home-os-section) .md3-home-external-panel h2{font-size:clamp(1.35rem,2.2vw,2rem)!important;line-height:1.15!important}app-home .md3-home-proof-metric{border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-surface-container-low);padding:1rem}app-home .md3-home-proof-number{color:var(--md-sys-color-primary)!important;font-size:clamp(2rem,4vw,3.25rem)!important;font-weight:600!important;letter-spacing:0!important}app-home>section:not(.md3-home-hero):not(.md3-home-os-section) .md3-home-author-heading{font-size:clamp(1.5rem,2vw,2rem)!important;line-height:1.18!important}app-home .md3-home-topic-chip{min-height:2.75rem;border-color:var(--md-sys-color-outline-variant)!important;background:var(--md-sys-color-surface-container-low)!important;color:var(--md-sys-color-on-surface-variant)!important;border-radius:var(--md-sys-shape-corner-full)!important;box-shadow:none!important}@supports (color: color-mix(in lab,red,red)){app-home .md3-home-topic-chip{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 86%,transparent)!important}}app-home .md3-home-topic-chip:hover,app-home .md3-home-topic-chip:focus-visible{border-color:var(--md-sys-color-primary)!important;background:var(--md-sys-color-secondary-container)!important;color:var(--md-sys-color-on-secondary-container)!important;box-shadow:var(--md-sys-elevation-1)!important;transform:translateY(-1px)}@supports (color: color-mix(in lab,red,red)){app-home .md3-home-topic-chip:hover,app-home .md3-home-topic-chip:focus-visible{border-color:color-mix(in srgb,var(--md-sys-color-primary) 44%,var(--md-sys-color-outline-variant))!important}}app-home .md3-home-topic-count{display:inline-grid;min-width:1.5rem;min-height:1.5rem;place-items:center;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)!important;font-weight:700}@supports (color: color-mix(in lab,red,red)){app-home .md3-home-topic-count{background:color-mix(in srgb,var(--md-sys-color-primary-container) 72%,transparent)}}app-home .md3-home-support-panel{position:relative;overflow:hidden;border-radius:var(--md-sys-shape-corner-xl);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);padding:clamp(1.75rem,4vw,3.5rem);box-shadow:var(--md-sys-elevation-1)}app-home .md3-home-support-icon{display:inline-flex;width:4rem;height:4rem;align-items:center;justify-content:center;border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}app-home .md3-home-external-panel{--external-accent: var(--md-sys-color-primary);--external-on-accent: var(--md-sys-color-on-primary);--external-container: var(--md-sys-color-primary-container);--external-on-container: var(--md-sys-color-on-primary-container);position:relative;isolation:isolate;display:flex;min-height:28rem;overflow:hidden;border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:var(--md-sys-shape-corner-xl)!important;background:linear-gradient(145deg,var(--md-sys-color-surface-container) 0%,var(--external-container) 100%)!important;padding:clamp(1.5rem,3vw,2rem)!important;box-shadow:var(--md-sys-elevation-1)!important;transition:var(--md-sys-motion-transition-container)}@supports (color: color-mix(in lab,red,red)){app-home .md3-home-external-panel{border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 86%,var(--external-accent))!important}}@supports (color: color-mix(in lab,red,red)){app-home .md3-home-external-panel{background:linear-gradient(145deg,var(--md-sys-color-surface-container) 0%,color-mix(in srgb,var(--external-container) 12%,var(--md-sys-color-surface-container)) 100%)!important}}app-home .md3-home-external-panel-youtube{--external-accent: var(--md-sys-color-error);--external-on-accent: var(--md-sys-color-on-error);--external-container: var(--md-sys-color-error-container);--external-on-container: var(--md-sys-color-on-error-container)}app-home .md3-home-external-panel-spotify{--external-accent: var(--md-sys-color-secondary);--external-on-accent: var(--md-sys-color-on-secondary);--external-container: var(--md-sys-color-secondary-container);--external-on-container: var(--md-sys-color-on-secondary-container)}app-home .md3-home-external-panel:before,app-home .md3-home-external-panel:after{content:"";position:absolute;inset:0;pointer-events:none}app-home .md3-home-external-panel:before{z-index:-2;background:radial-gradient(circle at 84% 14%,var(--external-container),transparent 36%),linear-gradient(120deg,transparent 0 58%,var(--external-container) 58% 100%);opacity:.82}@supports (color: color-mix(in lab,red,red)){app-home .md3-home-external-panel:before{background:radial-gradient(circle at 84% 14%,color-mix(in srgb,var(--external-container) 46%,transparent),transparent 36%),linear-gradient(120deg,transparent 0 58%,color-mix(in srgb,var(--external-container) 26%,transparent) 58% 100%)}}app-home .md3-home-external-panel:after{z-index:-1;background:var(--external-accent);opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}app-home .md3-home-external-panel:hover,app-home .md3-home-external-panel:focus-within{transform:translateY(-2px);border-color:var(--external-accent)!important;box-shadow:var(--md-sys-elevation-2)!important}@supports (color: color-mix(in lab,red,red)){app-home .md3-home-external-panel:hover,app-home .md3-home-external-panel:focus-within{border-color:color-mix(in srgb,var(--external-accent) 48%,var(--md-sys-color-outline-variant))!important}}app-home .md3-home-external-panel:hover:after,app-home .md3-home-external-panel:focus-within:after{opacity:.055}app-home .md3-external-content{position:relative;z-index:1;display:flex;width:100%;min-height:100%;flex-direction:column;gap:1.15rem}app-home .md3-external-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem}app-home .md3-external-icon{display:inline-flex;width:4rem;height:4rem;align-items:center;justify-content:center;flex:none;border-radius:var(--md-sys-shape-corner-lg);background:var(--external-container);color:var(--external-on-container);box-shadow:inset 0 0 0 1px var(--external-accent);transition:transform var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard)}@supports (color: color-mix(in lab,red,red)){app-home .md3-external-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--external-accent) 20%,transparent)}}app-home .md3-home-external-panel:hover .md3-external-icon,app-home .md3-home-external-panel:focus-within .md3-external-icon{transform:scale(1.04);box-shadow:inset 0 0 0 1px var(--external-accent),var(--md-sys-elevation-1)}@supports (color: color-mix(in lab,red,red)){app-home .md3-home-external-panel:hover .md3-external-icon,app-home .md3-home-external-panel:focus-within .md3-external-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--external-accent) 28%,transparent),var(--md-sys-elevation-1)}}app-home .md3-external-kicker{color:var(--external-accent);font-size:.75rem;font-weight:800;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}app-home .md3-external-copy{max-width:34rem;color:var(--md-sys-color-on-surface-variant);font-size:1rem;line-height:1.65}app-home .md3-external-visual{position:relative;display:flex;min-height:9rem;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--external-accent);border-radius:calc(var(--md-sys-shape-corner-xl) - .5rem);background:linear-gradient(135deg,var(--external-container),var(--md-sys-color-surface-container-high))}@supports (color: color-mix(in lab,red,red)){app-home .md3-external-visual{border:1px solid color-mix(in srgb,var(--external-accent) 18%,var(--md-sys-color-outline-variant))}}@supports (color: color-mix(in lab,red,red)){app-home .md3-external-visual{background:linear-gradient(135deg,color-mix(in srgb,var(--external-container) 28%,var(--md-sys-color-surface-container-high)),var(--md-sys-color-surface-container-high))}}app-home .md3-external-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,var(--external-accent) 1px,transparent 1px),linear-gradient(0deg,var(--external-accent) 1px,transparent 1px);background-size:36px 36px;opacity:.52}@supports (color: color-mix(in lab,red,red)){app-home .md3-external-visual:before{background-image:linear-gradient(90deg,color-mix(in srgb,var(--external-accent) 14%,transparent) 1px,transparent 1px),linear-gradient(0deg,color-mix(in srgb,var(--external-accent) 10%,transparent) 1px,transparent 1px)}}app-home .md3-video-card{position:absolute;border:1px solid var(--external-accent);border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-surface-container-highest);box-shadow:var(--md-sys-elevation-1)}@supports (color: color-mix(in lab,red,red)){app-home .md3-video-card{border:1px solid color-mix(in srgb,var(--external-accent) 18%,var(--md-sys-color-outline-variant))}}@supports (color: color-mix(in lab,red,red)){app-home .md3-video-card{background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 88%,var(--external-container))}}app-home .md3-video-card-back{right:9%;top:18%;display:grid;width:45%;height:58%;gap:.5rem;padding:1rem;opacity:.58;transform:rotate(3deg)}app-home .md3-video-card-back span,app-home .md3-video-lines span,app-home .md3-video-toolbar span{display:block;border-radius:var(--md-sys-shape-corner-full);background:var(--external-accent)}@supports (color: color-mix(in lab,red,red)){app-home .md3-video-card-back span,app-home .md3-video-lines span,app-home .md3-video-toolbar span{background:color-mix(in srgb,var(--external-accent) 32%,var(--md-sys-color-outline-variant))}}app-home .md3-video-card-back span:nth-child(2){width:72%}app-home .md3-video-card-back span:nth-child(3){width:52%}app-home .md3-video-card-front{left:8%;top:14%;width:68%;height:72%;padding:.85rem}app-home .md3-video-toolbar{display:flex;gap:.35rem}app-home .md3-video-toolbar span{width:.48rem;height:.48rem}app-home .md3-video-play{position:absolute;left:50%;top:48%;display:inline-flex;width:3.65rem;height:3.65rem;align-items:center;justify-content:center;border-radius:var(--md-sys-shape-corner-full);background:var(--external-accent);color:var(--external-on-accent);box-shadow:var(--md-sys-elevation-2);transform:translate(-50%,-50%);transition:transform var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard)}app-home .md3-home-external-panel:hover .md3-video-play,app-home .md3-home-external-panel:focus-within .md3-video-play{transform:translate(-50%,-50%) scale(1.06)}app-home .md3-video-lines{position:absolute;bottom:.95rem;left:.95rem;right:.95rem;display:grid;gap:.45rem}app-home .md3-video-lines span{height:.42rem}app-home .md3-video-lines span:nth-child(2){width:62%}app-home .md3-audio-shell{position:relative;z-index:1;display:grid;width:min(100%,22rem);gap:1rem;border:1px solid var(--external-accent);border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-surface-container-highest);padding:1rem;box-shadow:var(--md-sys-elevation-1)}@supports (color: color-mix(in lab,red,red)){app-home .md3-audio-shell{border:1px solid color-mix(in srgb,var(--external-accent) 20%,var(--md-sys-color-outline-variant))}}@supports (color: color-mix(in lab,red,red)){app-home .md3-audio-shell{background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 88%,var(--external-container))}}app-home .md3-audio-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}app-home .md3-audio-meta span:first-child{color:var(--external-accent)}app-home .md3-audio-wave{display:grid;height:4.75rem;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:.55rem}app-home .md3-audio-wave span{min-height:1.25rem;height:var(--bar-height);border-radius:var(--md-sys-shape-corner-full);background:linear-gradient(180deg,var(--external-accent),var(--external-accent));animation:md3-audio-wave 2.4s var(--md-sys-motion-easing-standard) infinite;animation-delay:calc(var(--bar-height) * -.018)}@supports (color: color-mix(in lab,red,red)){app-home .md3-audio-wave span{background:linear-gradient(180deg,var(--external-accent),color-mix(in srgb,var(--external-accent) 46%,var(--external-container)))}}app-home .md3-external-topic-list{border:1px solid var(--external-accent);border-radius:var(--md-sys-shape-corner-lg);background:var(--external-container);padding:1rem}@supports (color: color-mix(in lab,red,red)){app-home .md3-external-topic-list{border:1px solid color-mix(in srgb,var(--external-accent) 18%,var(--md-sys-color-outline-variant))}}@supports (color: color-mix(in lab,red,red)){app-home .md3-external-topic-list{background:color-mix(in srgb,var(--external-container) 18%,var(--md-sys-color-surface-container-high))}}app-home .md3-external-topic-list p{color:var(--md-sys-color-on-surface);font-size:.75rem;font-weight:800;letter-spacing:.06em;line-height:1.2;text-transform:uppercase}app-home .md3-external-topic-list ul{display:grid;gap:.55rem;margin:.8rem 0 0;padding:0;list-style:none}app-home .md3-external-topic-list li{position:relative;padding-left:1rem;color:var(--md-sys-color-on-surface-variant);font-size:.9rem;font-weight:650;line-height:1.4}app-home .md3-external-topic-list li:before{content:"";position:absolute;left:0;top:.58em;width:.38rem;height:.38rem;border-radius:var(--md-sys-shape-corner-full);background:var(--external-accent)}app-home .md3-external-action{display:inline-flex;width:fit-content;min-height:44px;touch-action:manipulation;align-items:center;justify-content:center;gap:.55rem;margin-top:auto;border-radius:var(--md-sys-shape-corner-full);background:var(--external-accent);color:var(--external-on-accent);padding:.78rem 1.35rem;font-size:.9rem;font-weight:800;line-height:1.2;text-decoration:none;box-shadow:var(--md-sys-elevation-1);transition:transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard),opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}app-home .md3-external-action:hover{transform:translateY(-1px);box-shadow:var(--md-sys-elevation-2)}app-home .md3-external-action:active{transform:scale(.98)}app-home .md3-external-action svg{transition:transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}app-home .md3-external-action:hover svg{transform:translate(2px,-2px)}@keyframes md3-audio-wave{0%,to{transform:scaleY(.82);opacity:.72}50%{transform:scaleY(1);opacity:1}}@media(max-width:640px){app-home .md3-home-external-panel{min-height:auto}app-home .md3-external-head{grid-template-columns:1fr}app-home .md3-external-icon{width:3.5rem;height:3.5rem}}.md3-home-os-section{position:relative;overflow:hidden;border-block:1px solid var(--md-sys-color-outline-variant);background:linear-gradient(135deg,var(--md-sys-color-primary-container),transparent 36%),linear-gradient(315deg,var(--md-sys-color-secondary-container),transparent 42%),var(--md-sys-color-surface-container-low)!important}@supports (color: color-mix(in lab,red,red)){.md3-home-os-section{background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary-container) 44%,transparent),transparent 36%),linear-gradient(315deg,color-mix(in srgb,var(--md-sys-color-secondary-container) 30%,transparent),transparent 42%),var(--md-sys-color-surface-container-low)!important}}.md3-home-os-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--md-sys-color-outline-variant) 1px,transparent 1px),linear-gradient(0deg,var(--md-sys-color-outline-variant) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle at 52% 38%,black,transparent 72%);mask-image:radial-gradient(circle at 52% 38%,black,transparent 72%);opacity:.28}@supports (color: color-mix(in lab,red,red)){.md3-home-os-section:before{background:linear-gradient(90deg,color-mix(in srgb,var(--md-sys-color-outline-variant) 58%,transparent) 1px,transparent 1px),linear-gradient(0deg,color-mix(in srgb,var(--md-sys-color-outline-variant) 48%,transparent) 1px,transparent 1px)}}.md3-home-os-grid{position:relative;z-index:1;display:grid;align-items:stretch;gap:clamp(1rem,3vw,2rem)}@media(min-width:1024px){.md3-home-os-grid{grid-template-columns:minmax(0,1fr) minmax(24rem,.95fr)}}.md3-home-os-copy,.md3-home-pathway-visual,.md3-home-flow-card{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-1)}@supports (color: color-mix(in lab,red,red)){.md3-home-os-copy,.md3-home-pathway-visual,.md3-home-flow-card{background:color-mix(in srgb,var(--md-sys-color-surface-container) 94%,transparent)}}.md3-home-os-copy{border-radius:var(--md-sys-shape-corner-xl);padding:clamp(1.5rem,4vw,3rem)}.md3-home-section-kicker{display:inline-flex;min-height:2rem;align-items:center;border-radius:999px;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);padding-inline:.9rem;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.md3-home-os-copy h2{margin-top:1.25rem;max-width:14ch;font-size:clamp(2rem,3.4vw,3.25rem)!important;line-height:1.08!important}.md3-home-os-copy p{margin-top:1.25rem;max-width:45rem;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.75}.md3-home-os-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.md3-home-pathway-visual{position:relative;min-height:clamp(19rem,30vw,26rem);overflow:hidden;border-radius:var(--md-sys-shape-corner-xl);background:radial-gradient(circle at 24% 24%,var(--md-sys-color-primary),transparent 24%),radial-gradient(circle at 78% 70%,var(--md-sys-color-secondary),transparent 28%),var(--md-sys-color-surface-container-high)}@supports (color: color-mix(in lab,red,red)){.md3-home-pathway-visual{background:radial-gradient(circle at 24% 24%,color-mix(in srgb,var(--md-sys-color-primary) 18%,transparent),transparent 24%),radial-gradient(circle at 78% 70%,color-mix(in srgb,var(--md-sys-color-secondary) 16%,transparent),transparent 28%),var(--md-sys-color-surface-container-high)}}.md3-home-pathway-visual svg{position:absolute;inset:0;width:100%;height:100%}.md3-home-pathway-line{fill:none;stroke:url(#homePathwayGradient);stroke-width:10;stroke-linecap:round;stroke-dasharray:18 18;opacity:.84;animation:md3-home-path-dash 7s linear infinite}.md3-home-pathway-line-alt{opacity:.36;animation-direction:reverse}@keyframes md3-home-path-dash{to{stroke-dashoffset:-144}}.md3-home-pathway-node circle{fill:var(--md-sys-color-surface-container-highest);stroke:var(--md-sys-color-primary);stroke-width:3;filter:drop-shadow(0 8px 16px var(--md-sys-color-shadow))}@supports (color: color-mix(in lab,red,red)){.md3-home-pathway-node circle{stroke:color-mix(in srgb,var(--md-sys-color-primary) 55%,var(--md-sys-color-outline-variant))}}@supports (color: color-mix(in lab,red,red)){.md3-home-pathway-node circle{filter:drop-shadow(0 8px 16px color-mix(in srgb,var(--md-sys-color-shadow) 18%,transparent))}}.md3-home-pathway-node text{fill:var(--md-sys-color-on-surface);font-family:var(--md-ref-typeface-plain);font-size:.82rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.md3-home-pathway-node-a{animation:md3-node-float 5.5s var(--md-sys-motion-easing-standard) infinite}.md3-home-pathway-node-b{animation:md3-node-float 5.5s var(--md-sys-motion-easing-standard) .45s infinite}.md3-home-pathway-node-c{animation:md3-node-float 5.5s var(--md-sys-motion-easing-standard) .9s infinite}.md3-home-pathway-node-d{animation:md3-node-float 5.5s var(--md-sys-motion-easing-standard) 1.35s infinite}.md3-home-signal-card{position:absolute;display:grid;gap:.25rem;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-surface-container-highest);padding:.9rem 1rem;box-shadow:var(--md-sys-elevation-2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}@supports (color: color-mix(in lab,red,red)){.md3-home-signal-card{border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent)}}@supports (color: color-mix(in lab,red,red)){.md3-home-signal-card{background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 88%,transparent)}}.md3-home-signal-card span{color:var(--md-sys-color-outline);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.md3-home-signal-card strong{color:var(--md-sys-color-on-surface);font-size:.95rem;font-weight:700}.md3-home-signal-card-a{inset-block-start:1.25rem;inset-inline-start:1.25rem}.md3-home-signal-card-b{inset-block-end:1.25rem;inset-inline-end:1.25rem}.md3-home-flow-grid{position:relative;z-index:1;display:grid;gap:.75rem;margin-top:clamp(1rem,2.5vw,1.5rem)}@media(min-width:768px){.md3-home-flow-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.md3-home-flow-card{display:flex;min-height:12rem;flex-direction:column;gap:.75rem;border-radius:var(--md-sys-shape-corner-lg);overflow:hidden;border-color:var(--md-sys-color-outline-variant)!important;background:var(--md-sys-color-surface-container)!important;padding:1rem;text-decoration:none;transition:background-color var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard)}@supports (color: color-mix(in lab,red,red)){.md3-home-flow-card{background:color-mix(in srgb,var(--md-sys-color-surface-container) 94%,transparent)!important}}.md3-home-flow-card:hover,.md3-home-flow-card[open]{border-color:var(--md-sys-color-primary)!important;background:var(--md-sys-color-surface-container-high)!important;box-shadow:var(--md-sys-elevation-2)!important;transform:translateY(-2px)!important}@supports (color: color-mix(in lab,red,red)){.md3-home-flow-card:hover,.md3-home-flow-card[open]{border-color:color-mix(in srgb,var(--md-sys-color-primary) 48%,var(--md-sys-color-outline-variant))!important}}.md3-home-flow-card-icon{display:inline-flex;width:3rem;height:3rem;flex:0 0 auto;align-items:center;justify-content:center;border-radius:var(--md-sys-shape-corner-md);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);transition:border-radius var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-emphasized),background-color var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard)}.md3-home-flow-card:hover .md3-home-flow-card-icon,.md3-home-flow-card:focus-visible .md3-home-flow-card-icon{border-radius:999px;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.md3-home-flow-card-title{color:var(--md-sys-color-on-surface);font-size:1rem;font-weight:800;line-height:1.25}.md3-home-flow-card-copy{color:var(--md-sys-color-on-surface-variant);font-size:.9rem;font-weight:500;line-height:1.6}.md3-home-flow-card-action{display:inline-flex;min-height:2.75rem;align-items:center;gap:.4rem;margin-top:auto;color:var(--md-sys-color-primary);font-size:.85rem;font-weight:800}.md3-home-flow-card-action svg{transition:transform var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-emphasized)}.md3-home-flow-card:hover .md3-home-flow-card-action svg,.md3-home-flow-card:focus-visible .md3-home-flow-card-action svg{transform:translate(.2rem)}.md3-home-flow-card summary{display:flex;min-height:4rem;cursor:pointer;list-style:none;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;color:var(--md-sys-color-on-surface);font-weight:800}.md3-home-flow-card summary::-webkit-details-marker{display:none}.md3-home-flow-card summary svg{flex:none;color:var(--md-sys-color-primary);transition:transform var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-emphasized)}.md3-home-flow-card[open] summary svg{transform:rotate(180deg)}.md3-home-flow-card p{padding:0 1rem .5rem;font-size:.9rem;line-height:1.65}.md3-home-flow-card a{display:inline-flex;min-height:2.75rem;align-items:center;margin:.25rem 1rem 1rem;border-radius:999px;color:var(--md-sys-color-primary);font-size:.85rem;font-weight:800;text-decoration:none}.md3-button-filled,.md3-button-tonal,.md3-button-outlined{position:relative;display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:700;line-height:1.25;text-decoration:none;overflow:hidden;isolation:isolate;transition:var(--md-sys-motion-transition-state),box-shadow var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.md3-button-filled:after,.md3-button-tonal:after,.md3-button-outlined:after,.md3-icon-button:after,.md3-search-button:after,.md3-rail-fab:after,.md3-rail-icon-button:after,.md3-rail-icon:after,.md3-mobile-link:after,.md3-chip:after,.md3-chip-selected:after,.md3-search-result-item:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at center,currentColor 0 14%,transparent 58%);opacity:0;pointer-events:none;transform:scale(.12)}.md3-button-filled:active:after,.md3-button-tonal:active:after,.md3-button-outlined:active:after,.md3-icon-button:active:after,.md3-search-button:active:after,.md3-rail-fab:active:after,.md3-rail-icon-button:active:after,.md3-rail-link:active .md3-rail-icon:after,.md3-mobile-link:active:after,.md3-chip:active:after,.md3-chip-selected:active:after,.md3-search-result-item:active:after{animation:md3-ripple-press var(--md-sys-motion-duration-long-1) var(--md-sys-motion-easing-emphasized-decelerate)}.md3-button-filled{border:1px solid var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:var(--md-sys-elevation-1)}.md3-button-filled:hover{box-shadow:var(--md-sys-elevation-2);transform:translateY(-1px)}.md3-button-tonal{border:1px solid transparent;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.md3-button-tonal:hover{background:var(--md-sys-color-secondary-container)}@supports (color: color-mix(in lab,red,red)){.md3-button-tonal:hover{background:color-mix(in srgb,var(--md-sys-color-secondary-container) 82%,var(--md-sys-color-on-secondary-container))}}.md3-button-outlined{border:1px solid var(--md-sys-color-outline);background:transparent;color:var(--md-sys-color-primary)}.md3-button-outlined:hover{background:var(--md-sys-color-primary)}@supports (color: color-mix(in lab,red,red)){.md3-button-outlined:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent)}}@media(max-width:1599px)and (min-width:1024px){.md3-button-large{min-height:3.4rem;gap:.4rem;padding-inline:.8rem;font-size:.82rem}}.md3-chip,.md3-chip-selected{position:relative;display:inline-flex;min-height:44px;align-items:center;gap:.375rem;border-radius:var(--md-sys-shape-corner-full);padding:.375rem .875rem;font-size:.75rem;font-weight:700;line-height:1.1;overflow:hidden;isolation:isolate}.md3-chip{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant)}.md3-chip-selected{border:1px solid var(--md-sys-color-primary-container);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.md3-status-dot-wrap{position:relative;display:inline-flex;width:.5rem;height:.5rem}.md3-status-dot-ping,.md3-status-dot{position:absolute;inset:0;border-radius:999px;background:var(--md-sys-color-primary)}.md3-status-dot-ping{opacity:.34;animation:ping 1.5s var(--md-sys-motion-easing-standard-decelerate) infinite}.md3-callout{border:1px solid var(--md-sys-color-outline-variant);border-left:.375rem solid var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-md);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);padding:1rem 1.25rem}.md3-code-block{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-md);background:var(--cs-color-code-surface);color:var(--cs-color-on-code-surface);padding:1rem;overflow-x:auto}.md3-page-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--md-sys-color-outline-variant);background:linear-gradient(135deg,var(--md-sys-color-surface-container-low),var(--md-sys-color-surface-container))}.md3-page-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--md-sys-color-primary) 1px,transparent 1px),linear-gradient(0deg,var(--md-sys-color-primary) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,black,transparent 72%);mask-image:linear-gradient(180deg,black,transparent 72%);opacity:.45}@supports (color: color-mix(in lab,red,red)){.md3-page-hero:before{background:linear-gradient(90deg,color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent) 1px,transparent 1px),linear-gradient(0deg,color-mix(in srgb,var(--md-sys-color-primary) 6%,transparent) 1px,transparent 1px)}}app-blog-list{display:block;background:var(--md-sys-color-background);color:var(--md-sys-color-on-background)}app-blog-list .md3-blog-page{min-height:100%;background:linear-gradient(180deg,var(--md-sys-color-primary),transparent 34rem),var(--md-sys-color-background)}@supports (color: color-mix(in lab,red,red)){app-blog-list .md3-blog-page{background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary) 4%,transparent),transparent 34rem),var(--md-sys-color-background)}}app-blog-list .md3-blog-hero{background:radial-gradient(circle at 16% 18%,var(--md-sys-color-primary-container),transparent 24rem),radial-gradient(circle at 86% 16%,var(--md-sys-color-secondary-container),transparent 22rem),linear-gradient(135deg,var(--md-sys-color-surface-container-low),var(--md-sys-color-surface-container))}@supports (color: color-mix(in lab,red,red)){app-blog-list .md3-blog-hero{background:radial-gradient(circle at 16% 18%,color-mix(in srgb,var(--md-sys-color-primary-container) 54%,transparent),transparent 24rem),radial-gradient(circle at 86% 16%,color-mix(in srgb,var(--md-sys-color-secondary-container) 34%,transparent),transparent 22rem),linear-gradient(135deg,var(--md-sys-color-surface-container-low),var(--md-sys-color-surface-container))}}app-blog-list .md3-blog-hero-inner,app-blog-list .md3-blog-container{position:relative;z-index:1;width:min(100% - 2rem,1180px);margin-inline:auto}app-blog-list .md3-blog-hero-inner{padding-block:2.5rem 3rem}app-blog-list .md3-blog-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1.25rem;padding:0;list-style:none;color:var(--md-sys-color-on-surface-variant);font-size:.875rem;font-weight:600}app-blog-list .md3-blog-breadcrumb a,app-blog-list .md3-blog-tag-row a,app-blog-list .md3-blog-topic-stack a,app-blog-list .md3-blog-category-pill,app-blog-list .md3-blog-read-link,app-blog-list .md3-blog-slide-link,app-blog-list .md3-blog-text-action{text-decoration:none}app-blog-list .md3-blog-breadcrumb a{display:inline-flex;min-height:44px;align-items:center;color:var(--md-sys-color-primary)}app-blog-list .md3-blog-hero-grid{display:grid;gap:1.5rem}app-blog-list .md3-blog-hero-copy{max-width:760px}app-blog-list .md3-blog-kicker,app-blog-list .md3-blog-section-label{margin:0 0 .75rem;color:var(--md-sys-color-secondary);font-size:.75rem;font-weight:800;line-height:1.2;text-transform:uppercase}app-blog-list .md3-blog-hero h1{margin:0;max-width:780px;color:var(--md-sys-color-on-surface);font-family:var(--md-ref-typeface-brand);font-size:4rem;font-weight:500;line-height:.98}app-blog-list .md3-blog-hero-lede{margin:1.5rem 0 0;max-width:720px;color:var(--md-sys-color-on-surface-variant);font-size:1.25rem;line-height:1.65}app-blog-list .md3-blog-hero-actions,app-blog-list .md3-blog-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}app-blog-list .md3-blog-hero-actions{margin-top:2rem}app-blog-list .md3-blog-hero-panel{align-self:start;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-xl);background:var(--md-sys-color-surface-container-high);box-shadow:var(--md-sys-elevation-2);padding:1.25rem}@supports (color: color-mix(in lab,red,red)){app-blog-list .md3-blog-hero-panel{border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent)}}@supports (color: color-mix(in lab,red,red)){app-blog-list .md3-blog-hero-panel{background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 88%,transparent)}}app-blog-list .md3-blog-panel-header,app-blog-list .md3-blog-filter-header,app-blog-list .md3-blog-section-header,app-blog-list .md3-blog-meta-row{display:flex;align-items:center}app-blog-list .md3-blog-panel-header,app-blog-list .md3-blog-filter-header,app-blog-list .md3-blog-section-header{justify-content:space-between;gap:1rem}app-blog-list .md3-blog-panel-header p,app-blog-list .md3-blog-panel-header span{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:.875rem;font-weight:700}app-blog-list .md3-blog-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}app-blog-list .md3-blog-metric-grid div{min-height:6.25rem;border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);padding:1rem}app-blog-list .md3-blog-metric-grid div:nth-child(2){background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}app-blog-list .md3-blog-metric-grid strong{display:block;font-size:2.5rem;font-weight:600;line-height:1}app-blog-list .md3-blog-metric-grid span{display:block;margin-top:.5rem;font-size:.875rem;font-weight:700}app-blog-list .md3-blog-topic-stack{display:grid;gap:.5rem;margin-top:1rem}app-blog-list .md3-blog-topic-stack a{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:.75rem;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);padding:.55rem .85rem .55rem 1rem;transition:background-color var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard)}app-blog-list .md3-blog-topic-stack a:hover,app-blog-list .md3-blog-topic-stack a:focus-visible{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);transform:translate(.125rem)}app-blog-list .md3-blog-topic-stack strong{display:inline-grid;min-width:2rem;height:2rem;place-items:center;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);color:currentColor;font-size:.8rem}@supports (color: color-mix(in lab,red,red)){app-blog-list .md3-blog-topic-stack strong{background:color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent)}}app-blog-list .md3-blog-section,app-blog-list .md3-blog-filter-section{padding-block:3.5rem;border-bottom:1px solid var(--md-sys-color-outline-variant)}app-blog-list .md3-blog-featured-section{padding-block:3rem}app-blog-list .md3-blog-section-alt{background:var(--md-sys-color-surface-container-low)}@supports (color: color-mix(in lab,red,red)){app-blog-list .md3-blog-section-alt{background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 46%,transparent)}}app-blog-list .md3-blog-section-header{margin-bottom:1.5rem}app-blog-list .md3-blog-section-header h2,app-blog-list .md3-blog-filter-header h2{margin:0;color:var(--md-sys-color-on-surface);font-family:var(--md-ref-typeface-brand);font-size:2.5rem;font-weight:500;line-height:1.08}app-blog-list .md3-blog-section-header p:not(.md3-blog-section-label),app-blog-list .md3-blog-filter-header p{margin:0;color:var(--md-sys-color-on-surface-variant)}app-blog-list .md3-blog-featured-grid{display:grid;gap:1rem}app-blog-list .md3-blog-featured-card,app-blog-list .md3-blog-supporting-card,app-blog-list .md3-blog-article-card,app-blog-list .md3-blog-filter-surface,app-blog-list .md3-blog-empty-state{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}@supports (color: color-mix(in lab,red,red)){app-blog-list .md3-blog-featured-card,app-blog-list .md3-blog-supporting-card,app-blog-list .md3-blog-article-card,app-blog-list .md3-blog-filter-surface,app-blog-list .md3-blog-empty-state{border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 82%,transparent)}}app-blog-list .md3-blog-featured-card,app-blog-list .md3-blog-supporting-card{animation:md3-list-item-enter var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard-decelerate) both}app-blog-list .md3-blog-article-card{animation:md3-lateral-forward-enter var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard-decelerate) both}app-blog-list .md3-blog-featured-card,app-blog-list .md3-blog-supporting-card,app-blog-list .md3-blog-article-card{overflow:hidden;box-shadow:var(--md-sys-elevation-1);transform-origin:center;transition:border-color var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard)}app-blog-list .md3-blog-featured-card{display:grid;border-radius:var(--md-sys-shape-corner-xl)}app-blog-list .md3-blog-featured-card:hover,app-blog-list .md3-blog-featured-card:focus-within,app-blog-list .md3-blog-article-card:hover,app-blog-list .md3-blog-article-card:focus-within,app-blog-list .md3-blog-supporting-card:hover,app-blog-list .md3-blog-supporting-card:focus-within{border-color:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-2);transform:translateY(-.125rem)}@supports (color: color-mix(in lab,red,red)){app-blog-list .md3-blog-featured-card:hover,app-blog-list .md3-blog-featured-card:focus-within,app-blog-list .md3-blog-article-card:hover,app-blog-list .md3-blog-article-card:focus-within,app-blog-list .md3-blog-supporting-card:hover,app-blog-list .md3-blog-supporting-card:focus-within{border-color:color-mix(in srgb,var(--md-sys-color-primary) 38%,var(--md-sys-color-outline-variant))}}app-blog-list .md3-blog-featured-card:active,app-blog-list .md3-blog-article-card:active,app-blog-list .md3-blog-supporting-card:active,app-blog-list .md3-blog-featured-card.cs-motion-source-pressed,app-blog-list .md3-blog-article-card.cs-motion-source-pressed,app-blog-list .md3-blog-supporting-card.cs-motion-source-pressed{border-color:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-1);transform:translateY(0) scale(.992)}@supports (color: color-mix(in lab,red,red)){app-blog-list .md3-blog-featured-card:active,app-blog-list .md3-blog-article-card:active,app-blog-list .md3-blog-supporting-card:active,app-blog-list .md3-blog-featured-card.cs-motion-source-pressed,app-blog-list .md3-blog-article-card.cs-motion-source-pressed,app-blog-list .md3-blog-supporting-card.cs-motion-source-pressed{border-color:color-mix(in srgb,var(--md-sys-color-primary) 64%,var(--md-sys-color-outline-variant))}}app-blog-list .md3-blog-featured-media,app-blog-list .md3-blog-card-media{position:relative;width:100%;overflow:hidden;background:linear-gradient(135deg,var(--md-sys-color-primary-container),var(--md-sys-color-secondary-container)),var(--md-sys-color-surface-container-high)}@supports (color: color-mix(in lab,red,red)){app-blog-list .md3-blog-featured-media,app-blog-list .md3-blog-card-media{background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary-container) 78%,transparent),color-mix(in srgb,var(--md-sys-color-secondary-container) 54%,transparent)),var(--md-sys-color-surface-container-high)}}app-blog-list .md3-blog-featured-media{align-self:stretch;justify-self:stretch;height:clamp(15rem,25vw,20rem)}app-blog-list .md3-blog-card-media{aspect-ratio:5 / 2}app-blog-list .md3-blog-card-media img{display:block;width:100%;height:100%;object-fit:cover}app-blog-list .md3-blog-featured-media img{display:block;width:100%;height:100%;object-fit:cover}app-blog-list .md3-blog-featured-body,app-blog-list .md3-blog-card-body{display:flex;flex-direction:column;gap:1rem;padding:1.25rem}app-blog-list .md3-blog-featured-body h3,app-blog-list .md3-blog-card-body h3,app-blog-list .md3-blog-supporting-card h3,app-blog-list .md3-blog-empty-state h2{margin:0;color:var(--md-sys-color-on-surface);font-family:var(--md-ref-typeface-brand);font-weight:600;line-height:1.16}app-blog-list .md3-blog-featured-body h3{font-size:2.25rem;font-weight:500}app-blog-list .md3-blog-card-body h3,app-blog-list .md3-blog-supporting-card h3{font-size:1.35rem}app-blog-list .md3-blog-featured-body p,app-blog-list .md3-blog-card-body p,app-blog-list .md3-blog-supporting-card p,app-blog-list .md3-blog-empty-state p{margin:0;color:var(--md-sys-color-on-surface-variant);line-height:1.65}app-blog-list .md3-blog-card-body h3,app-blog-list .md3-blog-supporting-card h3,app-blog-list .md3-blog-card-body p,app-blog-list .md3-blog-supporting-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}app-blog-list .md3-blog-card-body h3,app-blog-list .md3-blog-supporting-card h3{-webkit-line-clamp:3}app-blog-list .md3-blog-card-body p,app-blog-list .md3-blog-supporting-card p{-webkit-line-clamp:4}app-blog-list .md3-blog-meta-row{flex-wrap:wrap;gap:.5rem;color:var(--md-sys-color-on-surface-variant);font-size:.82rem;font-weight:700}app-blog-list .md3-blog-category-pill{display:inline-flex;min-height:44px;align-items:center;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);padding-inline:.75rem;font-size:.75rem;font-weight:800}app-blog-list .md3-blog-tag-row{display:flex;flex-wrap:wrap;gap:.5rem}app-blog-list .md3-blog-tag-row a{display:inline-flex;min-height:44px;align-items:center;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);padding-inline:.75rem;font-size:.75rem;font-weight:700;transition:var(--md-sys-motion-transition-state)}@supports (color: color-mix(in lab,red,red)){app-blog-list .md3-blog-tag-row a{background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 78%,transparent)}}app-blog-list .md3-blog-card-actions{margin-top:auto}app-blog-list .md3-blog-featured-body .md3-blog-card-actions{margin-top:.25rem}app-blog-list .md3-blog-supporting-list,app-blog-list .md3-blog-grid{display:grid;gap:1rem}html.cs-transition-lateral app-blog-list .md3-blog-grid,html.cs-transition-lateral app-blog-list .md3-blog-category-rails,html.cs-transition-from-filter app-blog-list .md3-blog-grid,html.cs-transition-from-filter app-blog-list .md3-blog-category-rails{animation:md3-lateral-forward-enter var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard-decelerate) both}app-blog-list .md3-blog-supporting-card{display:flex;min-height:13.5rem;flex-direction:column;gap:.9rem;border-radius:var(--md-sys-shape-corner-lg);padding:1.25rem;transition:border-color var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard)}app-blog-list .md3-blog-text-action,app-blog-list .md3-blog-read-link,app-blog-list .md3-blog-slide-link{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:.35rem;border-radius:var(--md-sys-shape-corner-full);padding-inline:1rem;font-size:.875rem;font-weight:800;transition:var(--md-sys-motion-transition-state)}app-blog-list .md3-blog-text-action,app-blog-list .md3-blog-read-link{color:var(--md-sys-color-primary)}app-blog-list .md3-blog-text-action-tonal,app-blog-list .md3-blog-slide-link{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}app-blog-list .md3-blog-text-action:hover,app-blog-list .md3-blog-text-action:focus-visible,app-blog-list .md3-blog-read-link:hover,app-blog-list .md3-blog-read-link:focus-visible,app-blog-list .md3-blog-slide-link:hover,app-blog-list .md3-blog-slide-link:focus-visible{background:var(--md-sys-color-primary)}@supports (color: color-mix(in lab,red,red)){app-blog-list .md3-blog-text-action:hover,app-blog-list .md3-blog-text-action:focus-visible,app-blog-list .md3-blog-read-link:hover,app-blog-list .md3-blog-read-link:focus-visible,app-blog-list .md3-blog-slide-link:hover,app-blog-list .md3-blog-slide-link:focus-visible{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent)}}app-blog-list .md3-blog-filter-surface{border-radius:var(--md-sys-shape-corner-xl);box-shadow:var(--md-sys-elevation-1);padding:1.25rem}app-blog-list .md3-blog-filter-header{align-items:flex-start;margin-bottom:1.25rem}app-blog-list .md3-blog-search-field label{display:block;margin-bottom:.5rem;color:var(--md-sys-color-on-surface);font-size:.875rem;font-weight:800}app-blog-list .md3-blog-search-field>div{display:flex;min-height:56px;align-items:center;gap:.75rem;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);padding-inline:1rem}app-blog-list .md3-blog-search-field input{min-width:0;flex:1;border:0;background:transparent;color:var(--md-sys-color-on-surface);font:inherit;outline:none}app-blog-list .md3-blog-search-field input::placeholder{color:var(--md-sys-color-on-surface-variant)}app-blog-list .md3-blog-filter-chip-list{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem;--md3-active-indicator-color: var(--md-sys-color-secondary-container);--md3-active-indicator-shadow: inset 0 0 0 1px var(--md-sys-color-secondary)}@supports (color: color-mix(in lab,red,red)){app-blog-list .md3-blog-filter-chip-list{--md3-active-indicator-shadow: inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-secondary) 20%, transparent)}}app-blog-list .md3-blog-filter-chip{display:inline-flex;min-height:44px;align-items:center;gap:.45rem;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);cursor:pointer;padding:.45rem .8rem;font:inherit;font-size:.875rem;font-weight:800;transform-origin:center;transition:background-color var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),color var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard)}app-blog-list .md3-blog-filter-chip strong{display:inline-grid;min-width:1.75rem;height:1.75rem;place-items:center;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-on-surface);color:currentColor;font-size:.75rem}@supports (color: color-mix(in lab,red,red)){app-blog-list .md3-blog-filter-chip strong{background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}}app-blog-list .md3-blog-filter-chip:hover,app-blog-list .md3-blog-filter-chip:focus-visible{background:var(--md-sys-color-surface-container-high);transform:translateY(-.0625rem)}app-blog-list .md3-blog-filter-chip:active{transform:scale(.98)}app-blog-list .md3-blog-filter-chip-selected{border-color:transparent;background:transparent;color:var(--md-sys-color-on-secondary-container)}app-blog-list .md3-blog-filter-chip-selected svg{animation:md3-container-transform-enter var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-emphasized-decelerate) both}app-blog-list .md3-blog-active-filter{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem;border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);padding:.85rem 1rem;font-weight:700;animation:md3-lateral-forward-enter var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard-decelerate) both}app-blog-list .md3-blog-active-filter button{min-height:44px;border:1px solid currentColor;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:currentColor;cursor:pointer;padding-inline:1rem;font:inherit;font-weight:800}app-blog-list .md3-blog-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}app-blog-list .md3-blog-category-rails{display:grid;gap:1.25rem}app-blog-list .md3-blog-category-rail{overflow:hidden;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-xl);background:var(--md-sys-color-surface-container-low);box-shadow:var(--md-sys-elevation-1);padding-block:1.1rem .75rem;animation:md3-list-item-enter var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard-decelerate) both}@supports (color: color-mix(in lab,red,red)){app-blog-list .md3-blog-category-rail{border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 78%,transparent)}}app-blog-list .md3-blog-category-rail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-inline:1rem;padding-bottom:1rem}app-blog-list .md3-blog-category-rail-header h3{margin:0;color:var(--md-sys-color-on-surface);font-family:var(--md-ref-typeface-brand);font-size:clamp(1.45rem,3vw,2rem);font-weight:560;line-height:1.08}app-blog-list .md3-blog-category-rail-header p:not(.md3-blog-section-label){max-width:46rem;margin:.45rem 0 0;color:var(--md-sys-color-on-surface-variant);line-height:1.65}app-blog-list .md3-blog-horizontal-scroller{display:grid;grid-auto-columns:minmax(18rem,22rem);grid-auto-flow:column;gap:1rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:1rem;scroll-snap-type:x proximity;padding:.25rem 1rem 1rem;scrollbar-color:var(--md-sys-color-primary) transparent}@supports (color: color-mix(in lab,red,red)){app-blog-list .md3-blog-horizontal-scroller{scrollbar-color:color-mix(in srgb,var(--md-sys-color-primary) 44%,transparent) transparent}}app-blog-list .md3-blog-horizontal-scroller::-webkit-scrollbar{height:.7rem}app-blog-list .md3-blog-horizontal-scroller::-webkit-scrollbar-track{background:transparent}app-blog-list .md3-blog-horizontal-scroller::-webkit-scrollbar-thumb{border:.2rem solid transparent;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);background-clip:content-box}@supports (color: color-mix(in lab,red,red)){app-blog-list .md3-blog-horizontal-scroller::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--md-sys-color-primary) 44%,transparent)}}app-blog-list .md3-blog-horizontal-scroller:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:-.35rem}@supports (color: color-mix(in lab,red,red)){app-blog-list .md3-blog-horizontal-scroller:focus-visible{outline:3px solid color-mix(in srgb,var(--md-sys-color-primary) 72%,transparent)}}app-blog-list .md3-blog-rail-card{scroll-snap-align:start;scroll-snap-stop:normal}app-blog-list .md3-blog-article-card{display:flex;min-height:100%;flex-direction:column;border-radius:var(--md-sys-shape-corner-lg)}app-blog-list .md3-blog-card-visual-fallback{display:grid;min-height:100%;place-content:end start;gap:.5rem;padding:1.25rem;color:var(--md-sys-color-on-primary-container)}app-blog-list .md3-blog-card-visual-fallback span,app-blog-list .md3-blog-card-visual-fallback strong{display:inline-flex;width:fit-content;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:.35rem .7rem}@supports (color: color-mix(in lab,red,red)){app-blog-list .md3-blog-card-visual-fallback span,app-blog-list .md3-blog-card-visual-fallback strong{background:color-mix(in srgb,var(--md-sys-color-surface) 68%,transparent)}}app-blog-list .md3-blog-card-visual-fallback span{font-size:.75rem;font-weight:800;text-transform:uppercase}app-blog-list .md3-blog-card-visual-fallback strong{font-size:1.5rem;font-weight:600}app-blog-list .md3-blog-empty-state{display:grid;justify-items:center;gap:1rem;border-radius:var(--md-sys-shape-corner-xl);padding:3rem 1.25rem;text-align:center;animation:md3-container-transform-enter var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate) both}app-blog-list .md3-blog-empty-state>div{display:grid;width:4rem;height:4rem;place-items:center;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}app-blog-list .md3-blog-load-more{display:flex;justify-content:center;margin-top:2rem}app-blog-list .md3-blog-load-more span{color:currentColor;font-size:.78rem}@supports (color: color-mix(in lab,red,red)){app-blog-list .md3-blog-load-more span{color:color-mix(in srgb,currentColor 72%,transparent)}}@media(min-width:768px){app-blog-list .md3-blog-hero-inner{padding-block:3rem 3.25rem}app-blog-list .md3-blog-featured-card{grid-template-columns:1fr}app-blog-list .md3-blog-featured-body,app-blog-list .md3-blog-card-body{padding:1.5rem}}@media(min-width:1024px){app-blog-list .md3-blog-hero-grid{grid-template-columns:minmax(0,1fr) minmax(20rem,26rem);align-items:start}app-blog-list .md3-blog-featured-grid{grid-template-columns:1fr;align-items:stretch;gap:1.25rem}app-blog-list .md3-blog-supporting-list{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr}}@media(max-width:767px){app-blog-list .md3-blog-hero h1{font-size:2.75rem}app-blog-list .md3-blog-hero-lede{font-size:1.05rem}app-blog-list .md3-blog-section,app-blog-list .md3-blog-filter-section{padding-block:3rem}app-blog-list .md3-blog-section-header,app-blog-list .md3-blog-filter-header{align-items:flex-start;flex-direction:column}app-blog-list .md3-blog-category-rail-header{flex-direction:column}app-blog-list .md3-blog-horizontal-scroller{grid-auto-columns:minmax(16.5rem,82vw)}app-blog-list .md3-blog-section-header h2,app-blog-list .md3-blog-filter-header h2{font-size:2rem}app-blog-list .md3-blog-featured-media{min-height:13rem}app-blog-list .md3-blog-featured-body h3{font-size:1.7rem}}app-blog-post{display:block;background:var(--md-sys-color-background);color:var(--md-sys-color-on-background);animation:none!important;animation-name:none!important;animation-duration:0s!important;filter:none!important;opacity:1!important;transform:none!important}app-blog-post .animate-in{animation:none!important;animation-name:none!important;animation-duration:0s!important;filter:none!important;opacity:1!important;transform:none!important}app-blog-post .md3-article-progress{background:linear-gradient(90deg,var(--md-sys-color-primary),var(--md-sys-color-secondary),var(--md-sys-color-tertiary));box-shadow:0 0 0 1px var(--md-sys-color-primary)}@supports (color: color-mix(in lab,red,red)){app-blog-post .md3-article-progress{box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 24%,transparent)}}app-blog-post .md3-article-hero{background:radial-gradient(circle at 18% 20%,var(--md-sys-color-primary-container),transparent 24rem),radial-gradient(circle at 82% 16%,var(--md-sys-color-secondary-container),transparent 22rem),linear-gradient(135deg,var(--md-sys-color-surface-container-low),var(--md-sys-color-surface-container))}@supports (color: color-mix(in lab,red,red)){app-blog-post .md3-article-hero{background:radial-gradient(circle at 18% 20%,color-mix(in srgb,var(--md-sys-color-primary-container) 48%,transparent),transparent 24rem),radial-gradient(circle at 82% 16%,color-mix(in srgb,var(--md-sys-color-secondary-container) 28%,transparent),transparent 22rem),linear-gradient(135deg,var(--md-sys-color-surface-container-low),var(--md-sys-color-surface-container))}}app-blog-post .md3-article-hero-inner,app-blog-post .md3-article-banner-wrap,app-blog-post .md3-article-divider-wrap,app-blog-post .md3-article-layout,app-blog-post .md3-article-after{position:relative;z-index:1;width:min(100% - 2rem,1180px);max-width:1180px!important;margin-inline:auto}app-blog-post .md3-article-hero-inner{padding-block:3rem 3.5rem!important}app-blog-post .md3-article-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;color:var(--md-sys-color-on-surface-variant);font-size:.875rem;font-weight:700}app-blog-post .md3-article-breadcrumb a,app-blog-post .md3-article-tag-list a,app-blog-post .md3-article-category-pill,app-blog-post .md3-article-slide-button,app-blog-post .md3-article-related-card,app-blog-post .md3-article-resource-card{text-decoration:none}app-blog-post .md3-article-breadcrumb a{display:inline-flex;min-height:44px;min-width:44px;align-items:center;justify-content:center;color:var(--md-sys-color-primary)}app-blog-post .md3-article-header{max-width:900px}app-blog-post .md3-article-meta-row,app-blog-post .md3-article-meta-tools{row-gap:.625rem}app-blog-post .md3-article-meta-tools{flex-wrap:wrap;color:var(--md-sys-color-on-surface-variant)}app-blog-post .md3-article-category-pill,app-blog-post .md3-article-tag-list a{display:inline-flex;min-height:44px;min-width:44px;align-items:center;justify-content:center;border-radius:var(--md-sys-shape-corner-full);font-weight:800}app-blog-post .md3-article-category-pill{border:1px solid var(--md-sys-color-secondary-container);background:var(--md-sys-color-secondary-container)!important;color:var(--md-sys-color-on-secondary-container)!important;padding-inline:.875rem}app-blog-post .md3-article-tag-list a{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high)!important;color:var(--md-sys-color-on-surface)!important;padding-inline:.8rem;font-size:.75rem}app-blog-post .md3-article-tool-button,app-blog-post .md3-article-slide-button,app-blog-post .md3-article-icon-button{min-height:44px;border-radius:var(--md-sys-shape-corner-full);border-color:var(--md-sys-color-outline-variant)!important;background:var(--md-sys-color-surface-container-high)!important;color:var(--md-sys-color-on-surface)!important}app-blog-post .md3-article-slide-button{border-color:transparent!important;background:var(--md-sys-color-primary-container)!important;color:var(--md-sys-color-on-primary-container)!important;font-weight:800}app-blog-post .md3-article-title{margin:0;color:var(--md-sys-color-on-surface);font-family:var(--md-ref-typeface-brand);font-size:clamp(2.5rem,5vw,5.25rem)!important;font-weight:500!important;line-height:1.02!important;letter-spacing:0!important}app-blog-post .md3-article-dek{color:var(--md-sys-color-on-surface-variant)!important;font-size:clamp(1rem,1.4vw,1.22rem)!important;line-height:1.72!important}app-blog-post .md3-article-author-row{color:var(--md-sys-color-on-surface)}app-blog-post .md3-article-avatar{background:var(--md-sys-color-primary-container)!important;color:var(--md-sys-color-on-primary-container)!important}app-blog-post .md3-article-banner-wrap{margin-top:-1.75rem!important}app-blog-post .md3-article-banner{display:block;width:100%;aspect-ratio:5 / 2;border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:var(--md-sys-shape-corner-xl)!important;background:var(--md-sys-color-surface-container-high);box-shadow:var(--md-sys-elevation-2)!important;object-fit:cover}app-blog-post .md3-article-banner-fallback{display:grid;min-height:18rem;grid-template-columns:minmax(0,.85fr) minmax(17rem,1fr);align-items:center;gap:clamp(1.25rem,4vw,3rem);overflow:hidden;padding:clamp(1.25rem,4vw,2rem);position:relative;background:linear-gradient(135deg,var(--md-sys-color-primary-container),var(--md-sys-color-secondary-container)),var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-primary-container)}@supports (color: color-mix(in lab,red,red)){app-blog-post .md3-article-banner-fallback{background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary-container) 82%,transparent),color-mix(in srgb,var(--md-sys-color-secondary-container) 62%,transparent)),var(--md-sys-color-surface-container-high)}}app-blog-post .md3-article-banner-fallback:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--md-sys-color-outline-variant) 1px,transparent 1px),linear-gradient(90deg,var(--md-sys-color-outline-variant) 1px,transparent 1px);background-size:40px 40px;opacity:.42}@supports (color: color-mix(in lab,red,red)){app-blog-post .md3-article-banner-fallback:before{background-image:linear-gradient(color-mix(in srgb,var(--md-sys-color-outline-variant) 34%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--md-sys-color-outline-variant) 34%,transparent) 1px,transparent 1px)}}app-blog-post .md3-article-banner-fallback:after{background:var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-full);content:"";height:16rem;position:absolute;right:clamp(1rem,6vw,5rem);top:-4rem;width:16rem}@supports (color: color-mix(in lab,red,red)){app-blog-post .md3-article-banner-fallback:after{background:color-mix(in srgb,var(--md-sys-color-primary) 18%,transparent)}}app-blog-post .md3-article-fallback-copy,app-blog-post .md3-article-fallback-map{position:relative;z-index:1}app-blog-post .md3-article-fallback-copy{display:grid;gap:.7rem}app-blog-post .md3-article-fallback-copy span,app-blog-post .md3-article-fallback-copy strong,app-blog-post .md3-article-fallback-copy small{width:fit-content;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}@supports (color: color-mix(in lab,red,red)){app-blog-post .md3-article-fallback-copy span,app-blog-post .md3-article-fallback-copy strong,app-blog-post .md3-article-fallback-copy small{background:color-mix(in srgb,var(--md-sys-color-surface) 72%,transparent)}}app-blog-post .md3-article-fallback-copy span,app-blog-post .md3-article-fallback-copy small{border-radius:var(--md-sys-shape-corner-full);padding:.45rem .85rem}app-blog-post .md3-article-fallback-copy span{color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}app-blog-post .md3-article-fallback-copy strong{border-radius:var(--md-sys-shape-corner-lg);font-size:clamp(1.7rem,4vw,3rem);line-height:.98;max-width:10ch;padding:.6rem .8rem}app-blog-post .md3-article-fallback-copy small{font-size:.86rem;font-weight:650}app-blog-post .md3-article-fallback-map{align-items:center;display:grid;gap:.9rem;grid-template-columns:repeat(3,minmax(0,1fr));min-height:12rem}app-blog-post .md3-article-fallback-map:before{background:var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-full);content:"";height:.25rem;left:10%;position:absolute;right:10%;top:50%;transform:translateY(-50%)}app-blog-post .md3-article-fallback-node{align-items:flex-start;aspect-ratio:1;background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-xl);box-shadow:var(--md-sys-elevation-1);color:var(--md-sys-color-on-surface);display:grid;justify-items:start;min-width:0;padding:clamp(.85rem,2vw,1.2rem);position:relative}@supports (color: color-mix(in lab,red,red)){app-blog-post .md3-article-fallback-node{background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 86%,transparent)}}app-blog-post .md3-article-fallback-node span{align-items:center;border-radius:var(--md-sys-shape-corner-full);display:inline-flex;font-size:.72rem;font-weight:850;height:2rem;justify-content:center;width:2rem}app-blog-post .md3-article-fallback-node p{align-self:end;font-size:clamp(.9rem,1.8vw,1rem);font-weight:800;letter-spacing:0;line-height:1.1;margin:0}app-blog-post .md3-article-fallback-node.node-primary span{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}app-blog-post .md3-article-fallback-node.node-secondary span{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}app-blog-post .md3-article-fallback-node.node-tertiary span{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}app-blog-post .md3-article-divider{background:var(--md-sys-color-outline-variant)!important}app-blog-post .md3-article-layout{padding-block:2rem 1rem}app-blog-post .md3-article-toc-mobile{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-surface-container-low);box-shadow:var(--md-sys-elevation-1);color:var(--md-sys-color-on-surface);overflow:hidden}app-blog-post .md3-article-toc-mobile summary{align-items:center;cursor:pointer;display:flex;justify-content:space-between;min-height:56px;padding:.75rem 1rem}app-blog-post .md3-article-toc-mobile summary span:first-child{font-weight:800}app-blog-post .md3-article-toc-mobile summary span:last-child{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:.72rem;font-weight:800;padding:.3rem .7rem}app-blog-post .md3-article-toc-mobile ul{display:grid;gap:.25rem;margin:0;padding:0 .75rem .9rem}app-blog-post .md3-article-toc-mobile li{list-style:none}app-blog-post .md3-article-toc-overview-mobile{margin:0 .75rem .5rem}app-blog-post .md3-article-toc-mobile .md3-article-toc-overview{display:block;font-size:.95rem;line-height:1.25;margin-bottom:.5rem;overflow:visible}app-blog-post .md3-article-toc-mobile .md3-article-toc-link{border-color:transparent!important;margin-inline:0!important;min-height:44px;white-space:normal;font-size:.86rem!important;line-height:1.25;padding:.6rem .75rem!important}app-blog-post .md3-article-layout-grid{display:grid!important;grid-template-columns:minmax(0,1fr);gap:2rem}app-blog-post .md3-article-shell{min-width:0}app-blog-post .md3-article-content-surface{max-width:840px!important;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-xl);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-1);padding:clamp(1.25rem,3vw,2.25rem)!important}app-blog-post .md3-article-content{color:var(--md-sys-color-on-surface);font-size:1rem;line-height:1.78}app-blog-post .md3-article-content :where(p,li){color:var(--md-sys-color-on-surface);font-size:1rem;line-height:1.78}app-blog-post .md3-article-content :where(h2,h3,h4){color:var(--md-sys-color-on-surface);font-family:var(--md-ref-typeface-brand);letter-spacing:0;scroll-margin-top:6rem}app-blog-post .md3-article-content h2{margin-top:3rem;margin-bottom:1rem;font-size:clamp(1.85rem,2.4vw,2.45rem);font-weight:500;line-height:1.12}app-blog-post .md3-article-content h3{margin-top:2rem;font-size:1.45rem;font-weight:600}app-blog-post .md3-article-content a{color:var(--md-sys-color-primary);font-weight:700;text-underline-offset:.2em}app-blog-post .md3-article-content :where(pre,.md3-code-block){border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:var(--md-sys-shape-corner-lg)!important;background:var(--cs-color-code-surface)!important;color:var(--cs-color-on-code-surface);box-shadow:var(--md-sys-elevation-1)}app-blog-post .md3-article-content code{border-radius:var(--md-sys-shape-corner-xs)!important;background:var(--md-sys-color-surface-container)!important;color:var(--md-sys-color-on-surface)!important}app-blog-post .md3-article-content pre code{background:transparent!important;color:inherit!important}app-blog-post .md3-article-content :where(blockquote,.callout,.md3-callout){border:1px solid var(--md-sys-color-outline-variant)!important;border-left:.375rem solid var(--md-sys-color-primary)!important;border-radius:var(--md-sys-shape-corner-lg)!important;background:var(--md-sys-color-surface-container-low)!important;color:var(--md-sys-color-on-surface)!important;padding:1rem 1.25rem!important}app-blog-post .md3-article-content :where(table){overflow:hidden;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-lg)}app-blog-post .md3-article-content :where(img,svg){max-width:100%;height:auto}app-blog-post .copy-btn{top:.75rem;right:.75rem;min-width:44px;min-height:44px;border-radius:var(--md-sys-shape-corner-full);border-color:var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);opacity:1}app-blog-post .md3-article-toc{display:none!important}app-blog-post .md3-article-toc-panel{background:transparent;border:0;border-radius:0;box-shadow:none;padding-block:.75rem 1rem!important;padding-inline:0!important;overflow:visible!important}app-blog-post .md3-article-toc-kicker{color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:700;letter-spacing:0;line-height:1.35;margin-bottom:.75rem}app-blog-post .md3-article-toc-list{border:0!important;display:grid;gap:.8rem;list-style:none;margin:0;padding:0;position:relative}app-blog-post .md3-article-toc-indicator{background:transparent;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-lg);box-shadow:0 0 0 1px var(--md-sys-color-primary);left:-.85rem;list-style:none;margin:0;pointer-events:none;position:absolute;right:-.85rem;top:0;transition:transform var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate),height var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard),opacity var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard);will-change:transform,height,opacity;z-index:0}@supports (color: color-mix(in lab,red,red)){app-blog-post .md3-article-toc-indicator{box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent)}}app-blog-post .md3-article-toc-overview{color:var(--md-sys-color-on-surface)!important;display:-webkit-box;font-family:var(--md-ref-typeface-brand);font-size:clamp(1.35rem,1.65vw,1.65rem);font-weight:500;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-height:1.12;margin-bottom:1.35rem;overflow:hidden;overflow-wrap:anywhere;padding:0;text-decoration:none}app-blog-post .md3-article-toc-link{border:1px solid transparent!important;border-radius:var(--md-sys-shape-corner-lg);box-sizing:border-box;display:block;min-height:0;color:var(--md-sys-color-on-surface-variant)!important;font-size:.95rem!important;font-weight:500;line-height:1.28;margin-inline:-.85rem!important;padding:.5rem .85rem!important;position:relative;text-decoration:none;transition:var(--md-sys-motion-transition-state);white-space:normal;z-index:1}app-blog-post .md3-article-toc-overview:hover,app-blog-post .md3-article-toc-link:hover{color:var(--md-sys-color-on-surface)!important;background:transparent}app-blog-post .md3-article-toc-link-active{background:transparent!important;border-color:transparent!important;color:var(--md-sys-color-on-surface)!important;font-weight:700}app-blog-post .md3-article-toc-link-nested{font-size:.9rem!important;padding-left:0!important}app-blog-post .md3-article-toc-share{color:var(--md-sys-color-on-surface-variant);display:grid;gap:.75rem;margin-top:clamp(1.5rem,4vh,3rem)}app-blog-post .md3-article-toc-share>span{font-size:.95rem;font-weight:500;line-height:1.3}app-blog-post .md3-article-toc-share div{align-items:center;display:flex;gap:1.25rem}app-blog-post .md3-article-toc-share a{align-items:center;border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-on-surface-variant);display:inline-flex;font-size:1.2rem;font-weight:800;height:2rem;justify-content:center;line-height:1;min-width:2rem;text-decoration:none}app-blog-post .md3-article-toc-share a:hover,app-blog-post .md3-article-toc-share a:focus-visible{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}app-blog-post .md3-article-after{max-width:960px!important;padding-bottom:5rem!important}app-blog-post .md3-article-share{flex-wrap:wrap;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-xl);background:var(--md-sys-color-surface-container-low);padding:1rem}app-blog-post .md3-article-share-label{color:var(--md-sys-color-on-surface)}app-blog-post .md3-article-discussion a{display:inline-flex;min-height:44px;min-width:44px;align-items:center;justify-content:center}app-blog-post .md3-article-section-label{align-items:center;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);display:inline-flex;font-size:.72rem;font-weight:800;justify-self:start;letter-spacing:0;line-height:1;min-height:32px;padding-inline:.85rem;width:fit-content}app-blog-post .md3-article-discussion{overflow:hidden;padding:clamp(1.25rem,3vw,2rem)!important}app-blog-post .md3-article-discussion-header{display:grid;gap:.75rem;margin-bottom:1.25rem}app-blog-post .md3-article-discussion-header h2,app-blog-post .md3-article-related-header h2{color:var(--md-sys-color-on-surface);font-family:var(--md-ref-typeface-brand);font-size:clamp(1.55rem,2.1vw,2rem);font-weight:500;letter-spacing:0;line-height:1.15;margin:0}app-blog-post .md3-article-discussion-header p,app-blog-post .md3-article-related-header p{color:var(--md-sys-color-on-surface-variant);font-size:.98rem;line-height:1.55;margin:0;max-width:42rem}app-blog-post .md3-article-discussion-state,app-blog-post .md3-article-discussion-fallback{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);margin-bottom:1rem;padding:1rem;animation:md3-page-enter var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard-decelerate) both}app-blog-post .md3-article-discussion-state{align-items:center;display:flex;gap:.75rem;font-size:.92rem;font-weight:700}app-blog-post .md3-discussion-spinner{animation:md3-discussion-spin var(--md-sys-motion-duration-long-1) var(--md-sys-motion-easing-standard) infinite;border:3px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full);border-top-color:var(--md-sys-color-primary);height:1.25rem;width:1.25rem}app-blog-post .md3-discussion-skeleton{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:.75rem 1rem;align-items:center;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-surface-container-low);margin-bottom:1rem;padding:1rem}app-blog-post .md3-discussion-skeleton-avatar,app-blog-post .md3-discussion-skeleton-line,app-blog-post .md3-discussion-skeleton-box,app-blog-post .md3-discussion-skeleton-action{display:block;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-outline-variant);animation:md3-skeleton-fade var(--md-sys-motion-duration-long-2) var(--md-sys-motion-easing-standard) infinite}@supports (color: color-mix(in lab,red,red)){app-blog-post .md3-discussion-skeleton-avatar,app-blog-post .md3-discussion-skeleton-line,app-blog-post .md3-discussion-skeleton-box,app-blog-post .md3-discussion-skeleton-action{background:color-mix(in srgb,var(--md-sys-color-outline-variant) 54%,var(--md-sys-color-surface-container-high))}}app-blog-post .md3-discussion-skeleton-avatar{grid-row:span 2;height:2.75rem;width:2.75rem}app-blog-post .md3-discussion-skeleton-line{height:.8rem;width:min(100%,24rem)}app-blog-post .md3-discussion-skeleton-line.is-wide{height:1rem;width:min(100%,34rem)}app-blog-post .md3-discussion-skeleton-box{grid-column:1 / -1;height:7rem;border-radius:var(--md-sys-shape-corner-md)}app-blog-post .md3-discussion-skeleton-action{grid-column:1 / -1;justify-self:end;height:2.5rem;width:11rem}@keyframes md3-discussion-spin{to{transform:rotate(360deg)}}app-blog-post .md3-article-discussion-fallback{display:grid;gap:.75rem}app-blog-post .md3-article-discussion-fallback h3{font-size:1rem;font-weight:800;margin:0}app-blog-post .md3-article-discussion-fallback p{color:var(--md-sys-color-on-surface-variant);font-size:.92rem;line-height:1.6;margin:0}app-blog-post .giscus-container{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-surface-container-low);min-height:14rem;overflow:hidden;padding:.75rem}app-blog-post .giscus-container[aria-busy=true]{background:var(--md-sys-color-surface-container-low);border-width:0;height:0;min-height:0;opacity:0;overflow:hidden;padding:0}app-blog-post .giscus-container iframe{border-radius:var(--md-sys-shape-corner-md);display:block;width:100%!important}app-blog-post .md3-article-consultation,app-blog-post .md3-article-discussion{border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:var(--md-sys-shape-corner-xl)!important;background:var(--md-sys-color-surface-container)!important;box-shadow:var(--md-sys-elevation-1)}app-blog-post .md3-article-consultation{background:linear-gradient(135deg,var(--md-sys-color-primary-container),transparent),var(--md-sys-color-surface-container)!important}@supports (color: color-mix(in lab,red,red)){app-blog-post .md3-article-consultation{background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary-container) 54%,transparent),transparent),var(--md-sys-color-surface-container)!important}}app-blog-post .md3-article-resource-card{min-height:100%;border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-1)}app-blog-post .md3-article-related{margin-top:4rem}app-blog-post .md3-article-related-header{display:grid;gap:.75rem;margin-bottom:1.5rem}app-blog-post .md3-article-related-card{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-xl);background:var(--md-sys-color-surface-container-low);box-shadow:var(--md-sys-elevation-1);color:var(--md-sys-color-on-surface);display:block;min-height:100%;overflow:hidden;text-decoration:none;animation:md3-list-item-enter var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-standard-decelerate) both;transition:var(--md-sys-motion-transition-container)}app-blog-post .md3-article-related-card:hover,app-blog-post .md3-article-related-card:focus-visible{border-color:var(--md-sys-color-outline);background:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-2);transform:translateY(-.125rem)}app-blog-post .md3-article-related-card:active,app-blog-post .md3-article-related-card.cs-motion-source-pressed{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container-high);box-shadow:var(--md-sys-elevation-1);transform:translateY(0) scale(.992)}@supports (color: color-mix(in lab,red,red)){app-blog-post .md3-article-related-card:active,app-blog-post .md3-article-related-card.cs-motion-source-pressed{border-color:color-mix(in srgb,var(--md-sys-color-primary) 64%,var(--md-sys-color-outline-variant))}}app-blog-post .md3-article-related-card-body{display:grid;gap:1rem;padding:clamp(1.25rem,2.4vw,1.75rem)}app-blog-post .md3-article-related-meta{align-items:center;color:var(--md-sys-color-on-surface-variant);display:flex;flex-wrap:wrap;gap:.45rem;font-size:.78rem}app-blog-post .md3-article-related-chip,app-blog-post .md3-article-related-tag{align-items:center;border-radius:var(--md-sys-shape-corner-full);display:inline-flex;font-size:.72rem;font-weight:800;min-height:30px;padding-inline:.8rem}app-blog-post .md3-article-related-chip{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}app-blog-post .md3-article-related-dot{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-outline);height:.25rem;width:.25rem}app-blog-post .md3-article-related-card h3{color:var(--md-sys-color-on-surface);font-size:1.12rem;font-weight:700;line-height:1.25;margin:0}app-blog-post .md3-article-related-card p{color:var(--md-sys-color-on-surface-variant);font-size:.94rem;line-height:1.6;margin:0}app-blog-post .md3-article-related-footer{align-items:end;display:flex;gap:1rem;justify-content:space-between;margin-top:.25rem}app-blog-post .md3-article-related-tags{display:flex;flex-wrap:wrap;gap:.4rem}app-blog-post .md3-article-related-tag{background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);font-size:.68rem;min-height:28px}app-blog-post .md3-article-related-action{align-items:center;border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-primary);display:inline-flex;flex-shrink:0;gap:.35rem;font-size:.84rem;font-weight:800;min-height:40px;padding-inline:.75rem}app-blog-post .md3-article-related-card:hover .md3-article-related-action,app-blog-post .md3-article-related-card:focus-visible .md3-article-related-action{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}@media(min-width:1280px){app-blog-post .md3-article-layout-grid{display:grid!important;grid-template-columns:minmax(0,840px) minmax(9.75rem,10.75rem);align-items:stretch;justify-content:center;column-gap:clamp(3rem,5vw,5.5rem)}app-blog-post .md3-article-toc{align-self:stretch;display:block!important;width:10.75rem!important}}@media(max-width:767px){app-blog-post .md3-article-hero-inner,app-blog-post .md3-article-banner-wrap,app-blog-post .md3-article-divider-wrap,app-blog-post .md3-article-layout,app-blog-post .md3-article-after{box-sizing:border-box;max-width:calc(100% - 2rem)!important;overflow-x:clip;padding-inline:0!important;width:calc(100% - 2rem)!important}app-blog-post .md3-article-hero-inner{padding-block:2rem 3rem!important}app-blog-post .md3-article-header,app-blog-post .md3-article-meta-row,app-blog-post .md3-article-meta-tools,app-blog-post .md3-article-author-row,app-blog-post .md3-article-tag-list{max-width:100%;min-width:0}app-blog-post .md3-article-meta-row{align-items:flex-start;gap:.75rem;margin-bottom:1.25rem!important}app-blog-post .md3-article-meta-tools{align-items:center;flex-direction:row!important;flex-wrap:wrap;gap:.5rem .75rem;max-width:100%;width:100%}app-blog-post .md3-article-meta-tools>span.h-1.w-1{display:none}app-blog-post .md3-article-slide-button,app-blog-post .md3-article-tool-button{flex:0 1 auto;max-width:100%;white-space:normal}app-blog-post .md3-article-title{max-width:100%;width:100%;font-size:clamp(1.9rem,8.8vw,2.25rem)!important;line-height:1.08!important;overflow-wrap:anywhere;text-wrap:auto;word-break:break-word}app-blog-post .md3-article-dek{max-width:100%;width:100%;font-size:1rem!important;line-height:1.65!important;overflow-wrap:anywhere;word-break:break-word}app-blog-post .md3-article-banner-wrap{margin-top:-1rem!important}app-blog-post .md3-article-banner{aspect-ratio:16 / 9;border-radius:var(--md-sys-shape-corner-lg)!important}app-blog-post .md3-article-banner-fallback{grid-template-columns:minmax(0,1fr)}app-blog-post .md3-article-fallback-copy strong{max-width:14ch}app-blog-post .md3-article-fallback-map{min-height:8rem}app-blog-post .md3-article-content-surface{border-radius:var(--md-sys-shape-corner-lg);padding-inline:1rem!important}}.md3-focus-ring,:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:3px}@supports (color: color-mix(in lab,red,red)){.md3-focus-ring,:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--md-sys-color-primary) 72%,transparent)}}@media(prefers-reduced-motion:reduce){app-blog-post .md3-discussion-spinner,app-blog-post .md3-discussion-skeleton-avatar,app-blog-post .md3-discussion-skeleton-line,app-blog-post .md3-discussion-skeleton-box,app-blog-post .md3-discussion-skeleton-action,app-blog-post .giscus-container[aria-busy=true],app-blog-post .md3-article-discussion-state,app-blog-post .md3-article-discussion-fallback,app-blog-post .md3-article-hero-inner,app-blog-post .md3-article-banner-wrap,app-blog-post .md3-article-related-card,app-blog-list .md3-blog-grid,app-blog-list .md3-blog-featured-card,app-blog-list .md3-blog-supporting-card,app-blog-list .md3-blog-article-card,app-blog-list .md3-blog-horizontal-scroller,app-blog-list .md3-blog-active-filter,app-blog-list .md3-blog-empty-state{animation:none}app-blog-post .md3-article-toc-indicator{transition:none!important}.md3-top-app-bar,.md3-nav-rail,.md3-nav-shell,.md3-drawer-scrim,.md3-nav-drawer,.md3-nav-link-active:after,.md3-rail-active-indicator,.md3-rail-fab-launching,.md3-rail-link-active .md3-rail-icon,.md3-rail-link-active .md3-rail-icon:after,.md3-rail-link-active .md3-rail-label,.md3-search-trigger-launching,.md3-search-trigger-launching .md3-icon-glyph,.md3-search-overlay,.md3-search-dialog,.md3-search-icon-orb,.md3-live-dot,.md3-flow-line,.md3-floating-panel,.md3-floating-path,.md3-map-node-a,.md3-map-node-b,.md3-map-node-c,.md3-map-node-d,.md3-home-pathway-line,.md3-home-pathway-node-a,.md3-home-pathway-node-b,.md3-home-pathway-node-c,.md3-home-pathway-node-d,app-home .md3-audio-wave span{animation:none!important}.md3-brand,.md3-brand-mark,.md3-motion-state,.md3-motion-container,.md3-motion-pressable,.page-enter,.page-exit,.content-enter,.content-exit,.container-transform,.shared-axis-forward,.shared-axis-back,.lateral-forward,.lateral-back,.top-level-fade,.list-item-enter,.skeleton-fade,.app-page-enter,.app-page-exit,.app-container-transform,.app-forward,.app-backward,.app-lateral,.app-top-level,.app-enter,.app-exit,.app-skeleton,.md3-nav-link,.md3-icon-button,.md3-search-button,.md3-mobile-link,.md3-icon-glyph,.md3-rail-fab,.md3-rail-icon-button,.md3-rail-link,.md3-active-indicator,.md3-rail-active-indicator,.md3-rail-icon,.md3-search-overlay,.md3-search-shell,.md3-search-dialog,.md3-search-result-item,.md3-cockpit-panel,.md3-cockpit-tab,.md3-cockpit-link,.md3-home-flow-card,.md3-home-flow-card summary svg,.md3-button-filled,.md3-button-tonal,.md3-button-outlined,.md3-button-filled:after,.md3-button-tonal:after,.md3-button-outlined:after,.md3-icon-button:after,.md3-search-button:after,.md3-rail-fab:after,.md3-rail-icon-button:after,.md3-rail-icon:after,.md3-mobile-link:after,.md3-chip:after,.md3-chip-selected:after,.md3-search-result-item:after,.md3-status-dot-ping,.md3-course-card,.md3-course-card:before,.md3-course-action,.md3-course-action svg,.md3-course-mini-card,.md3-info-card,.md3-info-card:before,.md3-info-icon,.md3-topic-card,.md3-topic-card:before,.md3-topic-icon,.md3-path-card,.md3-path-card:before,.md3-home-post-card,.md3-home-post-card:before,.md3-role-card,.md3-role-card:before,.md3-role-icon,.md3-mini-link-card,.md3-mini-link-card:before,.md3-why-card,.md3-why-card:after,app-home .md3-home-external-panel,app-home .md3-home-external-panel:after,app-home .md3-external-icon,app-home .md3-video-play,app-home .md3-external-action,app-home .md3-external-action svg,app-home article[class*=rounded-2xl],app-home a[class*=rounded-xl],app-home a[class*=rounded-2xl],app-home details,app-blog-post .md3-article-toc-link,app-blog-post .md3-article-related-card,app-blog-post .md3-article-resource-card,app-blog-post .md3-article-icon-button,app-blog-post .md3-article-slide-button,app-blog-post .md3-article-tool-button{transition:none!important}app-home .md3-home-external-panel:hover,app-home .md3-home-external-panel:focus-within,app-home .md3-external-action:hover{transform:none!important}app-home .md3-home-external-panel:hover .md3-external-icon,app-home .md3-home-external-panel:focus-within .md3-external-icon,app-home .md3-external-action:hover svg{transform:none!important}app-home .md3-home-external-panel:hover .md3-video-play,app-home .md3-home-external-panel:focus-within .md3-video-play{transform:translate(-50%,-50%)!important}app-blog-list .md3-blog-topic-stack a,app-blog-list .md3-blog-featured-card,app-blog-list .md3-blog-supporting-card,app-blog-list .md3-blog-article-card,app-blog-list .md3-blog-category-rail,app-blog-list .md3-blog-filter-chip{transition:none!important}app-blog-list .md3-blog-topic-stack a:hover,app-blog-list .md3-blog-topic-stack a:focus-visible,app-blog-list .md3-blog-featured-card:hover,app-blog-list .md3-blog-featured-card:focus-within,app-blog-list .md3-blog-featured-card:active,app-blog-list .md3-blog-featured-card.cs-motion-source-pressed,app-blog-list .md3-blog-supporting-card:hover,app-blog-list .md3-blog-supporting-card:focus-within,app-blog-list .md3-blog-supporting-card:active,app-blog-list .md3-blog-supporting-card.cs-motion-source-pressed,app-blog-list .md3-blog-article-card:hover,app-blog-list .md3-blog-article-card:focus-within,app-blog-list .md3-blog-article-card:active,app-blog-list .md3-blog-article-card.cs-motion-source-pressed,app-blog-list .md3-blog-filter-chip:hover,app-blog-list .md3-blog-filter-chip:focus-visible,app-blog-list .md3-blog-filter-chip:active{transform:none!important}.md3-motion-pressable:hover,.md3-motion-pressable:focus-visible,.md3-motion-pressable:active,.md3-button-filled:hover,.md3-button-filled:focus-visible,.md3-button-filled:active,.md3-button-tonal:hover,.md3-button-tonal:focus-visible,.md3-button-tonal:active,.md3-button-outlined:hover,.md3-button-outlined:focus-visible,.md3-button-outlined:active,app-blog-post .md3-article-related-card:hover,app-blog-post .md3-article-related-card:focus-visible,app-blog-post .md3-article-related-card:active,app-blog-post .md3-article-related-card.cs-motion-source-pressed,app-blog-post .md3-article-resource-card:hover,app-blog-post .md3-article-resource-card:focus-visible{transform:none!important}}}.flow-diagram{margin:2rem 0;padding:1.5rem;border-radius:1rem;border:1px solid var(--border);background:linear-gradient(135deg,var(--card),var(--muted));overflow-x:auto}.flow-diagram-title{text-align:center;font-size:.85rem;font-weight:700;color:var(--foreground);margin-bottom:1.5rem;letter-spacing:-.01em}.seq-diagram{display:flex;flex-direction:column;gap:0;min-width:600px}.seq-actors{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:.5rem}.seq-actor{text-align:center;padding:.6rem .5rem;border-radius:.5rem;font-size:.75rem;font-weight:700;color:var(--md-sys-color-on-primary);position:relative}.seq-actor:after{content:"";position:absolute;bottom:-4px;left:50%;width:2px;height:4px;background:inherit}.seq-actor.browser{background:var(--md-sys-color-primary)}.seq-actor.sp{background:var(--md-sys-color-secondary)}.seq-actor.idp{background:var(--md-sys-color-tertiary)}.seq-actor-sub{font-size:.6rem;font-weight:400;opacity:.8;display:block}.seq-lifelines{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;position:relative}.seq-lifeline{position:relative;display:flex;flex-direction:column;align-items:center}.seq-lifeline:before{content:"";position:absolute;top:0;left:50%;width:2px;height:100%;background:repeating-linear-gradient(to bottom,var(--border) 0px,var(--border) 4px,transparent 4px,transparent 10px);opacity:.5}.seq-steps{display:flex;flex-direction:column;gap:0;position:relative}.seq-step{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;padding:.6rem 0;position:relative;opacity:0;animation:seq-fade-in var(--md-sys-motion-duration-long) var(--md-sys-motion-easing-emphasized-decelerate) forwards;transition:background-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);border-radius:.5rem}.seq-step:hover{background:var(--accent);transform:scale(1.01);z-index:2}.seq-step:nth-child(1){animation-delay:.1s}.seq-step:nth-child(2){animation-delay:.25s}.seq-step:nth-child(3){animation-delay:.4s}.seq-step:nth-child(4){animation-delay:.55s}.seq-step:nth-child(5){animation-delay:.7s}.seq-step:nth-child(6){animation-delay:.85s}.seq-step:nth-child(7){animation-delay:1s}.seq-step:nth-child(8){animation-delay:1.15s}.seq-step:nth-child(9){animation-delay:1.3s}.seq-step:nth-child(10){animation-delay:1.45s}@keyframes seq-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.seq-arrow{position:relative;display:flex;align-items:center;font-size:.7rem;font-weight:600;color:var(--foreground);white-space:nowrap;padding:.25rem .5rem;grid-column:span 2}.seq-arrow:before{content:"";flex:1;height:2px;min-width:30px;margin-right:.5rem;animation:arrow-draw var(--md-sys-motion-duration-extra-long) var(--md-sys-motion-easing-emphasized-decelerate) forwards}.seq-arrow:after{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;flex-shrink:0}.seq-arrow.right{grid-column:1 / 3}.seq-arrow.right:before{background:var(--arrow-color, var(--md-sys-color-primary))}.seq-arrow.right:after{border-left:8px solid var(--arrow-color, var(--md-sys-color-primary))}.seq-arrow.left{grid-column:1 / 3;direction:rtl}.seq-arrow.left:before{background:var(--arrow-color, var(--md-sys-color-secondary))}.seq-arrow.left:after{border-right:8px solid var(--arrow-color, var(--md-sys-color-secondary))}.seq-arrow.full-right{grid-column:1 / 4}.seq-arrow.full-right:before{background:var(--arrow-color, var(--md-sys-color-primary))}.seq-arrow.full-right:after{border-left:8px solid var(--arrow-color, var(--md-sys-color-primary))}.seq-arrow.full-left{grid-column:1 / 4;direction:rtl}.seq-arrow.full-left:before{background:var(--arrow-color, var(--md-sys-color-tertiary))}.seq-arrow.full-left:after{border-right:8px solid var(--arrow-color, var(--md-sys-color-tertiary))}.seq-arrow.right-23{grid-column:2 / 4}.seq-arrow.right-23:before{background:var(--arrow-color, var(--md-sys-color-secondary))}.seq-arrow.right-23:after{border-left:8px solid var(--arrow-color, var(--md-sys-color-secondary))}.seq-arrow.left-23{grid-column:2 / 4;direction:rtl}.seq-arrow.left-23:before{background:var(--arrow-color, var(--md-sys-color-tertiary))}.seq-arrow.left-23:after{border-right:8px solid var(--arrow-color, var(--md-sys-color-tertiary))}@keyframes arrow-draw{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.seq-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:.6rem;font-weight:800;color:var(--md-sys-color-on-primary);flex-shrink:0;margin-right:.4rem}.seq-num.blue{background:var(--md-sys-color-primary)}.seq-num.green{background:var(--md-sys-color-secondary)}.seq-num.purple,.seq-num.orange{background:var(--md-sys-color-tertiary)}.seq-action{grid-column:span 1;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;padding:.35rem .6rem;border-radius:.375rem;border:1.5px dashed;animation:action-pulse 2s var(--md-sys-motion-easing-standard) infinite}@keyframes action-pulse{0%,to{opacity:.7}50%{opacity:1}}.seq-backchannel{grid-column:2 / 4;border:2px dashed var(--md-sys-color-tertiary);border-radius:.5rem;padding:.5rem;background:var(--md-sys-color-tertiary-container);position:relative}@supports (color: color-mix(in lab,red,red)){.seq-backchannel{background:color-mix(in srgb,var(--md-sys-color-tertiary-container) 24%,transparent)}}.seq-backchannel-label{position:absolute;top:-.5rem;right:.75rem;background:var(--card);padding:0 .4rem;font-size:.55rem;font-weight:800;color:var(--md-sys-color-tertiary);text-transform:uppercase;letter-spacing:.05em}.hub-diagram{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem 0}.hub-center{padding:1rem 2rem;border-radius:1rem;background:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-primary);font-weight:700;font-size:.9rem;text-align:center;box-shadow:0 0 30px var(--md-sys-color-tertiary);animation:hub-glow 3s var(--md-sys-motion-easing-standard) infinite;position:relative}@supports (color: color-mix(in lab,red,red)){.hub-center{box-shadow:0 0 30px color-mix(in srgb,var(--md-sys-color-tertiary) 30%,transparent)}}.hub-center-sub{font-size:.7rem;font-weight:400;opacity:.8;display:block}@keyframes hub-glow{0%,to{box-shadow:0 0 20px color-mix(in srgb,var(--md-sys-color-tertiary) 20%,transparent)}50%{box-shadow:0 0 40px color-mix(in srgb,var(--md-sys-color-tertiary) 50%,transparent)}}.hub-user{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--md-sys-color-primary),var(--md-sys-color-primary));display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--md-sys-color-on-primary);box-shadow:0 0 20px var(--md-sys-color-primary);animation:user-bounce 2s var(--md-sys-motion-easing-standard) infinite}@supports (color: color-mix(in lab,red,red)){.hub-user{box-shadow:0 0 20px color-mix(in srgb,var(--md-sys-color-primary) 30%,transparent)}}@keyframes user-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.hub-arrow-label{font-size:.7rem;font-weight:700;color:var(--muted-foreground);display:flex;align-items:center;gap:.4rem}.hub-arrow-label .arrow-animated{display:inline-block;animation:arrow-bounce 1.5s var(--md-sys-motion-easing-standard) infinite}@keyframes arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.hub-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;width:100%;max-width:500px}.hub-app{padding:.75rem .5rem;border-radius:.75rem;text-align:center;font-size:.75rem;font-weight:700;color:var(--md-sys-color-on-primary);transition:transform var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);cursor:default;opacity:0;animation:hub-app-pop var(--md-sys-motion-duration-long) var(--md-sys-motion-easing-emphasized-decelerate) forwards}.hub-app:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 25px var(--md-sys-color-shadow)}@supports (color: color-mix(in lab,red,red)){.hub-app:hover{box-shadow:0 8px 25px color-mix(in srgb,var(--md-sys-color-shadow) 30%,transparent)}}.hub-app:nth-child(1){background:var(--md-sys-color-secondary);animation-delay:.6s}.hub-app:nth-child(2){background:var(--md-sys-color-tertiary);animation-delay:.75s}.hub-app:nth-child(3){background:var(--md-sys-color-tertiary);animation-delay:.9s}.hub-app:nth-child(4){background:var(--md-sys-color-primary);animation-delay:1.05s}.hub-app-icon{font-size:1.2rem;display:block;margin-bottom:.25rem}.hub-app-sub{font-size:.6rem;font-weight:400;opacity:.8;display:block}@keyframes hub-app-pop{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.hub-connector{font-size:.65rem;color:var(--muted-foreground);display:flex;gap:2rem;align-items:center}.hub-connector span{display:flex;align-items:center;gap:.3rem}.hub-dot-line{width:30px;height:2px;background:repeating-linear-gradient(90deg,var(--border) 0px,var(--border) 4px,transparent 4px,transparent 8px)}.hub-solid-line{width:30px;height:2px;background:var(--muted-foreground)}.jwt-diagram{display:flex;flex-direction:column;gap:1rem;align-items:center}.jwt-parts{display:flex;align-items:stretch;gap:0;width:100%;max-width:600px;border-radius:.75rem;overflow:hidden}.jwt-part{flex:1;padding:.75rem .5rem;text-align:center;color:var(--md-sys-color-on-primary);cursor:default;transition:filter var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);position:relative}.jwt-part:hover{filter:brightness(1.15)}.jwt-part.header{background:var(--md-sys-color-error)}.jwt-part.payload,.jwt-part.signature{background:var(--md-sys-color-primary)}.jwt-part-label{font-size:.8rem;font-weight:800;display:block}.jwt-part-code{font-size:.55rem;font-family:var(--font-mono);opacity:.7;display:block;margin-top:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jwt-part-desc{font-size:.6rem;opacity:0;max-height:0;overflow:hidden;transition:opacity var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard),max-height var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);margin-top:0}.jwt-part:hover .jwt-part-desc{opacity:.9;max-height:40px;margin-top:.3rem}.jwt-dot{display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;color:var(--foreground);width:24px;flex-shrink:0;background:var(--card)}.jwt-raw{font-family:var(--font-mono);font-size:.65rem;color:var(--muted-foreground);text-align:center;word-break:break-all;max-width:600px}.jwt-raw .h{color:var(--md-sys-color-error)}.jwt-raw .p,.jwt-raw .s{color:var(--md-sys-color-primary)}.vs-cards{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:start}@media(max-width:640px){.vs-cards{grid-template-columns:1fr}.vs-badge{order:-1;justify-self:center}}.vs-card{border-radius:.75rem;overflow:hidden;border:1.5px solid var(--border);transition:transform var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard)}.vs-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px var(--md-sys-color-shadow)}@supports (color: color-mix(in lab,red,red)){.vs-card:hover{box-shadow:0 12px 30px color-mix(in srgb,var(--md-sys-color-shadow) 20%,transparent)}}.vs-card-header{padding:.75rem 1rem;color:var(--md-sys-color-on-primary);font-size:1.1rem;font-weight:800;text-align:center}.vs-card.saml .vs-card-header{background:var(--md-sys-color-tertiary)}.vs-card.oidc .vs-card-header{background:var(--md-sys-color-primary)}.vs-card-body{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem;background:var(--card)}.vs-row{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--foreground);padding:.3rem 0;border-bottom:1px solid var(--border);transition:background-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.vs-row:last-child{border-bottom:none}.vs-row:hover{background:var(--accent);border-radius:.25rem}.vs-row-icon{font-size:1rem;flex-shrink:0;width:22px;text-align:center}.vs-row-value{font-weight:700;margin-left:auto}.vs-badge{width:44px;height:44px;border-radius:50%;background:var(--card);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.8rem;color:var(--foreground);align-self:center;flex-shrink:0}.dtree{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem 0}.dtree-node{padding:.6rem 1.5rem;border-radius:2rem;font-size:.8rem;font-weight:700;text-align:center;color:var(--md-sys-color-on-primary);transition:transform var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);cursor:default}.dtree-node:hover{transform:scale(1.05);box-shadow:0 6px 20px var(--md-sys-color-shadow)}@supports (color: color-mix(in lab,red,red)){.dtree-node:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--md-sys-color-shadow) 25%,transparent)}}.dtree-node.question{background:var(--md-sys-color-tertiary)}.dtree-branches{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;width:100%;max-width:600px}.dtree-branch{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center}.dtree-label{font-size:.7rem;font-weight:600;color:var(--muted-foreground);padding:.3rem .8rem;border-radius:1rem;border:1.5px solid var(--border);background:var(--card);transition:border-color var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard)}.dtree-connector{width:2px;height:20px;position:relative}.dtree-connector:after{content:"";position:absolute;bottom:0;left:-3px;border-left:4px solid transparent;border-right:4px solid transparent}.dtree-connector.orange{background:var(--md-sys-color-tertiary)}.dtree-connector.orange:after{border-top:6px solid var(--md-sys-color-tertiary)}.dtree-connector.blue{background:var(--md-sys-color-primary)}.dtree-connector.blue:after{border-top:6px solid var(--md-sys-color-primary)}.dtree-connector.green{background:var(--md-sys-color-secondary)}.dtree-connector.green:after{border-top:6px solid var(--md-sys-color-secondary)}.dtree-answer{padding:.5rem 1rem;border-radius:.5rem;font-size:.75rem;font-weight:700;color:var(--md-sys-color-on-primary);transition:transform var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard)}.dtree-answer:hover{transform:scale(1.08)}.dtree-answer.saml{background:var(--md-sys-color-tertiary)}.dtree-answer.oidc{background:var(--md-sys-color-primary)}.dtree-answer.both{background:var(--md-sys-color-secondary)}.dtree-answer-sub{font-size:.6rem;font-weight:400;opacity:.8;display:block}.pipeline{display:flex;align-items:center;gap:0;overflow-x:auto;padding:.5rem 0}.pipeline-step{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem .8rem;border-radius:.6rem;text-align:center;font-size:.7rem;font-weight:700;color:var(--md-sys-color-on-primary);min-width:90px;transition:transform var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);cursor:default;opacity:0;animation:hub-app-pop var(--md-sys-motion-duration-long) var(--md-sys-motion-easing-emphasized-decelerate) forwards}.pipeline-step:nth-child(odd):nth-of-type(n){animation-delay:calc(var(--i, 0) * .15s)}.pipeline-step:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px var(--md-sys-color-shadow)}@supports (color: color-mix(in lab,red,red)){.pipeline-step:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--md-sys-color-shadow) 30%,transparent)}}.pipeline-step-icon{font-size:1.3rem}.pipeline-step-sub{font-size:.55rem;font-weight:400;opacity:.8}.pipeline-arrow{font-size:1.2rem;color:var(--muted-foreground);flex-shrink:0;padding:0 .2rem;animation:arrow-bounce 1.5s var(--md-sys-motion-easing-standard) infinite}.cycle-diagram{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0}.cycle-ring{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;width:100%;max-width:500px;position:relative}.cycle-ring:before{content:"";position:absolute;inset:20%;border:2px dashed var(--border);border-radius:50%;opacity:.3;animation:cycle-spin 20s linear infinite}@keyframes cycle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cycle-node{padding:.6rem;border-radius:.6rem;text-align:center;font-size:.7rem;font-weight:700;color:var(--md-sys-color-on-primary);transition:transform var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);cursor:default;z-index:1}.cycle-node:hover{transform:scale(1.08);box-shadow:0 6px 20px var(--md-sys-color-shadow)}@supports (color: color-mix(in lab,red,red)){.cycle-node:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--md-sys-color-shadow) 30%,transparent)}}.cycle-node-icon{font-size:1.1rem;display:block;margin-bottom:.2rem}.cycle-center{grid-column:2;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:var(--foreground);padding:.8rem;border-radius:50%;border:2px solid var(--border);background:var(--card);z-index:2}.bar-chart{display:flex;align-items:flex-end;gap:.5rem;height:180px;padding:.5rem 0}.bar-chart-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;height:100%;justify-content:flex-end}.bar-chart-bar{width:100%;max-width:50px;min-width:30px;border-radius:.4rem .4rem 0 0;transition:filter var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);cursor:default;position:relative}.bar-chart-bar:hover{filter:brightness(1.2)}.bar-chart-bar:after{content:attr(data-value);position:absolute;top:-1.2rem;left:50%;transform:translate(-50%);font-size:.6rem;font-weight:700;color:var(--foreground);opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.bar-chart-bar:hover:after{opacity:1}.bar-h-5{height:5%}.bar-h-10{height:10%}.bar-h-15{height:15%}.bar-h-20{height:20%}.bar-h-25{height:25%}.bar-h-30{height:30%}.bar-h-35{height:35%}.bar-h-40{height:40%}.bar-h-45{height:45%}.bar-h-50{height:50%}.bar-h-55{height:55%}.bar-h-60{height:60%}.bar-h-65{height:65%}.bar-h-70{height:70%}.bar-h-75{height:75%}.bar-h-80{height:80%}.bar-h-85{height:85%}.bar-h-90{height:90%}.bar-red{background:var(--md-sys-color-error)}.bar-orange{background:var(--md-sys-color-tertiary)}.bar-purple,.bar-blue{background:var(--md-sys-color-primary)}.bar-green{background:var(--md-sys-color-secondary)}.bar-pink{background:var(--md-sys-color-tertiary)}.bar-gray{background:var(--md-sys-color-outline)}.bar-chart-label{font-size:.6rem;font-weight:600;color:var(--muted-foreground);text-align:center;white-space:nowrap}.layer-diagram{display:flex;flex-direction:column;gap:0;max-width:500px;margin:0 auto}.layer-item{padding:.7rem 1rem;text-align:center;font-size:.75rem;font-weight:700;color:var(--md-sys-color-on-primary);transition:transform var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);cursor:default;position:relative}.layer-item:first-child{border-radius:.6rem .6rem 0 0}.layer-item:last-child{border-radius:0 0 .6rem .6rem}.layer-item:hover{transform:scaleX(1.03);z-index:2}.layer-item-sub{font-size:.6rem;font-weight:400;opacity:0;max-height:0;overflow:hidden;transition:opacity var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard),max-height var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard),margin var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard)}.layer-item:hover .layer-item-sub{opacity:.85;max-height:30px;margin-top:.2rem}.timeline{display:flex;flex-direction:column;gap:0;padding:.5rem 0 .5rem 1.5rem;border-left:3px solid var(--border);position:relative}.timeline-item{padding:.5rem 0 .5rem 1.2rem;position:relative;transition:background-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);border-radius:0 .5rem .5rem 0}.timeline-item:hover{background:var(--accent)}.timeline-item:before{content:"";position:absolute;left:-1.85rem;top:.75rem;width:12px;height:12px;border-radius:50%;border:2.5px solid var(--c, var(--foreground));background:var(--card)}.timeline-item-title{font-size:.75rem;font-weight:700;color:var(--foreground)}.timeline-item-desc{font-size:.65rem;color:var(--muted-foreground);margin-top:.1rem}@keyframes score-pop{0%{transform:scale(1)}50%{transform:scale(1.4);color:var(--md-sys-color-secondary)}to{transform:scale(1)}}.score-pop{animation:score-pop var(--md-sys-motion-duration-long) var(--md-sys-motion-easing-emphasized-decelerate)}@keyframes correct-flash{0%{background-color:color-mix(in srgb,var(--md-sys-color-secondary) 30%,transparent)}to{background-color:transparent}}.correct-flash{animation:correct-flash var(--md-sys-motion-duration-extra-long) var(--md-sys-motion-easing-standard)}@keyframes wrong-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.wrong-shake{animation:wrong-shake var(--md-sys-motion-duration-long) var(--md-sys-motion-easing-emphasized)}@keyframes streak-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.streak-fire{animation:streak-pulse var(--md-sys-motion-duration-extra-long) var(--md-sys-motion-easing-standard) infinite;display:inline-block}@keyframes timer-shrink{0%{width:100%}to{width:0%}}.game-option{transition:background-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard),color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);cursor:pointer}.game-option:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--md-sys-color-shadow)}@supports (color: color-mix(in lab,red,red)){.game-option:not(:disabled):hover{box-shadow:0 4px 12px color-mix(in srgb,var(--md-sys-color-shadow) 15%,transparent)}}.game-option:not(:disabled):active{transform:scale(.98)}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes xp-fill{0%{width:0%}}.xp-bar-fill{animation:xp-fill var(--md-sys-motion-duration-extra-long) var(--md-sys-motion-easing-emphasized-decelerate) forwards}@keyframes slide-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.slide-ring-1{transform-origin:200px 200px;animation:slide-rotate 60s linear infinite}.slide-ring-2{transform-origin:200px 200px;animation:slide-rotate 45s linear infinite reverse}.slide-ring-3{transform-origin:200px 200px;animation:slide-rotate 30s linear infinite}.slide-orbit-1{transform-origin:200px 200px;animation:slide-rotate 20s linear infinite}.slide-orbit-2{transform-origin:200px 200px;animation:slide-rotate 14s linear infinite reverse}.slide-orbit-3{transform-origin:200px 200px;animation:slide-rotate 10s linear infinite}@keyframes slide-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}.slide-float-1{animation:slide-float 6s var(--md-sys-motion-easing-standard) infinite;transform-origin:center}.slide-float-2{animation:slide-float 7s var(--md-sys-motion-easing-standard) infinite;transform-origin:center;animation-delay:-2s}.slide-float-3{animation:slide-float 8s var(--md-sys-motion-easing-standard) infinite;transform-origin:center;animation-delay:-4s}@keyframes slide-pulse{0%,to{opacity:.3}50%{opacity:1}}.slide-pulse-1{animation:slide-pulse 2s var(--md-sys-motion-easing-standard) infinite}.slide-pulse-2{animation:slide-pulse 2.5s var(--md-sys-motion-easing-standard) infinite;animation-delay:-.7s}.slide-pulse-3{animation:slide-pulse 2.3s var(--md-sys-motion-easing-standard) infinite;animation-delay:-1.2s}.slide-rotate-slow{transform-origin:100px 100px;animation:slide-rotate 30s linear infinite}.slide-rotate-reverse{transform-origin:100px 100px;animation:slide-rotate 20s linear infinite reverse}@keyframes slide-confetti{0%{transform:translateY(-40px);opacity:0}20%{opacity:1}to{transform:translateY(500px);opacity:0}}.slide-confetti-1{animation:slide-confetti 5s var(--md-sys-motion-easing-standard-accelerate) infinite}.slide-confetti-2{animation:slide-confetti 6s var(--md-sys-motion-easing-standard-accelerate) infinite;animation-delay:-1s}.slide-confetti-3{animation:slide-confetti 7s var(--md-sys-motion-easing-standard-accelerate) infinite;animation-delay:-2s}.slide-confetti-4{animation:slide-confetti 5.5s var(--md-sys-motion-easing-standard-accelerate) infinite;animation-delay:-3s}.slide-confetti-5{animation:slide-confetti 6.5s var(--md-sys-motion-easing-standard-accelerate) infinite;animation-delay:-1.5s}@keyframes slide-check-draw{0%{stroke-dasharray:100;stroke-dashoffset:100;opacity:0}50%{opacity:1}to{stroke-dasharray:100;stroke-dashoffset:0;opacity:1}}.slide-check{animation:slide-check-draw 1.5s var(--md-sys-motion-easing-emphasized-decelerate) forwards}@media(prefers-reduced-motion:reduce){.seq-step,.seq-arrow:before,.seq-action,.hub-center,.hub-user,.hub-arrow-label .arrow-animated,.hub-app,.jwt-part,.jwt-part-desc,.vs-card,.vs-row,.dtree-node,.dtree-label,.dtree-answer,.pipeline-step,.pipeline-arrow,.cycle-ring:before,.cycle-node,.bar-chart-bar,.bar-chart-bar:after,.layer-item,.layer-item-sub,.timeline-item,.game-option,.xp-bar-fill{animation:none!important;transition:none!important}.seq-step,.hub-app,.pipeline-step{opacity:1!important;transform:none!important}.hub-center,.hub-user,.hub-arrow-label .arrow-animated,.hub-app:hover,.jwt-part:hover,.vs-card:hover,.dtree-node:hover,.dtree-answer:hover,.pipeline-step:hover,.pipeline-arrow,.cycle-node:hover,.layer-item:hover,.game-option:not(:disabled):hover,.game-option:not(:disabled):active{filter:none!important;letter-spacing:0!important;transform:none!important}.jwt-part:hover{flex:1!important}.slide-ring-1,.slide-ring-2,.slide-ring-3,.slide-orbit-1,.slide-orbit-2,.slide-orbit-3,.slide-float-1,.slide-float-2,.slide-float-3,.slide-pulse-1,.slide-pulse-2,.slide-pulse-3,.slide-rotate-slow,.slide-rotate-reverse,.slide-confetti-1,.slide-confetti-2,.slide-confetti-3,.slide-confetti-4,.slide-confetti-5,.slide-check{animation:none!important}}.course-content{color:var(--md-sys-color-on-surface);line-height:1.75;font-size:1rem}.course-content p{margin:1rem 0;color:var(--md-sys-color-on-surface-variant)}.course-content h2{color:var(--md-sys-color-on-surface);font-family:var(--md-ref-typeface-brand);font-size:clamp(1.65rem,3vw,2.35rem);font-weight:500;letter-spacing:0;line-height:1.15;margin:2.6rem 0 1rem;padding-bottom:.7rem;border-bottom:1px solid var(--md-sys-color-outline-variant);scroll-margin-top:7rem}.course-content h3{color:var(--md-sys-color-on-surface);font-size:1.35rem;font-weight:850;line-height:1.22;margin:1.75rem 0 .75rem;scroll-margin-top:7rem}.course-content h4{color:var(--md-sys-color-on-surface);font-size:1.1rem;font-weight:850;margin:1.25rem 0 .5rem}.course-content strong,.course-content b{font-weight:850;color:var(--md-sys-color-on-surface)}.course-content em,.course-content i{font-style:italic;color:var(--md-sys-color-on-surface)}.course-content a{color:var(--md-sys-color-primary);font-weight:800;text-decoration:underline;text-decoration-thickness:.1em;text-underline-offset:.18em}.course-content a:hover{color:var(--md-sys-color-secondary)}.course-content ul,.course-content ol{margin:1rem 0 1.25rem;padding-left:1.5rem}.course-content ul{list-style-type:disc}.course-content ol{list-style-type:decimal}.course-content li{margin:.5rem 0;color:var(--md-sys-color-on-surface-variant);line-height:1.7}.course-content li::marker{color:var(--md-sys-color-primary)}.course-content code{background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);padding:.15rem .4rem;border-radius:var(--md-sys-shape-corner-sm);font-size:.9em;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;border:1px solid var(--md-sys-color-outline-variant)}.course-content pre{background-color:var(--md-sys-color-inverse-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-lg);color:var(--md-sys-color-inverse-on-surface);padding:1rem 1.25rem;overflow-x:auto;margin:1.25rem 0;font-size:.875rem;line-height:1.6}.course-content pre code{background-color:transparent;border:none;color:inherit;padding:0;font-size:inherit}.course-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9rem;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-lg);overflow:hidden}.course-content thead{background-color:var(--md-sys-color-surface-container-high)}.course-content th{text-align:left;font-weight:850;padding:.75rem 1rem;color:var(--md-sys-color-on-surface);border-bottom:1px solid var(--md-sys-color-outline-variant)}.course-content td{padding:.65rem 1rem;border-bottom:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant)}.course-content tr:last-child td{border-bottom:none}.course-content blockquote{border-left:.35rem solid var(--md-sys-color-primary);padding:.85rem 1rem;margin:1.25rem 0;background-color:var(--md-sys-color-primary-container);border-radius:var(--md-sys-shape-corner-lg);font-style:italic;color:var(--md-sys-color-on-primary-container)}.course-content details{margin:1.25rem 0;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-lg);background-color:var(--md-sys-color-surface-container-low);padding:.85rem 1rem}.course-content summary{cursor:pointer;font-weight:850;color:var(--md-sys-color-on-surface)}.course-content details[open] summary{margin-bottom:.75rem}.course-content hr{border:none;border-top:1px solid var(--md-sys-color-outline-variant);margin:2rem 0}@media(prefers-reduced-motion:reduce){.md3-course-hero-copy,.md3-course-detail-copy,.md3-course-seo-copy,.md3-course-hero-panel,.md3-course-overview-panel,.md3-course-seo-panel,.md3-course-disclosure-body,.md3-course-faq-body{animation:none!important}.md3-course-hub-card,.md3-course-path-card,.md3-course-outcome-card,.md3-course-audience-card,.md3-course-module-card,.md3-course-info-card,.md3-course-related-card,.md3-course-nav-card,.md3-course-lab-card,.md3-course-disclosure-icon,.md3-course-faq-icon,.md3-course-card-action svg,.md3-course-related-card svg,.md3-course-nav-card svg{transition:none!important}.md3-course-hub-card:hover,.md3-course-hub-card:focus-visible,.md3-course-path-card:hover,.md3-course-path-card:focus-within,.md3-course-module-card:hover,.md3-course-module-card:focus-within,.md3-course-related-card:hover,.md3-course-related-card:focus-visible,.md3-course-nav-card:hover,.md3-course-nav-card:focus-visible{transform:none!important}}.md3-learning-page{min-height:100vh;background:radial-gradient(circle at 10% 0%,var(--md-sys-color-primary-container),transparent 32rem),radial-gradient(circle at 95% 8%,var(--md-sys-color-secondary-container),transparent 30rem),var(--md-sys-color-background);color:var(--md-sys-color-on-background)}@supports (color: color-mix(in lab,red,red)){.md3-learning-page{background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--md-sys-color-primary-container) 38%,transparent),transparent 32rem),radial-gradient(circle at 95% 8%,color-mix(in srgb,var(--md-sys-color-secondary-container) 24%,transparent),transparent 30rem),var(--md-sys-color-background)}}.md3-learning-container{width:min(72rem,calc(100% - 2rem));margin-inline:auto}.md3-learning-container-narrow{width:min(58rem,calc(100% - 2rem));margin-inline:auto}.md3-learning-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1.35rem;padding:0;list-style:none;color:var(--md-sys-color-on-surface-variant);font-size:.9rem;font-weight:750}.md3-learning-breadcrumb a{color:var(--md-sys-color-primary);text-decoration:none}.md3-learning-breadcrumb a:hover,.md3-learning-breadcrumb a:focus-visible{text-decoration:underline;text-underline-offset:.24rem}.md3-learning-hero{overflow:clip;border-block-end:1px solid var(--md-sys-color-outline-variant);padding-block:clamp(2.5rem,6vw,5.5rem)}.md3-learning-section,.md3-learning-tonal-section{padding-block:clamp(2.75rem,6vw,5rem)}.md3-learning-tonal-section{border-block:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low)}.md3-learning-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,.72fr);gap:clamp(1.5rem,5vw,4rem);align-items:center}.md3-learning-hero-copy{max-width:54rem;animation:md3-page-enter var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate) both}.md3-learning-eyebrow{display:inline-flex;width:fit-content;min-height:2rem;align-items:center;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);padding-inline:.9rem;font-size:.72rem;font-weight:900;letter-spacing:.08em;line-height:1;text-transform:uppercase}.md3-learning-hero h1,.md3-learning-section-heading h2,.md3-learning-card h2,.md3-learning-card h3,.md3-learning-panel h2{font-family:var(--md-ref-typeface-brand);letter-spacing:0}.md3-learning-hero h1{margin:1rem 0 1.1rem;color:var(--md-sys-color-on-background);font-size:clamp(2.45rem,6vw,5rem);font-weight:500;line-height:.98}.md3-learning-lede{max-width:46rem;color:var(--md-sys-color-on-surface-variant);font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.75}.md3-learning-actions,.md3-learning-chip-row,.md3-learning-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.md3-learning-actions{margin-block:1.6rem 1.1rem}.md3-learning-panel,.md3-learning-card,.md3-learning-command-card,.md3-learning-callout,.md3-learning-profile-card{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-xl);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);box-shadow:none}@supports (color: color-mix(in lab,red,red)){.md3-learning-panel,.md3-learning-card,.md3-learning-command-card,.md3-learning-callout,.md3-learning-profile-card{border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 88%,transparent)}}.md3-learning-panel{padding:clamp(1rem,2vw,1.35rem);background:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-1);animation:md3-container-transform-enter var(--md-sys-motion-duration-medium-2) var(--md-sys-motion-easing-emphasized-decelerate) both}@supports (color: color-mix(in lab,red,red)){.md3-learning-panel{background:color-mix(in srgb,var(--md-sys-color-surface-container) 94%,transparent)}}.md3-learning-split-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,22rem);gap:1.5rem;align-items:center}.md3-learning-card,.md3-learning-command-card,.md3-learning-profile-card{display:flex;min-width:0;flex-direction:column;gap:.95rem;padding:clamp(1rem,2vw,1.35rem);text-decoration:none;transition:var(--md-sys-motion-transition-container)}a.md3-learning-card:hover,a.md3-learning-card:focus-visible,a.md3-learning-command-card:hover,a.md3-learning-command-card:focus-visible,.md3-learning-card.interactive:hover,.md3-learning-card.interactive:focus-within{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-2);transform:translateY(-2px)}@supports (color: color-mix(in lab,red,red)){a.md3-learning-card:hover,a.md3-learning-card:focus-visible,a.md3-learning-command-card:hover,a.md3-learning-command-card:focus-visible,.md3-learning-card.interactive:hover,.md3-learning-card.interactive:focus-within{border-color:color-mix(in srgb,var(--md-sys-color-primary) 42%,var(--md-sys-color-outline-variant))}}a.md3-learning-card:active,a.md3-learning-command-card:active{transform:translateY(0) scale(.992)}.md3-learning-card h2,.md3-learning-card h3,.md3-learning-panel h2,.md3-learning-profile-card h2,.md3-learning-profile-card h3{margin:0;color:var(--md-sys-color-on-surface);font-size:clamp(1.08rem,1.6vw,1.42rem);font-weight:850;line-height:1.22}.md3-learning-card p,.md3-learning-panel p,.md3-learning-profile-card p{margin:0;color:var(--md-sys-color-on-surface-variant);line-height:1.65}.md3-learning-card-top,.md3-learning-card-action,.md3-learning-panel-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.md3-learning-icon,.md3-learning-number,.md3-learning-avatar{display:inline-grid;min-width:2.85rem;min-height:2.85rem;place-items:center;border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-size:.82rem;font-weight:900;letter-spacing:.04em}.md3-learning-avatar{min-width:4.75rem;min-height:4.75rem;border-radius:var(--md-sys-shape-corner-xl);font-size:2rem}.md3-learning-stat-grid,.md3-learning-grid,.md3-learning-grid-2,.md3-learning-grid-3,.md3-learning-grid-4{display:grid;gap:1rem}.md3-learning-stat-grid,.md3-learning-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md3-learning-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md3-learning-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md3-learning-stat-tile{min-height:6rem;border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);padding:1rem}.md3-learning-stat-tile:nth-child(2n){background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.md3-learning-stat-tile strong{display:block;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:900;line-height:1}.md3-learning-stat-tile span{display:block;margin-top:.45rem;font-size:.85rem;font-weight:850}.md3-learning-section-heading{max-width:48rem;margin-bottom:clamp(1.4rem,3vw,2.35rem)}.md3-learning-section-heading.centered{margin-inline:auto;text-align:center}.md3-learning-section-heading h2{margin:.9rem 0 .65rem;color:var(--md-sys-color-on-background);font-size:clamp(1.85rem,3vw,3rem);font-weight:500;line-height:1.08}.md3-learning-section-heading p{color:var(--md-sys-color-on-surface-variant);font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.75}.md3-learning-card-action{margin-top:auto;color:var(--md-sys-color-primary);font-weight:900}.md3-learning-card-action svg{transition:transform var(--md-sys-motion-duration-short-2) var(--md-sys-motion-easing-standard)}a.md3-learning-card:hover .md3-learning-card-action svg,a.md3-learning-card:focus-visible .md3-learning-card-action svg{transform:translate(.18rem)}.md3-learning-mini-map{overflow:hidden;margin-top:1rem;border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-surface-container-high)}.md3-learning-mini-map svg{display:block;width:100%;aspect-ratio:26 / 15}.md3-mini-map-backdrop{fill:var(--md-sys-color-surface-container-high)}@supports (color: color-mix(in lab,red,red)){.md3-mini-map-backdrop{fill:color-mix(in srgb,var(--md-sys-color-surface-container-high) 84%,var(--md-sys-color-primary-container))}}.md3-mini-map-grid{fill:none;stroke:var(--md-sys-color-outline-variant);stroke-width:1;opacity:.28}.md3-mini-map-route{fill:none;stroke:var(--md-sys-color-outline);stroke-width:10;stroke-linecap:round;opacity:.5}@supports (color: color-mix(in lab,red,red)){.md3-mini-map-route{stroke:color-mix(in srgb,var(--md-sys-color-outline) 54%,transparent)}}.md3-mini-map-route.secondary{stroke:var(--md-sys-color-tertiary);stroke-width:8;opacity:.46}.md3-mini-map-node rect,.md3-mini-map-reference rect,.md3-mini-map-chip rect{stroke-width:2.25}.md3-mini-map-node rect{fill:var(--md-sys-color-surface-container-high);stroke:var(--md-sys-color-outline-variant)}.md3-mini-map-node-a rect{fill:var(--md-sys-color-primary-container);stroke:var(--md-sys-color-primary)}@supports (color: color-mix(in lab,red,red)){.md3-mini-map-node-a rect{stroke:color-mix(in srgb,var(--md-sys-color-primary) 70%,var(--md-sys-color-outline-variant))}}.md3-mini-map-node-b rect{fill:var(--md-sys-color-surface-container);stroke:var(--md-sys-color-primary)}@supports (color: color-mix(in lab,red,red)){.md3-mini-map-node-b rect{stroke:color-mix(in srgb,var(--md-sys-color-primary) 45%,var(--md-sys-color-outline-variant))}}.md3-mini-map-node-c rect{fill:var(--md-sys-color-secondary-container);stroke:var(--md-sys-color-secondary)}@supports (color: color-mix(in lab,red,red)){.md3-mini-map-node-c rect{stroke:color-mix(in srgb,var(--md-sys-color-secondary) 70%,var(--md-sys-color-outline-variant))}}.md3-mini-map-reference rect{fill:var(--md-sys-color-tertiary-container);stroke:var(--md-sys-color-tertiary)}@supports (color: color-mix(in lab,red,red)){.md3-mini-map-reference rect{stroke:color-mix(in srgb,var(--md-sys-color-tertiary) 58%,var(--md-sys-color-outline-variant))}}.md3-mini-map-chip rect{fill:var(--md-sys-color-surface-container-low);stroke:var(--md-sys-color-outline-variant)}.md3-mini-map-node-label,.md3-mini-map-reference-label{fill:var(--md-sys-color-on-surface);font-size:1.22rem;font-weight:900}.md3-mini-map-node-a .md3-mini-map-node-label,.md3-mini-map-node-a .md3-mini-map-node-copy{fill:var(--md-sys-color-on-primary-container)}@supports (color: color-mix(in lab,red,red)){.md3-mini-map-node-a .md3-mini-map-node-copy{fill:color-mix(in srgb,var(--md-sys-color-on-primary-container) 78%,transparent)}}.md3-mini-map-node-c .md3-mini-map-node-label,.md3-mini-map-node-c .md3-mini-map-node-copy{fill:var(--md-sys-color-on-secondary-container)}@supports (color: color-mix(in lab,red,red)){.md3-mini-map-node-c .md3-mini-map-node-copy{fill:color-mix(in srgb,var(--md-sys-color-on-secondary-container) 78%,transparent)}}.md3-mini-map-reference-label{fill:var(--md-sys-color-on-tertiary-container)}.md3-mini-map-node-copy,.md3-mini-map-reference-copy,.md3-mini-map-chip text{fill:var(--md-sys-color-on-surface-variant);font-size:.84rem;font-weight:850}.md3-mini-map-reference-copy{fill:var(--md-sys-color-on-tertiary-container)}@supports (color: color-mix(in lab,red,red)){.md3-mini-map-reference-copy{fill:color-mix(in srgb,var(--md-sys-color-on-tertiary-container) 76%,transparent)}}.md3-mini-map-chip text{font-size:.72rem;letter-spacing:.07em}.md3-learning-command-card{overflow:hidden;gap:0;padding:0}.md3-learning-command-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);padding:.85rem 1rem}.md3-learning-command-header h2,.md3-learning-command-header h3{margin:0;font-size:.82rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.md3-learning-command-row{display:grid;grid-template-columns:minmax(0,.52fr) minmax(0,1fr);gap:1rem;border-bottom:1px solid var(--md-sys-color-outline-variant);padding:1rem}@supports (color: color-mix(in lab,red,red)){.md3-learning-command-row{border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent)}}.md3-learning-command-row:last-child{border-bottom:0}.md3-learning-code{overflow-x:auto;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-md);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);padding:.55rem .7rem;font-family:var(--font-mono);font-size:.82rem;line-height:1.45;white-space:pre}.md3-learning-code code{background:transparent;color:inherit;font:inherit}.md3-learning-callout{border-inline-start:.35rem solid var(--md-sys-color-primary);padding:1rem}.md3-learning-callout.secondary{border-inline-start-color:var(--md-sys-color-secondary)}.md3-learning-callout.tertiary{border-inline-start-color:var(--md-sys-color-tertiary)}.md3-learning-callout.error{border-inline-start-color:var(--md-sys-color-error)}.md3-learning-bullet-list{display:grid;gap:.7rem;margin:0;padding:0;list-style:none}.md3-learning-bullet-list li{display:flex;gap:.65rem;color:var(--md-sys-color-on-surface-variant);line-height:1.6}.md3-learning-bullet-list li:before{content:"";width:.55rem;height:.55rem;flex:0 0 auto;margin-top:.55rem;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary)}.md3-learning-link-grid{display:grid;gap:.7rem}.md3-learning-link-pill{display:flex;min-height:3.25rem;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-primary);padding-inline:1rem;font-weight:900;text-decoration:none;transition:var(--md-sys-motion-transition-state)}.md3-learning-link-pill:hover,.md3-learning-link-pill:focus-visible{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.md3-lab-shell,.md3-reference-shell{min-height:100vh;background:var(--md-sys-color-background);color:var(--md-sys-color-on-background)}.md3-reference-hero{border-block-end:0;padding-block:0 2.5rem}:where(app-cheatsheet-docker,app-cheatsheet-git,app-cheatsheet-python,app-cheatsheet-sql,app-cheatsheet-kubernetes,app-cheatsheet-kubernetes-security)>section{min-height:100vh;background:radial-gradient(circle at 10% 0%,var(--md-sys-color-primary-container),transparent 30rem),radial-gradient(circle at 92% 8%,var(--md-sys-color-secondary-container),transparent 28rem),var(--md-sys-color-background);color:var(--md-sys-color-on-background)}@supports (color: color-mix(in lab,red,red)){:where(app-cheatsheet-docker,app-cheatsheet-git,app-cheatsheet-python,app-cheatsheet-sql,app-cheatsheet-kubernetes,app-cheatsheet-kubernetes-security)>section{background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--md-sys-color-primary-container) 32%,transparent),transparent 30rem),radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--md-sys-color-secondary-container) 18%,transparent),transparent 28rem),var(--md-sys-color-background)}}:where(app-cheatsheet-docker,app-cheatsheet-git,app-cheatsheet-python,app-cheatsheet-sql,app-cheatsheet-kubernetes,app-cheatsheet-kubernetes-security) nav ol{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1.35rem;padding:0;list-style:none;color:var(--md-sys-color-on-surface-variant);font-size:.9rem;font-weight:750}:where(app-cheatsheet-docker,app-cheatsheet-git,app-cheatsheet-python,app-cheatsheet-sql,app-cheatsheet-kubernetes,app-cheatsheet-kubernetes-security) nav a{color:var(--md-sys-color-primary);text-decoration:none}:where(app-cheatsheet-docker,app-cheatsheet-git,app-cheatsheet-python,app-cheatsheet-sql,app-cheatsheet-kubernetes,app-cheatsheet-kubernetes-security) h1{color:var(--md-sys-color-on-background);font-family:var(--md-ref-typeface-brand);font-size:clamp(2.2rem,5vw,4.2rem)!important;font-weight:500!important;line-height:1.02!important;letter-spacing:0!important}:where(app-kubernetes-security-simulator,app-cheatsheet-docker,app-cheatsheet-git,app-cheatsheet-python,app-cheatsheet-sql,app-cheatsheet-kubernetes,app-cheatsheet-kubernetes-security) :where(.rounded-xl,.rounded-2xl):where(.border){border-color:var(--md-sys-color-outline-variant)!important;border-radius:var(--md-sys-shape-corner-xl)!important;background:var(--md-sys-color-surface-container-low)!important;color:var(--md-sys-color-on-surface)!important;box-shadow:none!important;transition:var(--md-sys-motion-transition-container)}@supports (color: color-mix(in lab,red,red)){:where(app-kubernetes-security-simulator,app-cheatsheet-docker,app-cheatsheet-git,app-cheatsheet-python,app-cheatsheet-sql,app-cheatsheet-kubernetes,app-cheatsheet-kubernetes-security) :where(.rounded-xl,.rounded-2xl):where(.border){border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 88%,transparent)!important}}:where(app-kubernetes-security-simulator,app-cheatsheet-docker,app-cheatsheet-git,app-cheatsheet-python,app-cheatsheet-sql,app-cheatsheet-kubernetes,app-cheatsheet-kubernetes-security) :where(.rounded-xl,.rounded-2xl):where(.border):hover{border-color:var(--md-sys-color-primary)!important;background:var(--md-sys-color-surface-container)!important}@supports (color: color-mix(in lab,red,red)){:where(app-kubernetes-security-simulator,app-cheatsheet-docker,app-cheatsheet-git,app-cheatsheet-python,app-cheatsheet-sql,app-cheatsheet-kubernetes,app-cheatsheet-kubernetes-security) :where(.rounded-xl,.rounded-2xl):where(.border):hover{border-color:color-mix(in srgb,var(--md-sys-color-primary) 38%,var(--md-sys-color-outline-variant))!important}}:where(app-cheatsheet-docker,app-cheatsheet-git,app-cheatsheet-python,app-cheatsheet-sql,app-cheatsheet-kubernetes,app-cheatsheet-kubernetes-security) :where(pre,code){border-radius:var(--md-sys-shape-corner-md)}:where(app-cheatsheet-docker,app-cheatsheet-git,app-cheatsheet-python,app-cheatsheet-sql,app-cheatsheet-kubernetes,app-cheatsheet-kubernetes-security) pre{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-inverse-surface)!important;color:var(--md-sys-color-inverse-on-surface)!important}:where(app-kubernetes-security-simulator,app-cheatsheet-docker,app-cheatsheet-git,app-cheatsheet-python,app-cheatsheet-sql,app-cheatsheet-kubernetes,app-cheatsheet-kubernetes-security) button,:where(app-kubernetes-security-simulator,app-cheatsheet-docker,app-cheatsheet-git,app-cheatsheet-python,app-cheatsheet-sql,app-cheatsheet-kubernetes,app-cheatsheet-kubernetes-security) a{transition:var(--md-sys-motion-transition-state)}@media(prefers-reduced-motion:reduce){:where(app-kubernetes-security-simulator,app-cheatsheet-docker,app-cheatsheet-git,app-cheatsheet-python,app-cheatsheet-sql,app-cheatsheet-kubernetes,app-cheatsheet-kubernetes-security) :where(.rounded-xl,.rounded-2xl):where(.border),:where(app-kubernetes-security-simulator,app-cheatsheet-docker,app-cheatsheet-git,app-cheatsheet-python,app-cheatsheet-sql,app-cheatsheet-kubernetes,app-cheatsheet-kubernetes-security) button,:where(app-kubernetes-security-simulator,app-cheatsheet-docker,app-cheatsheet-git,app-cheatsheet-python,app-cheatsheet-sql,app-cheatsheet-kubernetes,app-cheatsheet-kubernetes-security) a{transition:none!important}}.md3-lab-choice{width:100%;min-height:3.5rem;border:2px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);padding:1rem;text-align:left;transition:var(--md-sys-motion-transition-state)}.md3-lab-choice:not(:disabled):hover,.md3-lab-choice:not(:disabled):focus-visible{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container);transform:translateY(-1px)}.md3-lab-choice.correct{border-color:var(--md-sys-color-secondary);background:var(--md-sys-color-secondary-container)}@supports (color: color-mix(in lab,red,red)){.md3-lab-choice.correct{background:color-mix(in srgb,var(--md-sys-color-secondary-container) 46%,transparent)}}.md3-lab-choice.incorrect{border-color:var(--md-sys-color-error);background:var(--md-sys-color-error-container)}@supports (color: color-mix(in lab,red,red)){.md3-lab-choice.incorrect{background:color-mix(in srgb,var(--md-sys-color-error-container) 46%,transparent)}}.md3-lab-progress{overflow:hidden;height:.5rem;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-high)}.md3-lab-progress>span{display:block;height:100%;border-radius:inherit;background:var(--md-sys-color-primary);transition:width var(--md-sys-motion-duration-medium-1) var(--md-sys-motion-easing-emphasized-decelerate)}:where(app-guess-output,app-spot-the-bug,app-devops-scenario,app-typing-test,app-salary-calculator,app-linux-challenge)>section{min-height:100vh;background:radial-gradient(circle at 8% 0%,var(--md-sys-color-primary-container),transparent 28rem),radial-gradient(circle at 92% 10%,var(--md-sys-color-secondary-container),transparent 26rem),var(--md-sys-color-background);color:var(--md-sys-color-on-background)}@supports (color: color-mix(in lab,red,red)){:where(app-guess-output,app-spot-the-bug,app-devops-scenario,app-typing-test,app-salary-calculator,app-linux-challenge)>section{background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--md-sys-color-primary-container) 30%,transparent),transparent 28rem),radial-gradient(circle at 92% 10%,color-mix(in srgb,var(--md-sys-color-secondary-container) 18%,transparent),transparent 26rem),var(--md-sys-color-background)}}:where(app-guess-output,app-spot-the-bug,app-devops-scenario,app-typing-test,app-salary-calculator,app-linux-challenge) .container{width:min(100% - 1.25rem,56rem);max-width:56rem!important;padding-inline:0!important}:where(app-guess-output,app-spot-the-bug,app-devops-scenario,app-typing-test,app-salary-calculator,app-linux-challenge) nav ol{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;color:var(--md-sys-color-on-surface-variant);font-size:.9rem;font-weight:750}:where(app-guess-output,app-spot-the-bug,app-devops-scenario,app-typing-test,app-salary-calculator,app-linux-challenge) nav a{color:var(--md-sys-color-primary);text-decoration:none}:where(app-guess-output,app-spot-the-bug,app-devops-scenario,app-typing-test,app-salary-calculator,app-linux-challenge) .text-center.mb-8{display:grid;justify-items:center;gap:.85rem;margin-bottom:2rem;text-align:center}:where(app-guess-output,app-spot-the-bug,app-devops-scenario,app-typing-test,app-salary-calculator,app-linux-challenge) .text-center.mb-8>div:first-child{display:grid;width:3.75rem;height:3.75rem;place-items:center;border-radius:var(--md-sys-shape-corner-xl);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-size:1.55rem;box-shadow:var(--md-sys-elevation-1)}:where(app-guess-output,app-spot-the-bug,app-devops-scenario,app-typing-test,app-salary-calculator,app-linux-challenge) h1{color:var(--md-sys-color-on-background);font-family:var(--md-ref-typeface-brand);font-size:clamp(2.35rem,5vw,4rem)!important;font-weight:500!important;line-height:1.04!important;letter-spacing:0!important}:where(app-guess-output,app-spot-the-bug,app-devops-scenario,app-typing-test,app-salary-calculator,app-linux-challenge) :where(.rounded-2xl.border,.rounded-xl.border){border-color:var(--md-sys-color-outline-variant)!important;border-radius:var(--md-sys-shape-corner-xl)!important;background:var(--md-sys-color-surface-container-low)!important;color:var(--md-sys-color-on-surface)!important;box-shadow:none!important}@supports (color: color-mix(in lab,red,red)){:where(app-guess-output,app-spot-the-bug,app-devops-scenario,app-typing-test,app-salary-calculator,app-linux-challenge) :where(.rounded-2xl.border,.rounded-xl.border){border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 88%,transparent)!important}}:where(app-guess-output,app-spot-the-bug,app-devops-scenario,app-typing-test,app-salary-calculator,app-linux-challenge) :where(.rounded-lg.bg-muted,.rounded-lg.bg-black){border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container)!important;color:var(--md-sys-color-on-surface)!important}:where(app-guess-output,app-spot-the-bug,app-devops-scenario,app-typing-test,app-salary-calculator,app-linux-challenge) :where(input,select){min-height:3rem;border-radius:var(--md-sys-shape-corner-md)!important;border-color:var(--md-sys-color-outline-variant)!important;background:var(--md-sys-color-surface-container-low)!important;color:var(--md-sys-color-on-surface)!important}:where(app-guess-output,app-spot-the-bug,app-devops-scenario,app-linux-challenge) .game-option{min-height:3.5rem;border:2px solid var(--md-sys-color-outline-variant)!important;border-radius:var(--md-sys-shape-corner-lg)!important;background:var(--md-sys-color-surface-container-low)!important;color:var(--md-sys-color-on-surface)!important;transition:var(--md-sys-motion-transition-state)}:where(app-guess-output,app-spot-the-bug,app-devops-scenario,app-linux-challenge) .game-option:not(:disabled):hover,:where(app-guess-output,app-spot-the-bug,app-devops-scenario,app-linux-challenge) .game-option:not(:disabled):focus-visible{border-color:var(--md-sys-color-primary)!important;background:var(--md-sys-color-surface-container)!important;box-shadow:none}:where(app-guess-output,app-spot-the-bug,app-devops-scenario,app-linux-challenge) .game-option span.bg-muted{background:var(--md-sys-color-primary-container)!important;color:var(--md-sys-color-on-primary-container)!important}@media(max-width:1180px){.md3-learning-hero-grid,.md3-learning-split-panel,.md3-learning-grid-4{grid-template-columns:1fr}.md3-learning-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.md3-learning-container,.md3-learning-container-narrow{width:min(100% - 1rem,72rem)}.md3-learning-hero h1{font-size:clamp(2.1rem,13vw,3.45rem);line-height:1.02}.md3-learning-grid-2,.md3-learning-grid-3,.md3-learning-grid-4,.md3-learning-stat-grid,.md3-learning-command-row{grid-template-columns:1fr}.md3-learning-hero,.md3-learning-section,.md3-learning-tonal-section{padding-block:2.25rem}}@media(prefers-reduced-motion:reduce){.md3-learning-hero-copy,.md3-learning-panel{animation:none!important}.md3-learning-card,.md3-learning-command-card,.md3-lab-choice,.md3-lab-progress>span,.md3-learning-card-action svg,.md3-learning-link-pill{transition:none!important}a.md3-learning-card:hover,a.md3-learning-card:focus-visible,a.md3-learning-command-card:hover,a.md3-learning-command-card:focus-visible,.md3-lab-choice:not(:disabled):hover,.md3-lab-choice:not(:disabled):focus-visible{transform:none!important}}.callout{position:relative;margin:1.75rem 0;padding:1rem 1.25rem 1rem 3rem;border-radius:.75rem;border:1px solid;font-size:.95rem;line-height:1.6}.callout>strong:first-child{display:block;font-weight:700;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.4rem}.callout>p{margin:0;color:var(--foreground)}@supports (color: color-mix(in lab,red,red)){.callout>p{color:color-mix(in srgb,var(--foreground) 90%,transparent)}}.callout:before{position:absolute;left:1rem;top:1rem;font-size:1.1rem;line-height:1}.callout-production{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container)}@supports (color: color-mix(in lab,red,red)){.callout-production{border-color:color-mix(in srgb,var(--md-sys-color-primary) 35%,var(--md-sys-color-outline-variant))}}@supports (color: color-mix(in lab,red,red)){.callout-production{background:color-mix(in srgb,var(--md-sys-color-primary-container) 36%,var(--md-sys-color-surface))}}.callout-production>strong:first-child{color:var(--md-sys-color-on-primary-container)}.callout-production:before{content:"\1f6e0"}.callout-security{border-color:var(--md-sys-color-error);background:var(--md-sys-color-error-container)}@supports (color: color-mix(in lab,red,red)){.callout-security{border-color:color-mix(in srgb,var(--md-sys-color-error) 42%,var(--md-sys-color-outline-variant))}}@supports (color: color-mix(in lab,red,red)){.callout-security{background:color-mix(in srgb,var(--md-sys-color-error-container) 38%,var(--md-sys-color-surface))}}.callout-security>strong:first-child{color:var(--md-sys-color-on-error-container)}.callout-security:before{content:"\1f6e1"}.callout-performance{border-color:var(--md-sys-color-tertiary);background:var(--md-sys-color-tertiary-container)}@supports (color: color-mix(in lab,red,red)){.callout-performance{border-color:color-mix(in srgb,var(--md-sys-color-tertiary) 38%,var(--md-sys-color-outline-variant))}}@supports (color: color-mix(in lab,red,red)){.callout-performance{background:color-mix(in srgb,var(--md-sys-color-tertiary-container) 36%,var(--md-sys-color-surface))}}.callout-performance>strong:first-child{color:var(--md-sys-color-on-tertiary-container)}.callout-performance:before{content:"\26a1"}.callout-mistake{border-color:var(--md-sys-color-error);background:var(--md-sys-color-error-container)}@supports (color: color-mix(in lab,red,red)){.callout-mistake{border-color:color-mix(in srgb,var(--md-sys-color-error) 42%,var(--md-sys-color-outline-variant))}}@supports (color: color-mix(in lab,red,red)){.callout-mistake{background:color-mix(in srgb,var(--md-sys-color-error-container) 38%,var(--md-sys-color-surface))}}.callout-mistake>strong:first-child{color:var(--md-sys-color-on-error-container)}.callout-mistake:before{content:"\26a0"}.callout-troubleshoot{border-color:var(--md-sys-color-secondary);background:var(--md-sys-color-secondary-container)}@supports (color: color-mix(in lab,red,red)){.callout-troubleshoot{border-color:color-mix(in srgb,var(--md-sys-color-secondary) 38%,var(--md-sys-color-outline-variant))}}@supports (color: color-mix(in lab,red,red)){.callout-troubleshoot{background:color-mix(in srgb,var(--md-sys-color-secondary-container) 36%,var(--md-sys-color-surface))}}.callout-troubleshoot>strong:first-child{color:var(--md-sys-color-on-secondary-container)}.callout-troubleshoot:before{content:"\1f50d"}@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;}@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: 0px;}@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-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@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;}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@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-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--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-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--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-animation-delay: 0s;--tw-animation-direction: normal;--tw-animation-duration: initial;--tw-animation-fill-mode: none;--tw-animation-iteration-count: 1;--tw-enter-blur: 0;--tw-enter-opacity: 1;--tw-enter-rotate: 0;--tw-enter-scale: 1;--tw-enter-translate-x: 0;--tw-enter-translate-y: 0;--tw-exit-blur: 0;--tw-exit-opacity: 1;--tw-exit-rotate: 0;--tw-exit-scale: 1;--tw-exit-translate-x: 0;--tw-exit-translate-y: 0}}}