/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after{--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-scroll-snap-strictness:proximity;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}::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-scroll-snap-strictness:proximity;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-lg:32rem;--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:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.\@container\/field-group{container:field-group/inline-size}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.inset-s-1\/2{inset-inline-start:50%}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-12{top:calc(var(--spacing) * -12)}.top-0{top:calc(var(--spacing) * 0)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-3\.5{top:calc(var(--spacing) * 3.5)}.top-4{top:calc(var(--spacing) * 4)}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.-right-12{right:calc(var(--spacing) * -12)}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-3\.5{right:calc(var(--spacing) * 3.5)}.right-4{right:calc(var(--spacing) * 4)}.-bottom-12{bottom:calc(var(--spacing) * -12)}.bottom-0{bottom:calc(var(--spacing) * 0)}.-left-12{left:calc(var(--spacing) * -12)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1\]{z-index:1}.order-first{order:-9999}.order-last{order:9999}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.m-0\!{margin:calc(var(--spacing) * 0)!important}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3\.5{margin-inline:calc(var(--spacing) * 3.5)}.mx-auto{margin-inline:auto}.-my-2{margin-block:calc(var(--spacing) * -2)}.my-0{margin-block:calc(var(--spacing) * 0)}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:calc(var(--spacing) * 1)}.-mt-4{margin-top:calc(var(--spacing) * -4)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-auto{margin-top:auto}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-\(--cell-size\){width:var(--cell-size);height:var(--cell-size)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-auto{width:auto;height:auto}.size-full{width:100%;height:100%}.h-\(--cell-size\){height:var(--cell-size)}.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-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-\[calc\(--spacing\(5\.5\)\)\]{height:calc(calc(var(--spacing) * 5.5))}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-max{height:max-content}.h-px{height:1px}.h-svh{height:100svh}.max-h-\(--radix-context-menu-content-available-height\){max-height:var(--radix-context-menu-content-available-height)}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[300px\]{max-height:300px}.max-h-\[min\(calc\(--spacing\(96\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\]{max-height:min(calc(calc(var(--spacing) * 96) - calc(var(--spacing) * 9)), calc(var(--available-height) - calc(var(--spacing) * 9)))}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-full{min-height:100%}.min-h-svh{min-height:100svh}.w-\(--anchor-width\){width:var(--anchor-width)}.w-\(--cell-size\){width:var(--cell-size)}.w-\(--sidebar-width\){width:var(--sidebar-width)}.w-0{width:calc(var(--spacing) * 0)}.w-1{width:calc(var(--spacing) * 1)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-24{width:calc(var(--spacing) * 24)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[100px\]{width:100px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\(--available-width\){max-width:var(--available-width)}.max-w-\(--skeleton-width\){max-width:var(--skeleton-width)}.max-w-\[80\%\]{max-width:80%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.max-w-sm{max-width:var(--container-sm)}.min-w-\(--cell-size\){min-width:var(--cell-size)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[calc\(var\(--anchor-width\)\+--spacing\(7\)\)\]{min-width:calc(var(--anchor-width) + calc(var(--spacing) * 7))}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\(--radix-context-menu-content-transform-origin\){transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-hover-card-content-transform-origin\){transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\(--radix-menubar-content-transform-origin\){transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-3\/4{--tw-translate-y:calc(calc(3 / 4 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-3\/4{--tw-translate-y:calc(3 / 4 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.scroll-fade-x{--_scroll-fade-size-s:var(--scroll-fade-s-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))));--_scroll-fade-size-e:var(--scroll-fade-e-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))));--scroll-fade-inline:linear-gradient(to right, transparent 0, #000 var(--scroll-fade-s,0px), #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%)}.scroll-fade-x:where([dir=rtl],[dir=rtl] *){--scroll-fade-inline:linear-gradient(to left, transparent 0, #000 var(--scroll-fade-s,0px), #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%)}.scroll-fade-x{-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}@supports (animation-timeline:scroll()){.scroll-fade-x{animation:1ms ease-in-out scroll-fade-reveal-s,1ms ease-in-out scroll-fade-reveal-e;animation-timeline:scroll(self inline),scroll(self inline);animation-range:0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%;animation-fill-mode:both}}@supports not (animation-timeline:scroll()){.scroll-fade-x{--scroll-fade-s:var(--_scroll-fade-size-s);--scroll-fade-e:var(--_scroll-fade-size-e)}}.scroll-fade-b{--_scroll-fade-size-b:var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))));--scroll-fade-mask:linear-gradient(to bottom, #000 0, #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%);-webkit-mask-image:var(--scroll-fade-mask);-webkit-mask-image:var(--scroll-fade-mask);-webkit-mask-image:var(--scroll-fade-mask);-webkit-mask-image:var(--scroll-fade-mask);mask-image:var(--scroll-fade-mask);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}@supports (animation-timeline:scroll()){.scroll-fade-b{animation:1ms ease-in-out scroll-fade-reveal-b;animation-timeline:scroll(self y);animation-range:calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%;animation-fill-mode:both}}@supports not (animation-timeline:scroll()){.scroll-fade-b{--scroll-fade-b:var(--_scroll-fade-size-b)}}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-text{cursor:text}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1)}.scroll-px-1{scroll-padding-inline:calc(var(--spacing) * 1)}.scroll-py-1{scroll-padding-block:calc(var(--spacing) * 1)}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;appearance:none}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-items-start{justify-items:start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-\[--spacing\(var\(--gap\)\)\]{gap:calc(var(--spacing) * var(--gap))}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-x-contain{overscroll-behavior-x:contain}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-\[calc\(var\(--radius\)-5px\)\]{border-radius:calc(var(--radius) - 5px)}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-tl-sm{border-top-left-radius:var(--radius-sm)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.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-r{border-right-style:var(--tw-border-style);border-right-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-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\(--color-border\){border-color:var(--color-border)}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\(--color-bg\){background-color:var(--color-bg)}.bg-\[Canvas\]{background-color:canvas}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-clip-padding{background-clip:padding-box}.fill-current{fill:currentColor}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[3px\]{padding:3px}.p-px{padding:1px}.px-\(--cell-size\){padding-inline:var(--cell-size)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.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-6{padding-inline:calc(var(--spacing) * 6)}.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-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.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-sm\/relaxed{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.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-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-words,.wrap-break-word{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-\[CanvasText\]{color:canvastext}.text-current{color:currentColor}.text-white{color:var(--color-white)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_1px_var\(--sidebar-border\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-border));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,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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)}.ring-1{--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)}.ring-2{--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)}.ring-3{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.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-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[translate\,scale\,opacity\]{transition-property:translate,scale,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;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-shadow{transition-property:box-shadow;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))}.transition-none{transition-property:none}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.contain-content{contain:content}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--cell-size\:--spacing\(8\)\]{--cell-size:calc(var(--spacing) * 8)}.\[contain-intrinsic-size\:auto_10rem\]{contain-intrinsic-size:auto 10rem}.\[content-visibility\:auto\]{content-visibility:auto}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media (hover:hover){.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing) * 8)}.group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size=lg]) *){width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size=sm]) *){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.group-has-data-\[slot\=combobox-clear\]\/input-group\:hidden:is(:where(.group\/input-group):has([data-slot=combobox-clear]) *){display:none}.group-has-data-\[slot\=message-footer\]\/message\:-translate-y-8:is(:where(.group\/message):has([data-slot=message-footer]) *){--tw-translate-y:calc(var(--spacing) * -8);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-has-data-\[variant\=ghost\]\/message\:px-0:is(:where(.group\/message):has([data-variant=ghost]) *){padding-inline:calc(var(--spacing) * 0)}.group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation=horizontal]) *){text-wrap:balance}.group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot=item-description]) *){--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot=item-description]) *){align-self:flex-start}.group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(>input) *){padding-top:calc(var(--spacing) * 2.5)}.group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(>input) *){padding-bottom:calc(var(--spacing) * 2.5)}.group-data-empty\/combobox-content\:flex:is(:where(.group\/combobox-content)[data-empty] *){display:flex}.group-data-\[align\=end\]\/bubble\:self-end:is(:where(.group\/bubble)[data-align=end] *){align-self:flex-end}.group-data-\[align\=end\]\/message\:justify-end:is(:where(.group\/message)[data-align=end] *){justify-content:flex-end}.group-data-\[align\=end\]\/message\:self-end:is(:where(.group\/message)[data-align=end] *){align-self:flex-end}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing) * -8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing) * 8)!important;height:calc(var(--spacing) * 8)!important}.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)))}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 0)!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:calc(var(--spacing) * 0)}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *),.group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *),.group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *){opacity:.5}.group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused=true] *){position:relative}.group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused=true] *){z-index:10}.group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused=true] *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.group\/tabs)[data-orientation=horizontal] *){height:calc(var(--spacing) * 9)}.group-data-\[orientation\=vertical\]\/attachment\:absolute:is(:where(.group\/attachment)[data-orientation=vertical] *){position:absolute}.group-data-\[orientation\=vertical\]\/attachment\:top-3:is(:where(.group\/attachment)[data-orientation=vertical] *){top:calc(var(--spacing) * 3)}.group-data-\[orientation\=vertical\]\/attachment\:right-3:is(:where(.group\/attachment)[data-orientation=vertical] *){right:calc(var(--spacing) * 3)}.group-data-\[orientation\=vertical\]\/attachment\:w-full:is(:where(.group\/attachment)[data-orientation=vertical] *){width:100%}.group-data-\[orientation\=vertical\]\/attachment\:gap-1:is(:where(.group\/attachment)[data-orientation=vertical] *){gap:calc(var(--spacing) * 1)}.group-data-\[orientation\=vertical\]\/attachment\:px-1:is(:where(.group\/attachment)[data-orientation=vertical] *){padding-inline:calc(var(--spacing) * 1)}.group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation=vertical] *){height:fit-content}.group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation=vertical] *){width:100%}.group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation=vertical] *){flex-direction:column}.group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation=vertical] *){justify-content:flex-start}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing) * -4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:calc(var(--spacing) * 0)}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size=default] *){width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.group-data-\[size\=default\]\/switch\:size-4:is(:where(.group\/switch)[data-size=default] *){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size=lg] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size=sm] *){display:grid}.group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size=sm] *){grid-template-columns:repeat(2,minmax(0,1fr))}.group-data-\[size\=sm\]\/attachment\:w-8:is(:where(.group\/attachment)[data-size=sm] *){width:calc(var(--spacing) * 8)}.group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size=sm] *){width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size=sm] *){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.group-data-\[size\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size=sm] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=xs\]\/attachment\:w-7:is(:where(.group\/attachment)[data-size=xs] *){width:calc(var(--spacing) * 7)}.group-data-\[size\=xs\]\/attachment\:rounded-md:is(:where(.group\/attachment)[data-size=xs] *){border-radius:var(--radius-md)}.group-data-\[state\=done\]\/attachment\:opacity-100:is(:where(.group\/attachment)[data-state=done] *),.group-data-\[state\=idle\]\/attachment\:opacity-100:is(:where(.group\/attachment)[data-state=idle] *){opacity:1}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-data-\[state\=processing\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=processing] *){--_spread:var(--shimmer-spread,calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color,oklch(from currentColor l c h / calc(alpha* .2)));background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}@supports (color:color-mix(in lab, red, red)){.group-data-\[state\=processing\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=processing] *){background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}}.group-data-\[state\=processing\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=processing] *){background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;-webkit-text-fill-color:var(--shimmer-text-fill,transparent);animation:tw-shimmer var(--shimmer-duration,2s) linear infinite;background-position:0 0;-webkit-background-clip:text;background-clip:text}@media (prefers-color-scheme:dark){.group-data-\[state\=processing\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=processing] *){--_highlight:var(--shimmer-color,oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4)))}}.group-data-\[state\=processing\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=processing] *):where([dir=rtl],[dir=rtl] *){animation-direction:reverse}.group-data-\[state\=uploading\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=uploading] *){--_spread:var(--shimmer-spread,calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color,oklch(from currentColor l c h / calc(alpha* .2)));background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}@supports (color:color-mix(in lab, red, red)){.group-data-\[state\=uploading\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=uploading] *){background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}}.group-data-\[state\=uploading\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=uploading] *){background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;-webkit-text-fill-color:var(--shimmer-text-fill,transparent);animation:tw-shimmer var(--shimmer-duration,2s) linear infinite;background-position:0 0;-webkit-background-clip:text;background-clip:text}@media (prefers-color-scheme:dark){.group-data-\[state\=uploading\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=uploading] *){--_highlight:var(--shimmer-color,oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4)))}}.group-data-\[state\=uploading\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=uploading] *):where([dir=rtl],[dir=rtl] *){animation-direction:reverse}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius-lg)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *){background-color:#0000}.group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *){margin-bottom:calc(var(--spacing) * -2)}.group-data-\[variant\=separator\]\/marker\:flex-none:is(:where(.group\/marker)[data-variant=separator] *){flex:none}.group-data-\[variant\=separator\]\/marker\:text-center:is(:where(.group\/marker)[data-variant=separator] *){text-align:center}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *){display:block}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *),.group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=top] *){text-align:center}.group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *){top:100%}.group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport=false] *){margin-top:calc(var(--spacing) * 1.5)}.group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *){overflow:hidden}.group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-radius:var(--radius-md)}.group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport=false] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport=false] *){--tw-duration:.2s;transition-duration:.2s}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing) * 1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing) * 2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:calc(var(--spacing) * 1)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.before\:mr-1:before{content:var(--tw-content);margin-right:calc(var(--spacing) * 1)}.before\:h-px:before{content:var(--tw-content);height:1px}.before\:min-w-0:before{content:var(--tw-content);min-width:calc(var(--spacing) * 0)}.before\:flex-1:before{content:var(--tw-content);flex:1}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing) * 0)}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:ml-1:after{content:var(--tw-content);margin-left:calc(var(--spacing) * 1)}.after\:h-px:after{content:var(--tw-content);height:1px}.after\:w-1:after{content:var(--tw-content);width:calc(var(--spacing) * 1)}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:min-w-0:after{content:var(--tw-content);min-width:calc(var(--spacing) * 0)}.after\:flex-1:after{content:var(--tw-content);flex:1}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);inset-inline:calc(var(--spacing) * 0)}.group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);bottom:-5px}.group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);height:calc(var(--spacing) * .5)}.group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);inset-block:calc(var(--spacing) * 0)}.group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);right:calc(var(--spacing) * -1)}.group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);width:calc(var(--spacing) * .5)}.first\:rounded-l-md:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:mt-0:last-child{margin-top:calc(var(--spacing) * 0)}.last\:rounded-r-md:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:ring-1:focus-within{--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)}.focus-within\:ring-\[3px\]:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-accent));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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\:z-10:focus{z-index:10}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-offset-2:focus{--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\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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-1:focus-visible{--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)}.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-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}.has-focus\:ring-\[3px\]:has(:focus){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.has-disabled\:pointer-events-none:has(:disabled){pointer-events:none}.has-disabled\:cursor-not-allowed:has(:disabled){cursor:not-allowed}.has-disabled\:opacity-50:has(:disabled){opacity:.5}.has-aria-invalid\:ring-\[3px\]:has([aria-invalid=true]){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot=alert-dialog-media]){grid-template-rows:auto auto 1fr}.has-data-\[slot\=alert-dialog-media\]\:gap-x-6:has([data-slot=alert-dialog-media]){column-gap:calc(var(--spacing) * 6)}.has-data-\[slot\=attachment-content\]\:w-30:has([data-slot=attachment-content]){width:calc(var(--spacing) * 30)}.has-data-\[slot\=attachment-content\]\:px-1\.5:has([data-slot=attachment-content]){padding-inline:calc(var(--spacing) * 1.5)}.has-data-\[slot\=attachment-content\]\:px-2:has([data-slot=attachment-content]){padding-inline:calc(var(--spacing) * 2)}.has-data-\[slot\=attachment-content\]\:px-2\.5:has([data-slot=attachment-content]){padding-inline:calc(var(--spacing) * 2.5)}.has-data-\[slot\=attachment-content\]\:py-1:has([data-slot=attachment-content]){padding-block:calc(var(--spacing) * 1)}.has-data-\[slot\=attachment-content\]\:py-1\.5:has([data-slot=attachment-content]){padding-block:calc(var(--spacing) * 1.5)}.has-data-\[slot\=attachment-content\]\:py-2:has([data-slot=attachment-content]){padding-block:calc(var(--spacing) * 2)}.has-data-\[slot\=attachment-media\]\:p-1:has([data-slot=attachment-media]){padding:calc(var(--spacing) * 1)}.has-data-\[slot\=attachment-media\]\:p-1\.5:has([data-slot=attachment-media]){padding:calc(var(--spacing) * 1.5)}.has-data-\[slot\=attachment-media\]\:p-2:has([data-slot=attachment-media]){padding:calc(var(--spacing) * 2)}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[slot\=combobox-chip\]\:px-1\.5:has([data-slot=combobox-chip]){padding-inline:calc(var(--spacing) * 1.5)}.has-data-\[slot\=combobox-chip-remove\]\:pr-0:has([data-slot=combobox-chip-remove]){padding-right:calc(var(--spacing) * 0)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot=input-group-control]:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.has-\[button\]\:p-0:has(:is(button)){padding:calc(var(--spacing) * 0)}.has-\[select\:disabled\]\:opacity-50:has(:is(select:disabled)){opacity:.5}.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){height:auto}.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){flex-direction:column}.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){height:auto}.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){flex-direction:column}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--spacing) * 2)}.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]){gap:calc(var(--spacing) * 3)}.has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}.has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]){width:100%}.has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]){flex-direction:column}.has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]){border-radius:var(--radius-md)}.has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]){border-style:var(--tw-border-style);border-width:1px}.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]){gap:calc(var(--spacing) * 3)}.has-\[\>button\]\:mr-\[-0\.45rem\]:has(>button){margin-right:-.45rem}.has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button){margin-left:-.45rem}.has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd){margin-right:-.35rem}.has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd){margin-left:-.35rem}.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg){grid-template-columns:calc(var(--spacing) * 4) 1fr}.has-\[\>svg\]\:gap-x-3:has(>svg){column-gap:calc(var(--spacing) * 3)}.has-\[\>svg\]\:p-0:has(>svg){padding:calc(var(--spacing) * 0)}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing) * 1.5)}.has-\[\>svg\]\:px-2:has(>svg){padding-inline:calc(var(--spacing) * 2)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.has-\[\>textarea\]\:h-auto:has(>textarea){height:auto}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-\[orientation\=horizontal\]\:h-px[aria-orientation=horizontal]{height:1px}.aria-\[orientation\=horizontal\]\:w-full[aria-orientation=horizontal]{width:100%}.aria-\[orientation\=horizontal\]\:after\:left-0[aria-orientation=horizontal]:after{content:var(--tw-content);left:calc(var(--spacing) * 0)}.aria-\[orientation\=horizontal\]\:after\:h-1[aria-orientation=horizontal]:after{content:var(--tw-content);height:calc(var(--spacing) * 1)}.aria-\[orientation\=horizontal\]\:after\:w-full[aria-orientation=horizontal]:after{content:var(--tw-content);width:100%}.aria-\[orientation\=horizontal\]\:after\:translate-x-0[aria-orientation=horizontal]:after{content:var(--tw-content);--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2[aria-orientation=horizontal]:after{content:var(--tw-content);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.aria-\[orientation\=vertical\]\:flex-col[aria-orientation=vertical]{flex-direction:column}.data-empty\:p-0[data-empty]{padding:calc(var(--spacing) * 0)}.data-pressed\:bg-transparent[data-pressed]{background-color:#0000}:is(.group-data-\[align\=end\]\/message\:\*\:data-slot\:self-end:is(:where(.group\/message)[data-align=end] *)>*)[data-slot]{align-self:flex-end}.data-\[active\=false\]\:pointer-events-none[data-active=false]{pointer-events:none}.data-\[active\=false\]\:scale-95[data-active=false]{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-\[active\=false\]\:opacity-0[data-active=false]{opacity:0}.data-\[active\=false\]\:duration-400[data-active=false]{--tw-duration:.4s;transition-duration:.4s}.data-\[active\=false\]\:ease-\[cubic-bezier\(0\.7\,0\,0\.84\,0\)\][data-active=false]{--tw-ease:cubic-bezier(.7,0,.84,0);transition-timing-function:cubic-bezier(.7,0,.84,0)}.data-\[active\=true\]\:z-10[data-active=true]{z-index:10}.data-\[active\=true\]\:translate-y-0[data-active=true]{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[active\=true\]\:scale-100[data-active=true]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[active\=true\]\:opacity-100[data-active=true]{opacity:1}.data-\[active\=true\]\:ring-\[3px\][data-active=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.data-\[active\=true\]\:ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\][data-active=true]{--tw-ease:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}.data-\[align\=end\]\:flex-row-reverse[data-align=end]{flex-direction:row-reverse}.data-\[align\=end\]\:self-end[data-align=end]{align-self:flex-end}.data-\[chips\=true\]\:min-w-\(--anchor-width\)[data-chips=true]{min-width:var(--anchor-width)}.data-\[direction\=end\]\:bottom-4[data-direction=end]{bottom:calc(var(--spacing) * 4)}.data-\[direction\=end\]\:data-\[active\=false\]\:translate-y-full[data-direction=end][data-active=false]{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[direction\=start\]\:top-4[data-direction=start]{top:calc(var(--spacing) * 4)}.data-\[direction\=start\]\:data-\[active\=false\]\:-translate-y-full[data-direction=start][data-active=false]{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing) * 8)}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing) * 1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=horizontal\]\:flex-col[data-orientation=horizontal]{flex-direction:column}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing) * 44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[range-end\=true\]\:rounded-md[data-range-end=true]{border-radius:var(--radius-md)}.data-\[range-end\=true\]\:rounded-r-md[data-range-end=true]{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.data-\[range-middle\=true\]\:rounded-none[data-range-middle=true]{border-radius:0}.data-\[range-start\=true\]\:rounded-md[data-range-start=true]{border-radius:var(--radius-md)}.data-\[range-start\=true\]\:rounded-l-md[data-range-start=true]{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.data-\[selected\=true\]\:rounded-none[data-selected=true]{border-radius:0}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--spacing) * 9)}.data-\[size\=default\]\:h-\[1\.15rem\][data-size=default]{height:1.15rem}.data-\[size\=default\]\:w-8[data-size=default]{width:calc(var(--spacing) * 8)}.data-\[size\=lg\]\:size-10[data-size=lg]{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.data-\[size\=sm\]\:size-6[data-size=sm]{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.data-\[size\=sm\]\:h-3\.5[data-size=sm]{height:calc(var(--spacing) * 3.5)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing) * 8)}.data-\[size\=sm\]\:w-6[data-size=sm]{width:calc(var(--spacing) * 6)}.data-\[size\=sm\]\:max-w-xs[data-size=sm]{max-width:var(--container-xs)}.data-\[size\=sm\]\:py-1[data-size=sm]{padding-block:calc(var(--spacing) * 1)}:is(.\*\:data-\[slot\=attachment\]\:flex-none>*)[data-slot=attachment]{flex:none}:is(.\*\:data-\[slot\=attachment\]\:snap-start>*)[data-slot=attachment]{scroll-snap-align:start}:is(.\*\:data-\[slot\=avatar\]\:ring-2>*)[data-slot=avatar]{--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)}:is(.\*\:data-\[slot\=bubble-content\]\:rounded-none>*)[data-slot=bubble-content]{border-radius:0}:is(.\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.93_calc\(c\*0\.4\)_h\)\]>*)[data-slot=bubble-content]{background-color:oklch(from var(--primary) .93 calc(c * .4) h)}:is(.\*\:data-\[slot\=bubble-content\]\:bg-transparent>*)[data-slot=bubble-content]{background-color:#0000}:is(.\*\:data-\[slot\=bubble-content\]\:p-0>*)[data-slot=bubble-content]{padding:calc(var(--spacing) * 0)}.data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group]{gap:calc(var(--spacing) * 3)}:is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot=command-input-wrapper]{height:calc(var(--spacing) * 12)}:is(.\*\:data-\[slot\=input-group\]\:m-1>*)[data-slot=input-group]{margin:calc(var(--spacing) * 1)}:is(.\*\:data-\[slot\=input-group\]\:mb-0>*)[data-slot=input-group]{margin-bottom:calc(var(--spacing) * 0)}:is(.\*\:data-\[slot\=input-group\]\:h-8>*)[data-slot=input-group]{height:calc(var(--spacing) * 8)}:is(.\*\:data-\[slot\=input-group\]\:shadow-none>*)[data-slot=input-group]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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)}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus{--tw-outline-style:none;outline-style:none}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing) * 2)}:is(.group-data-\[orientation\=vertical\]\/attachment\:\*\:data-\[slot\=spinner\]\:size-6\!:is(:where(.group\/attachment)[data-orientation=vertical] *)>*)[data-slot=spinner]{width:calc(var(--spacing) * 6)!important;height:calc(var(--spacing) * 6)!important}.data-\[spacing\=0\]\:rounded-none[data-spacing="0"]{border-radius:0}.data-\[spacing\=0\]\:shadow-none[data-spacing="0"]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[spacing\=0\]\:first\:rounded-l-md[data-spacing="0"]:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.data-\[spacing\=0\]\:last\:rounded-r-md[data-spacing="0"]:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *)[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]:after{content:var(--tw-content);opacity:1}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--tw-translate-x:calc(100% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=idle\]\:border-dashed[data-state=idle]{--tw-border-style:dashed;border-style:dashed}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[variant\=ghost\]\:max-w-full[data-variant=ghost]{max-width:100%}.data-\[variant\=label\]\:text-sm[data-variant=label]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.data-\[variant\=legend\]\:text-base[data-variant=legend]{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.data-\[variant\=line\]\:rounded-none[data-variant=line]{border-radius:0}.data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0[data-spacing="0"][data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l[data-spacing="0"][data-variant=outline]:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[spacing\=default\]\:data-\[variant\=outline\]\:shadow-xs[data-spacing=default][data-variant=outline]{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom]{inset-inline:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom]{bottom:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom]{margin-top:calc(var(--spacing) * 24)}.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom]{max-height:80vh}.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom]{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left]{inset-block:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left]{left:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left]{width:75%}.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right]{inset-block:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right]{right:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right]{width:75%}.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top]{inset-inline:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top]{top:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top]{margin-bottom:calc(var(--spacing) * 24)}.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top]{max-height:80vh}.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top]{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.nth-last-2\:-mt-1:nth-last-child(2){margin-top:calc(var(--spacing) * -1)}@media (min-width:40rem){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.sm\:pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.sm\:pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.sm\:text-left{text-align:left}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.group\/alert-dialog-content)[data-size=default] *){grid-row:span 2/span 2}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.group\/alert-dialog-content)[data-size=default] *){place-items:start}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.group\/alert-dialog-content)[data-size=default] *){text-align:left}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.group\/alert-dialog-content)[data-size=default] *):is(:where(.group\/alert-dialog-content):has([data-slot=alert-dialog-media]) *){grid-column-start:2}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.group\/alert-dialog-content)[data-size=default] *):has([data-slot=alert-dialog-media]){grid-template-rows:auto 1fr}.data-\[size\=default\]\:sm\:max-w-lg[data-size=default]{max-width:var(--container-lg)}.data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right]{max-width:var(--container-sm)}}@media (min-width:48rem){.md\:absolute{position:absolute}.md\:block{display:block}.md\:flex{display:flex}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:flex-row{flex-direction:row}.md\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.md\:p-12{padding:calc(var(--spacing) * 12)}.md\:text-left{text-align:left}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:opacity-0{opacity:0}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing) * 2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:calc(var(--spacing) * 0)}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:var(--radius-xl)}.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing) * 2)}.md\:after\:hidden:after{content:var(--tw-content);display:none}}@container field-group (width>=28rem){.\@md\/field-group\:flex-row{flex-direction:row}.\@md\/field-group\:items-center{align-items:center}.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}}.rtl\:translate-x-1\/2:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}@media (prefers-color-scheme:dark){.dark\:bg-transparent{background-color:#0000}:is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.3_calc\(c\*0\.4\)_h\)\]>*)[data-slot=bubble-content]{background-color:oklch(from var(--primary) .3 calc(c * .4) h)}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{border-color:#0000}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}}@media (pointer:coarse){.pointer-coarse\:size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.pointer-coarse\:px-3{padding-inline:calc(var(--spacing) * 3)}.pointer-coarse\:py-2{padding-block:calc(var(--spacing) * 2)}.pointer-coarse\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{outline-offset:2px;outline:2px solid #0000}}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing) * 1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:calc(var(--spacing) * 0)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing) * 12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing) * 3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing) * 5)}.\[\&_img\]\:size-full img{width:100%;height:100%}.\[\&_img\]\:object-cover img{object-fit:cover}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.data-\[direction\=start\]\:\[\&_svg\]\:rotate-180[data-direction=start] svg{rotate:180deg}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]),.group-data-\[orientation\=vertical\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6:is(:where(.group\/attachment)[data-orientation=vertical] *) svg:not([class*=size-]){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.group-data-\[size\=xs\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5:is(:where(.group\/attachment)[data-size=xs] *) svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content]{flex:none}.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing) * 0)}.\[\.border-b\]\:pb-3.border-b{padding-bottom:calc(var(--spacing) * 3)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing) * 6)}.\[\.border-t\]\:pt-3.border-t{padding-top:calc(var(--spacing) * 3)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing) * 6)}:is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg),:is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg){rotate:180deg}.\[a\]\:underline:is(a){text-decoration-line:underline}.\[a\]\:underline-offset-3:is(a){text-underline-offset:3px}.\[a\]\:transition-colors:is(a){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))}:is(.\*\:\[a\]\:underline>*):is(a){text-decoration-line:underline}:is(.\*\:\[a\]\:underline-offset-3>*):is(a){text-underline-offset:3px}.\[button\]\:text-left:is(button){text-align:left}.\[button\,a\]\:transition-colors:is(button,a){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))}.\[button\,a\]\:outline-none:is(button,a){--tw-outline-style:none;outline-style:none}.\[button\,a\]\:focus-visible\:ring-3:is(button,a):focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}:is(.\*\:\[img\]\:aspect-square>*):is(img){aspect-ratio:1}:is(.\*\:\[img\]\:w-full>*):is(img){width:100%}:is(.\*\:\[img\]\:object-cover>*):is(img){object-fit:cover}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}:is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-8>*):is(svg:not([class*=size-])){width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-md:nth-child(2)[data-selected=true] button{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.\[\&\>\*\]\:w-full>*{width:100%}.\[\&\>\*\]\:focus-visible\:relative>:focus-visible{position:relative}.\[\&\>\*\]\:focus-visible\:z-10>:focus-visible{z-index:10}.\[\&\>\*\]\:data-\[slot\=field\]\:p-4>[data-slot=field]{padding:calc(var(--spacing) * 4)}@container field-group (width>=28rem){.\@md\/field-group\:\[\&\>\*\]\:w-auto>*{width:auto}}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.\[\&\>\.sr-only\]\:w-auto>.sr-only{width:auto}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklch,var(--muted),var(--foreground) 5%)}}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.88_calc\(c\*0\.5\)_h\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:oklch(from var(--primary) .88 calc(c * .5) h)}@media (prefers-color-scheme:dark){.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.35_calc\(c\*0\.5\)_h\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:oklch(from var(--primary) .35 calc(c * .5) h)}}.\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group]{gap:calc(var(--spacing) * 4)}.\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}@container field-group (width>=28rem){.\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}:is(.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]){margin-top:1px}@container field-group (width>=28rem){:is(.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]){margin-top:1px}}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>input\]\:flex-1>input{flex:1}.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input{padding-top:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input{padding-bottom:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(>[data-align=inline-end])>input{padding-right:calc(var(--spacing) * 2)}.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(>[data-align=inline-start])>input{padding-left:calc(var(--spacing) * 2)}.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{border-radius:calc(var(--radius) - 5px)}.\[\&\>span\]\:text-xs>span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&\>span\]\:opacity-70>span{opacity:.7}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing) * 3)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:translate-y-0\.5>svg{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>svg\]\:text-current>svg{color:currentColor}.group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size=lg]) *)>svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size=sm]) *)>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=default] *)>svg,.group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=lg] *)>svg{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size=sm] *)>svg{display:none}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90[aria-orientation=horizontal]>div{rotate:90deg}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing) * -2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing) * -2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color:#0000}[data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}@media (hover:hover){a.\[a\&\]\:hover\:underline:hover{text-decoration-line:underline}}}.experience:before{content:"";z-index:-1;pointer-events:none;opacity:.68;background:linear-gradient(#02060877,#020608e6),url(./energy-tunnel.jpg) 50%/cover;position:fixed;inset:0}.experience .speed-lines{opacity:.5;filter:drop-shadow(0 0 9px #53caff);background:linear-gradient(116deg,#0000 18%,#52ddff18 18.2%,#caffff66 18.3%,#0000 18.5% 74%,#93ff8266 74.15%,#0000 74.35%),linear-gradient(54deg,#0000 26%,#a89cff55 26.2%,#0000 26.45%);animation:none;inset:0}.step-form .speed-lines,.step-success .speed-lines{opacity:.17}.experience .track-card{background:linear-gradient(145deg,#071a21ed,#07090aee);border-color:#81dcf34a}.experience .track-card.professional{background:linear-gradient(145deg,#1c142aee,#07090aee);border-color:#b6a5ff4d}.experience .track-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#95f5ff,#a8ff93,#0000);height:2px;position:absolute;inset:auto 0 0;box-shadow:0 0 17px #7fecff}.experience .track-card.professional:after{background:linear-gradient(90deg,#0000,#a9b7ff,#e49fff,#0000)}.header-brand{flex:none;width:155px}.event-mark{flex-direction:column;align-items:center;width:100%;display:flex}.event-mark-image{aspect-ratio:3.35;width:100%;position:relative;overflow:hidden}.event-mark-image img{filter:url(#logo-remove-black);mix-blend-mode:normal;width:100%;max-width:none;position:absolute;top:-62%;left:0}.event-mark>span{letter-spacing:.55em;color:#cdeaff;margin-top:5px;padding-left:.55em;font-size:clamp(12px,2vw,22px);line-height:1.4}.header-brand .event-mark>span{letter-spacing:.4em;margin-top:0;font-size:10px}.step-intro .topbar{pointer-events:none;background:0 0;border-color:#0000}.step-intro .header-brand,.step-intro .event-chip,.step-intro footer{visibility:hidden}.cinematic-intro{z-index:60;isolation:isolate;background:#000;position:fixed;inset:0;overflow:hidden}.cinematic-intro video{object-fit:contain;background:#000;width:100%;height:100%;transition:opacity .95s,filter .95s;position:absolute;inset:0}.cinematic-closing{background:0 0;transition:background 1.8s}.cinematic-closing video{opacity:0;filter:blur(10px)}.flying-brand{opacity:0;will-change:transform,opacity;filter:drop-shadow(0 0 20px #6bd9ff66);pointer-events:none;width:min(65vw,720px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.015)}.brand-revealed{opacity:1}.cinema-skip,.play-intro{z-index:2;color:#fff;letter-spacing:.12em;cursor:pointer;background:#05090bd9;border:1px solid #ffffff60;border-radius:3px;min-height:44px;padding:10px 18px;font-size:12px;font-weight:800;position:absolute}.cinema-skip{right:max(20px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom))}.play-intro{top:76%;left:50%;transform:translate(-50%)}.cinema-skip:hover,.play-intro:hover{background:#16303c;border-color:#a5eeff}:is(.cinema-skip:focus-visible,.play-intro:focus-visible){outline-offset:5px;outline:2px solid #a4f5ff}@media (max-width:760px){.header-brand{width:125px}.flying-brand{width:86vw}.cinematic-intro video{object-fit:contain;transform:scale(1.08)}.experience:before{opacity:.55;background-position:50%}.event-mark>span{font-size:16px}.header-brand .event-mark>span{font-size:9px}}@media (prefers-reduced-motion:reduce){.cinematic-intro{display:none}}.event-mark{container-type:inline-size}.experience .event-mark>.event-caption{letter-spacing:0;color:#e7f6ff;justify-content:space-between;width:94%;margin-top:4px;padding:0;font-size:13cqw;font-weight:800;line-height:1.1;display:flex}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:root{--red:#ff2638;--blue:#02d9ff;--ink:#030405;--line:#ffffff29}*{box-sizing:border-box}html{background:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--ink);color:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit}.experience{isolation:isolate;background:radial-gradient(circle at 50% 42%,#16232b 0,#080b0d 30%,#030405 68%);min-height:100svh;position:relative;overflow:hidden}.grain{opacity:.18;pointer-events:none;z-index:20;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");position:fixed;inset:0}.speed-lines{pointer-events:none;opacity:.22;background:repeating-conic-gradient(from 225deg at 50% 50%,transparent 0 4deg,#00d9ff26 4.2deg 4.45deg,transparent 4.7deg 8deg);animation:28s linear infinite spin;position:fixed;inset:-30%}.topbar{z-index:30;border-bottom:1px solid var(--line);background:linear-gradient(#030405e8,#03040570,#0000);justify-content:space-between;align-items:center;height:82px;padding:0 clamp(20px,4vw,64px);display:flex;position:fixed;inset:0 0 auto}.mark{letter-spacing:-.075em;text-align:left;align-items:center;gap:clamp(10px,1.2vw,18px);font-size:clamp(42px,7vw,92px);font-weight:1000;line-height:.78;display:flex}.slash{background:var(--red);flex:none;width:.18em;height:1.35em;display:block;transform:skew(-36deg);box-shadow:0 0 24px #ff263866}.mark-compact{letter-spacing:-.06em;gap:8px;font-size:24px}.event-chip{letter-spacing:.14em;color:#d9e5e9;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.event-chip span{background:#55ff96;border-radius:50%;width:7px;height:7px;animation:1.6s infinite pulse;box-shadow:0 0 14px #55ff96}.progress{z-index:31;gap:3px;display:flex;position:fixed;top:81px;left:0;right:0}.progress span{background:#ffffff1f;flex:1;height:3px;transition:all .5s}.progress .active{background:linear-gradient(90deg,var(--red),#ff745f);box-shadow:0 0 14px #ff2638}.intro-scene,.panel{min-height:100svh;padding:100px clamp(20px,5vw,80px) 76px}.intro-scene{place-items:center;transition:opacity .65s,transform .8s,visibility .8s;display:grid;position:relative}.intro-gone{opacity:0;visibility:hidden;position:absolute;inset:0;transform:scale(1.8)}.orbit{perspective:1000px;filter:drop-shadow(0 28px 38px #000);position:absolute;inset:0}.hero-can{mix-blend-mode:screen;transform-origin:50% 52%;opacity:0;will-change:transform,opacity;width:clamp(150px,19vw,310px);height:auto;position:absolute;top:50%;left:50%}.can-a{animation:4.6s cubic-bezier(.18,.72,.2,1) forwards canA}.can-b{animation:4.6s cubic-bezier(.18,.72,.2,1) forwards canB}.can-c{animation:4.6s cubic-bezier(.18,.72,.2,1) forwards canC}.can-d{animation:4.6s cubic-bezier(.18,.72,.2,1) forwards canD}.impact-core{filter:blur(40px);opacity:0;background:#fff;border-radius:50%;width:18vmin;height:18vmin;animation:4.6s forwards impact;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-copy{z-index:5;text-align:center;justify-items:center;gap:22px;animation:1s 2.8s both copyIn;display:grid;position:relative}.eyebrow{color:#a7bbc2;letter-spacing:.22em;font-size:12px;font-weight:800;display:block}.intro-copy p{color:#c6d0d3;letter-spacing:.05em;margin:0;font-size:clamp(15px,1.4vw,20px)}.skip{letter-spacing:.16em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #fff6;padding:6px 0;font-size:11px;position:fixed;bottom:36px;right:clamp(20px,4vw,64px)}.panel{opacity:0;visibility:hidden;transition:opacity .55s,transform .55s,visibility .55s;position:absolute;inset:0;overflow:auto;transform:translateY(28px)}.panel-active{opacity:1;visibility:visible;z-index:5;position:relative;transform:none}.choose-panel{flex-direction:column;justify-content:center;max-width:1420px;margin:auto;display:flex}.section-heading{text-align:center;margin:0 auto clamp(28px,4vh,50px)}.section-heading h1{letter-spacing:-.065em;margin:12px 0 0;font-size:clamp(34px,6vw,76px);font-weight:1000;line-height:.88}em{color:#0000;-webkit-text-stroke:1.5px #fff;font-style:normal}.track-grid{grid-template-columns:1fr 1fr;gap:14px;width:min(100%,980px);margin:auto;display:grid}.track-card{text-align:left;cursor:pointer;clip-path:polygon(0 0,94% 0,100% 12%,100% 100%,6% 100%,0 88%);background:linear-gradient(145deg,#10161aee,#07090ae8);border:1px solid #ffffff28;min-height:300px;padding:28px;transition:all .3s;position:relative;overflow:hidden}.track-card:before{content:"";background:radial-gradient(circle at 78% 20%,#05d9ff33,#0000 38%);transition:all .35s;position:absolute;inset:0}.track-card.professional:before{background:radial-gradient(circle at 78% 20%,#ff267033,#0000 38%)}:is(.track-card:hover,.track-card:focus-visible){border-color:#ffffff80;outline:none;transform:translateY(-5px);box-shadow:0 22px 60px #000a}.track-card:hover:before{transform:scale(1.25)}.track-num{color:#738087;letter-spacing:.15em;font-size:12px;font-weight:900;position:absolute;top:24px;left:28px}.track-icon{color:var(--blue);font-size:36px;font-weight:200;position:absolute;top:22px;right:28px}.team-icon{color:#ff5b9c;font-size:27px;font-weight:900}.track-copy{flex-direction:column;gap:6px;display:flex;position:absolute;bottom:77px;left:28px;right:28px}.track-copy strong{letter-spacing:-.055em;font-size:clamp(28px,3.5vw,48px);font-weight:1000}.track-copy small{color:#aab5ba;font-size:15px}.track-action{letter-spacing:.14em;border-top:1px solid #ffffff21;justify-content:space-between;padding-top:18px;font-size:11px;font-weight:900;display:flex;position:absolute;bottom:27px;left:28px;right:28px}.track-action b{color:var(--red);font-size:19px}.can-lineup{opacity:.21;filter:saturate(.75);z-index:-1;align-items:flex-end;height:38vh;display:flex;position:absolute;bottom:0;left:clamp(-80px,-4vw,-20px)}.can-lineup img{mix-blend-mode:screen;width:clamp(80px,8vw,130px);margin-right:clamp(-40px,-3vw,-15px)}.back{z-index:10;color:#a9b5b9;letter-spacing:.15em;cursor:pointer;background:0 0;border:0;padding:10px 0;font-size:11px;font-weight:800;position:fixed;top:104px;left:clamp(20px,4vw,64px)}.form-panel{padding-top:145px}.form-layout{background:#070a0ccf;border:1px solid #ffffff20;grid-template-columns:minmax(280px,.75fr) minmax(520px,1.25fr);max-width:1180px;margin:auto;display:grid;box-shadow:0 45px 100px #0008}.form-poster{background:radial-gradient(circle at 60% 70%,#083f51,#0000 45%),#0b1012;min-height:670px;padding:42px;position:relative;overflow:hidden}.form-poster.professional{background:radial-gradient(circle at 60% 70%,#4d1039,#0000 45%),#0b1012}.form-poster:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 45%,#ffffff08 45.2% 46%,#0000 46.2%);position:absolute;inset:0}.form-poster h1{letter-spacing:-.075em;z-index:2;margin:18px 0;font-size:clamp(52px,6vw,86px);font-weight:1000;line-height:.83;position:relative}.form-poster p{z-index:2;color:#b4c0c5;max-width:310px;margin:0;font-size:15px;line-height:1.55;position:relative}.form-poster img{mix-blend-mode:screen;filter:drop-shadow(-20px 28px 25px #000b);width:75%;max-width:320px;position:absolute;bottom:-23%;right:-3%;transform:rotate(8deg)}.form-shell{background:linear-gradient(145deg,#0e1316,#050607);padding:clamp(30px,5vw,64px)}.form-head span{color:var(--red);letter-spacing:.18em;font-size:10px;font-weight:900}.form-head h2{letter-spacing:-.04em;margin:10px 0 6px;font-size:clamp(28px,3vw,42px)}.form-head p{color:#79868b;margin:0;font-size:13px}form{grid-template-columns:1fr 1fr;gap:21px 16px;margin-top:34px;display:grid}label,legend{letter-spacing:.12em;color:#aab4b8;font-size:11px;font-weight:800}label.wide,fieldset,.consent,.submit,.error,.team-note{grid-column:1/-1}input:not([type=radio]):not([type=checkbox]){color:#fff;letter-spacing:0;background:#030405b8;border:1px solid #ffffff20;border-radius:0;outline:none;width:100%;height:51px;margin-top:9px;padding:0 15px;font-size:16px;transition:all .2s;display:block}input::placeholder{color:#5e696d}input:focus{box-shadow:0 0 0 3px #02d9ff18;border-color:var(--blue)!important}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:9px}.segmented,.slots{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.triple,.slots{grid-template-columns:repeat(3,1fr)}.segmented input,.slots input{opacity:0;position:absolute}.segmented span,.slots span{cursor:pointer;color:#bec8cc;background:#030405a8;border:1px solid #ffffff20;place-items:center;min-height:47px;font-size:12px;transition:all .2s;display:grid}.segmented input:checked+span,.slots input:checked+span{color:#fff;border-color:var(--red);box-shadow:inset 3px 0 var(--red);background:#ff26381a}:is(.segmented input:focus-visible+span,.slots input:focus-visible+span){outline:2px solid var(--blue);outline-offset:2px}.team-note{background:#ff5b9c10;border-left:3px solid #ff5b9c;flex-direction:column;gap:4px;padding:17px;display:flex}.team-note strong{letter-spacing:.12em;font-size:13px}.team-note span{color:#9ca8ac;font-size:13px}.consent{letter-spacing:0;color:#8f9b9f;align-items:flex-start;gap:12px;font-size:13px;font-weight:400;line-height:1.5;display:flex}.consent input{width:18px;height:18px;accent-color:var(--red);flex:none;margin:3px 0 0}.submit,.outline-button{background:var(--red);letter-spacing:.09em;cursor:pointer;clip-path:polygon(0 0,97% 0,100% 30%,100% 100%,3% 100%,0 70%);border:0;justify-content:space-between;align-items:center;min-height:58px;padding:0 22px;font-weight:1000;transition:all .2s;display:flex}.submit:hover:not(:disabled){background:#ff4454;box-shadow:0 0 35px #ff263855}.submit:disabled{opacity:.7;cursor:wait}.submit b{font-size:24px}.submit i{border:2px solid #fff5;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.error{color:#ff7f89;margin:0;font-size:13px}.success-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.success-ring{border:1px solid #53ff9c66;border-radius:50%;place-items:center;width:108px;height:108px;display:grid;position:relative;box-shadow:0 0 80px #36ff8c25}.success-ring:before,.success-ring:after{content:"";border:1px dashed #53ff9c33;border-radius:50%;animation:9s linear infinite spin;position:absolute;inset:-14px}.success-ring:after{animation-duration:15s;animation-direction:reverse;inset:-28px}.success-ring span{color:#53ff9c;font-size:42px}.success-panel h1{letter-spacing:-.08em;margin:18px 0 0;font-size:clamp(62px,11vw,132px);font-weight:1000;line-height:.8}.success-panel h1 em{-webkit-text-stroke-color:#53ff9c}.success-panel>p{color:#aab6ba;margin:0;font-size:16px}.id-card{background:#0b1012;border:1px solid #ffffff24;flex-direction:column;gap:7px;min-width:min(390px,90vw);margin:12px 0;padding:20px 36px;display:flex}.id-card small{letter-spacing:.18em;color:#79868b;font-size:10px}.id-card strong{letter-spacing:.08em;font-size:27px}.id-card span{color:#788489;font-size:12px}.outline-button{clip-path:none;background:0 0;border:1px solid #ffffff35;justify-content:center;font-size:11px}.outline-button:hover{color:#000;background:#fff;border-color:#fff}footer{z-index:22;color:#667277;letter-spacing:.16em;align-items:center;gap:10px;font-size:9px;font-weight:900;display:flex;position:fixed;bottom:22px;left:clamp(20px,4vw,64px)}footer img{object-fit:contain;mix-blend-mode:screen;filter:invert()grayscale()brightness(3);width:66px;height:34px}@keyframes canA{0%{opacity:0;transform:translate(-450%,-50%)rotate(-35deg)scale(.15)}20%{opacity:1}63%{transform:translate(-130%,-54%)rotate(-15deg)scale(.8)}80%{transform:translate(-84%,-50%)rotate(-8deg)scale(1)}to{opacity:.12;transform:translate(-76%,-50%)rotate(-5deg)scale(1.1)}}@keyframes canB{0%{opacity:0;transform:translate(320%,-220%)rotate(40deg)scale(.2)}22%{opacity:1}63%{transform:translate(18%,-62%)rotate(12deg)scale(.72)}80%{transform:translate(-30%,-50%)rotate(4deg)scale(1)}to{opacity:.1;transform:translate(-36%,-50%)rotate(2deg)scale(1.1)}}@keyframes canC{0%{opacity:0;transform:translate(360%,120%)rotate(-60deg)scale(.18)}24%{opacity:1}63%{transform:translate(80%,-42%)rotate(-12deg)scale(.8)}80%{transform:translate(20%,-50%)rotate(-3deg)scale(1)}to{opacity:.1;transform:translate(5%,-50%)rotate(-2deg)scale(1.1)}}@keyframes canD{0%{opacity:0;transform:translate(-380%,160%)rotate(55deg)scale(.2)}20%{opacity:1}63%{transform:translate(-40%,-40%)rotate(16deg)scale(.72)}80%{transform:translate(65%,-50%)rotate(7deg)scale(1)}to{opacity:.1;transform:translate(46%,-50%)rotate(4deg)scale(1.1)}}@keyframes impact{0%,64%{opacity:0;transform:translate(-50%,-50%)scale(.1)}76%{opacity:.9;transform:translate(-50%,-50%)scale(1.3)}to{opacity:0;transform:translate(-50%,-50%)scale(4)}}@keyframes copyIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@media (max-width:760px){.topbar{height:70px}.mark-compact{font-size:18px}.event-chip{font-size:8px}.progress{top:69px}.intro-scene,.panel{padding:88px 18px 68px}.hero-can{width:43vw}.intro-copy{gap:16px}.intro-copy .mark{font-size:13vw}.section-heading{margin-bottom:24px}.section-heading h1{font-size:10vw;line-height:.91}.track-grid{grid-template-columns:1fr;gap:10px}.track-card{min-height:205px;padding:22px}.track-copy{bottom:61px;left:22px}.track-copy strong{font-size:30px}.track-action{padding-top:13px;bottom:18px;left:22px;right:22px}.track-icon{right:22px}.track-num{left:22px}.can-lineup{display:none}.form-panel{padding:112px 14px 72px}.back{top:78px}.form-layout{background:0 0;border:0;display:block}.form-poster{border:1px solid #ffffff20;min-height:190px;padding:24px}.form-poster h1{margin:12px 0;font-size:48px}.form-poster p{max-width:65%;font-size:12px}.form-poster img{width:43%;bottom:-75%;right:0}.form-shell{border:1px solid #ffffff20;border-top:0;padding:27px 20px}.form-head h2{font-size:26px}form{grid-template-columns:1fr;margin-top:25px}.wide,fieldset,.consent,.submit,.error,.team-note,label{grid-column:1/-1}.slots{grid-template-columns:repeat(3,1fr)}.slots span{padding:0 4px;font-size:11px}footer{bottom:13px;left:18px}.success-panel{padding-top:100px}.success-panel h1{font-size:20vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.speed-lines{display:none}}@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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes scroll-fade-reveal-b{0%{--scroll-fade-b:var(--_scroll-fade-size-b,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))))}to{--scroll-fade-b:0px}}@keyframes scroll-fade-reveal-s{0%{--scroll-fade-s:0px}to{--scroll-fade-s:var(--_scroll-fade-size-s,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))))}}@keyframes scroll-fade-reveal-e{0%{--scroll-fade-e:var(--_scroll-fade-size-e,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))))}to{--scroll-fade-e:0px}}@keyframes tw-shimmer{0%{background-position:100% 0}to{background-position:0 0}}html,body{-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;min-width:0}.logo-filter-defs{pointer-events:none;position:absolute}.experience .form-layout{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);width:100%;max-width:1380px}.experience .form-shell,.experience .form-poster,.experience form>*,.experience fieldset{min-width:0}.experience .form-shell{padding:clamp(24px,3.5vw,52px)}.experience form{grid-template-columns:repeat(2,minmax(0,1fr))}.experience form label,.experience form legend{letter-spacing:.045em;font-size:14px;line-height:1.5}.experience form input:not([type=radio]):not([type=checkbox]){min-height:54px;font-size:17px}.experience .segmented span,.experience .slots span{min-height:50px;font-size:14px}.experience .segmented>label,.experience .slots>label{grid-column:auto;min-width:0;position:relative}.experience .consent,.experience .form-head p{font-size:14px}.experience .form-poster p{font-size:16px}.experience .form-panel{overflow:visible}.experience.step-form footer{min-height:60px;padding:20px clamp(20px,4vw,64px);position:relative;bottom:auto;left:auto}@media (max-width:900px){.experience .form-panel{width:100%;max-width:none;min-height:calc(100svh - 60px);padding:110px 0 0}.experience .form-layout{width:100%;max-width:none;box-shadow:none;border:0;flex-direction:column;min-height:calc(100svh - 170px);display:flex}.experience .form-poster{border:0;border-bottom:1px solid #ffffff20;width:100%;min-height:0;padding:20px 22px 24px}.experience .form-poster h1{letter-spacing:-.055em;max-width:76%;margin:10px 0;font-size:clamp(34px,7vw,52px);line-height:1}.experience .form-poster p{max-width:76%;font-size:15px;line-height:1.5}.experience .form-poster img{opacity:.65;width:140px;bottom:-100px;right:-28px}.experience .form-shell{border:0;flex:1;width:100%;padding:26px 22px 32px}.experience .form-head h2{overflow-wrap:anywhere;font-size:clamp(26px,6.5vw,38px);line-height:1.12}.experience form{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:26px}.experience form>label,.experience form>fieldset{grid-column:1/-1}.experience .segmented>label,.experience .slots>label{grid-column:auto}.experience .submit{width:100%;min-height:60px;padding:0 18px;font-size:15px}.experience .back{min-height:44px;font-size:13px;top:80px;left:22px}.experience .topbar{height:70px;padding:0 20px}.experience .progress{top:69px}}@media (min-width:901px){.experience .form-panel{min-height:calc(100svh - 60px);padding:140px 4vw 24px}.experience .form-poster{min-height:100%;padding:36px clamp(24px,3vw,46px)}.experience .form-poster h1{font-size:clamp(50px,6vw,86px)}}.experience.step-form{width:100%;min-height:100dvh;overflow:clip;container-type:inline-size}.registration-screen{width:100%;max-width:none;min-height:100svh;opacity:1;visibility:visible;min-height:100dvh;margin:0;padding:82px 0 0;display:block;position:relative;inset:auto;overflow:visible;transform:scale(1)}.registration-screen .back{min-height:44px;margin:8px 20px 0;padding:10px 0;font-size:14px;display:block;position:relative;inset:auto}.registration-screen .form-layout{width:100%;max-width:none;min-height:calc(100dvh - 134px);box-shadow:none;background:0 0;border:0;flex-direction:column;margin:0;display:flex}.registration-screen .form-poster{display:none}.registration-screen .form-shell{width:100%;min-width:0;padding:12px 20px max(24px,env(safe-area-inset-bottom));background:linear-gradient(160deg,#0c161de8,#030608fa);border:0;flex-direction:column;flex:1;display:flex}.registration-screen .form-head h2{letter-spacing:-.04em;margin:8px 0;font-size:clamp(26px,7cqw,38px);line-height:1.12}.registration-screen .form-head>span{font-size:12px}.registration-screen .form-head p{font-size:14px;line-height:1.4}.registration-screen form{flex:1;grid-template-columns:minmax(0,1fr);align-content:start;gap:16px;width:100%;margin:22px 0 0;display:grid}.registration-screen form>label,.registration-screen form>fieldset{grid-column:1/-1;min-width:0}.registration-screen form label,.registration-screen form legend{font-size:14px;line-height:1.4}.registration-screen form input:not([type=radio]):not([type=checkbox]){width:100%;height:52px;min-height:52px;margin-top:7px;font-size:18px}.registration-screen .segmented,.registration-screen .slots{gap:8px;width:100%}.registration-screen .segmented>label,.registration-screen .slots>label{grid-column:auto}.registration-screen .segmented span,.registration-screen .slots span{min-height:48px;font-size:15px}.registration-screen .consent{font-size:14px;line-height:1.45}.registration-screen .submit{width:100%;min-height:56px;margin-top:4px;padding:0 18px;font-size:16px}.experience.step-form footer{display:none}@media (hover:hover) and (pointer:fine){@container (width>=901px){.registration-screen{padding:94px 4cqw 30px}.registration-screen .back{margin:0 0 12px}.registration-screen .form-layout{border:1px solid #ffffff20;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);max-width:1400px;min-height:calc(100dvh - 168px);margin:auto;display:grid}.registration-screen .form-poster{min-height:100%;display:block}.registration-screen .form-shell{padding:32px clamp(24px,3cqw,48px)}.registration-screen .form-head h2{font-size:clamp(30px,3cqw,44px)}.registration-screen form{flex:initial;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.registration-screen form>label:not(.wide):not(.consent){grid-column:auto}}}html[data-phone=true] .registration-screen{min-height:100dvh;padding:76px 0 0}html[data-phone=true] .registration-screen .form-layout{border:0;flex-direction:column;max-width:none;min-height:calc(100dvh - 128px);margin:0;display:flex}html[data-phone=true] .registration-screen .form-poster{display:none}html[data-phone=true] .registration-screen .form-shell{width:100%;padding:14px 20px 24px}html[data-phone=true] .registration-screen form{flex:1;grid-template-columns:minmax(0,1fr);align-content:space-between;gap:18px}html[data-phone=true] .registration-screen form>label{grid-column:1/-1}html[data-phone=true] .registration-screen .form-head h2{font-size:30px;line-height:1.15}html[data-phone=true] .registration-screen form label,html[data-phone=true] .registration-screen form legend,html[data-phone=true] .registration-screen .form-head p{font-size:15px}html[data-phone=true] .registration-screen form input:not([type=radio]):not([type=checkbox]){height:56px;font-size:18px}.experience .registration-screen form label,.experience .registration-screen form legend,html[data-phone=true] .registration-screen form label,html[data-phone=true] .registration-screen form legend{color:#d5dfe4;letter-spacing:.025em;font-size:18px;line-height:1.45}.experience .registration-screen form input:not([type=radio]):not([type=checkbox]),html[data-phone=true] .registration-screen form input:not([type=radio]):not([type=checkbox]){min-height:58px;font-size:20px}.experience .registration-screen .segmented span,.experience .registration-screen .slots span{letter-spacing:.02em;min-height:52px;font-size:18px}.experience .registration-screen .form-head p,html[data-phone=true] .registration-screen .form-head p{color:#b2c0c8;font-size:17px;line-height:1.5}.experience .registration-screen .form-head>span{font-size:15px}.experience .registration-screen .team-note strong{font-size:18px}.experience .registration-screen .team-note span{color:#b8c5cc;font-size:17px;line-height:1.5}.experience .registration-screen .submit{letter-spacing:.035em;min-height:60px;font-size:18px}.experience .registration-screen .back{color:#f4fbff;letter-spacing:.035em;background:#112735;border:1px solid #8adfffa6;border-radius:6px;align-items:center;gap:12px;width:fit-content;min-height:50px;margin:12px 20px 16px;padding:10px 16px;font-size:15px;font-weight:800;display:flex;box-shadow:0 4px 18px #0005}.experience .registration-screen .back span{color:#a7edff;font-size:26px;line-height:1}.experience .registration-screen .back:hover{background:#204052;border-color:#fff}.experience .registration-screen .back:focus-visible{outline-offset:4px;outline:3px solid #a7edff}.experience .agency-credit{color:#e7edf0;letter-spacing:.09em;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;padding:8px 20px 22px;font-size:14px;display:flex;position:relative;bottom:auto;left:auto}.experience .agency-credit img{object-fit:contain;filter:none;mix-blend-mode:screen;width:190px;height:auto;display:block}.experience .choose-panel{min-height:calc(100svh - 130px);padding-bottom:24px}.experience.step-form .agency-credit,.experience.step-intro .agency-credit{display:none}

/* TIME SLOT AVAILABILITY STYLES */
.slots label.slot-disabled span,
.slots input:disabled + span {
  opacity: 0.35 !important;
  cursor: not-allowed !important;
  background: #090c0e !important;
  border-color: #ffffff12 !important;
  color: #667277 !important;
  position: relative;
}
.slots input:disabled + span::after {
  content: 'FULL';
  position: absolute;
  top: 3px;
  right: 5px;
  font-size: 8px;
  font-weight: 900;
  color: #ff3344;
  letter-spacing: 0.08em;
}

/* SEMICOLON LOGO TRANSPARENCY FIX */
.experience .agency-credit img,
footer.agency-credit img {
  mix-blend-mode: normal !important;
  filter: none !important;
  background: transparent !important;
}

/* =========================================================
   1. FIX LETTER 'K' AND OUTLINE TYPOGRAPHY ON MOBILE
   ========================================================= */
.section-heading h1 em,
.form-poster h1 em,
.success-panel h1 em,
h1 em {
  font-family: inherit;
  font-style: normal;
  display: inline-block;
  -webkit-text-stroke: 1.2px #fff;
  paint-order: stroke fill;
  stroke-linejoin: round;
  stroke-linecap: round;
}

@media (max-width: 640px) {
  .section-heading h1 {
    letter-spacing: -0.02em !important;
  }
  
  .section-heading h1 em,
  .form-poster h1 em,
  .success-panel h1 em,
  h1 em {
    letter-spacing: 0.03em !important;
    -webkit-text-stroke: 1px #fff !important;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.4);
    word-spacing: 0.08em;
  }
}

/* =========================================================
   2. CINEMATIC INTRO: FULL-BLEED ULTRA HD WEBM VIDEO & SEAMLESS TRANSITION
   ========================================================= */
.step-intro .cinematic-intro {
  background-color: #0d6dba !important;
  background-image: 
    radial-gradient(ellipse 90% 50% at 80% 8%, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.3) 35%, transparent 65%),
    radial-gradient(ellipse 70% 40% at 20% 5%, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.25) 35%, transparent 60%),
    radial-gradient(ellipse 90% 45% at 50% 92%, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.45) 45%, transparent 75%),
    radial-gradient(ellipse 65% 35% at 85% 85%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.3) 40%, transparent 70%),
    linear-gradient(180deg, #075ba0 0%, #0d6dba 22%, #137ecb 40%, #4a9ed9 65%, #78b9e3 82%, #a8d2ed 95%, #c2e2f7 100%) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  overflow: hidden;
  transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Ensure intro is completely hidden and unclickable when not in intro step */
.experience:not(.step-intro) .cinematic-intro,
.cinematic-intro[style*="display: none"] {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

.cinematic-intro::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.12) 0%, transparent 70%);
  pointer-events: none;
  z-index: 1;
}

.cinematic-intro video {
  width: 100% !important;
  height: 100% !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  object-fit: contain !important;
  aspect-ratio: auto !important;
  background: transparent !important;
  mix-blend-mode: normal !important;
  filter: contrast(1.02) brightness(1.01);
  -webkit-mask-image: none !important;
  mask-image: none !important;
  z-index: 2;
  margin: auto !important;
  display: block !important;
}

/* Flying brand: fixed in viewport, independent of intro container, so it never gets hidden by closing transition */
.flying-brand {
  position: fixed !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999 !important;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  will-change: transform, opacity;
  width: min(84vw, 540px) !important;
}

.flying-brand.brand-revealed {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.cinema-skip, .play-intro {
  z-index: 20 !important;
}

/* Sound button removed entirely per requirement */
.cinema-sound,
#toggleSoundBtn {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

@media (max-width: 768px) {
  .cinematic-intro video {
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    transform: none !important;
    margin: auto !important;
    display: block !important;
  }
}

/* =========================================================
   3. LANGUAGE SWITCHER & TOPBAR LAYOUT
   ========================================================= */
.topbar-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.lang-switch-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(18, 28, 38, 0.7);
  border: 1px solid rgba(2, 217, 255, 0.35);
  color: #e7f6ff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 6px 12px;
  border-radius: 999px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.2s ease;
  user-select: none;
}

.lang-switch-btn:hover {
  background: rgba(2, 217, 255, 0.15);
  border-color: #02d9ff;
  color: #fff;
  box-shadow: 0 0 12px rgba(2, 217, 255, 0.4);
  transform: translateY(-1px);
}

.lang-switch-btn:active {
  transform: translateY(0);
}

.lang-flag {
  font-size: 13px;
  line-height: 1;
}

/* =========================================================
   4. BRAND LOGO (MAXIMUM EFFECT DAY SVG) & TOPBAR STYLING
   ========================================================= */
.header-brand {
  width: 145px !important;
  max-width: 155px !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  transition: opacity 0.4s ease !important;
}

@media (max-width: 768px) {
  .header-brand {
    width: 125px !important;
  }
}

.event-mark,
.header-brand .event-mark,
.flying-brand .event-mark {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  container-type: normal !important;
}

.event-mark-image,
.header-brand .event-mark-image,
.flying-brand .event-mark-image {
  aspect-ratio: auto !important;
  overflow: visible !important;
  position: static !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.event-mark-image img,
.header-brand .event-mark-image img,
.flying-brand .event-mark-image img {
  position: static !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  background: transparent !important;
  object-fit: contain !important;
}

.event-caption {
  display: none !important;
}

/* =========================================================
   5. RTL (ARABIC) TYPOGRAPHY & UNIFIED FONT SYSTEM
   ========================================================= */
[dir="rtl"]:not(#chooseTitle):not(.section-heading *),
[dir="rtl"] body,
[dir="rtl"] button,
[dir="rtl"] input,
[dir="rtl"] select,
[dir="rtl"] textarea,
[dir="rtl"] h1:not(#chooseTitle):not(.section-heading *),
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] p,
[dir="rtl"] span:not(#chooseTitle *):not(.section-heading *),
[dir="rtl"] label,
[dir="rtl"] a {
  font-family: 'Cairo', 'Segoe UI', Tahoma, -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
}

/* توحيد فونت العنوان في البوستر (جاهز للتحدي / مين الأقوى) في النسخة العربي: فونت Cairo 900 أصلي صلب بدون أي ستروك مكسور */
[dir="rtl"] .form-poster h1,
[dir="rtl"] .form-poster h1 em,
[dir="rtl"] .form-poster.professional h1 em,
[dir="rtl"] .success-panel h1,
[dir="rtl"] .success-panel h1 em {
  font-family: 'Cairo', 'Segoe UI', Tahoma, sans-serif !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  -webkit-text-stroke: 0px transparent !important;
  paint-order: normal !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

[dir="rtl"] .form-poster:not(.professional) h1 em {
  text-shadow: 0 0 24px rgba(2, 217, 255, 0.45) !important;
}

[dir="rtl"] .form-poster.professional h1 em {
  text-shadow: 0 0 25px rgba(192, 132, 252, 0.7) !important;
}

/* تثبيت اتجاه الجملة الإنجليزية وعلامة الاستفهام والفونت الأصلي الرياضي في المنتصف دائماً */
.section-heading,
.section-heading h1,
.section-heading h1 *,
#chooseTitle,
#chooseTitle *,
[dir="rtl"] .section-heading,
[dir="rtl"] .section-heading h1,
[dir="rtl"] .section-heading h1 *,
[dir="rtl"] #chooseTitle,
[dir="rtl"] #chooseTitle *,
[dir="ltr"] .section-heading,
[dir="ltr"] .section-heading h1,
[dir="ltr"] .section-heading h1 *,
[dir="ltr"] #chooseTitle,
[dir="ltr"] #chooseTitle * {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  text-align: center !important;
}

.section-heading h1 em,
#chooseTitle em,
[dir="rtl"] .section-heading h1 em,
[dir="rtl"] #chooseTitle em,
[dir="ltr"] .section-heading h1 em,
[dir="ltr"] #chooseTitle em {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
}

[dir="rtl"] .back .back-arrow {
  display: inline-block;
  transform: scaleX(-1);
}

.back .back-text {
  display: inline-block;
  transform: none !important;
  font-size: 14px !important;
}

[dir="rtl"] .track-action b,
[dir="rtl"] .submit b {
  display: inline-block;
  transform: none !important;
}

#formStepCount,
.form-head > span#formStepCount {
  display: none !important;
}

/* إخفاء الكانزات الأربعة في الخلفية تماماً في اللاب توب والموبايل عربي وإنجليزي */
.can-lineup {
  display: none !important;
}

/* علامة فئة الفردي والمجموعات (X1 و X4 باللون الأبيض في اللغتين وعلى اللاب والموبايل) */
.track-icon,
.team-icon,
.track-card .track-icon,
.track-card .team-icon {
  color: #ffffff !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  font-family: inherit !important;
  letter-spacing: -0.02em !important;
}

[dir="rtl"] .form-poster {
  border-right: none;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.track-num,
[dir="rtl"] .track-num {
  display: none !important;
}

[dir="rtl"] .track-icon {
  right: auto;
  left: 20px;
}

/* رفع نصوص الكروت وتخفيف سمك الخط قليلاً (سنة لفوق وخط أرفع) */
.track-copy {
  bottom: 106px !important;
}

.track-copy strong {
  font-weight: 800 !important;
}

[dir="rtl"] .track-copy {
  bottom: 112px !important;
  text-align: right !important;
}

[dir="rtl"] .track-copy strong {
  letter-spacing: 0 !important;
  font-size: clamp(28px, 3.6vw, 44px) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  margin-bottom: 4px !important;
}

[dir="rtl"] .track-copy small {
  font-size: 14.5px !important;
  line-height: 1.4 !important;
  color: #b5c4cb !important;
}

@media (max-width: 760px) {
  .track-copy {
    bottom: 90px !important;
  }
  [dir="rtl"] .track-copy {
    bottom: 94px !important;
  }
}

/* =========================================================
   6. 4-ATHLETE ROSTER & T-SHIRT SIZES IN PRO TRACK
   ========================================================= */
.roster-header {
  margin-top: 14px;
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(168, 156, 255, 0.25);
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.roster-header strong {
  color: #c2b8ff;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.roster-header span {
  font-size: 11px;
  color: #929bb0;
  line-height: 1.4;
}

.roster-grid {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 12px;
}

.athlete-card {
  background: rgba(12, 16, 26, 0.6);
  border: 1px solid rgba(168, 156, 255, 0.2);
  border-radius: 8px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  transition: border-color 0.2s;
}

.athlete-card:focus-within {
  border-color: rgba(168, 156, 255, 0.6);
  box-shadow: 0 0 10px rgba(168, 156, 255, 0.15);
}

.athlete-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.athlete-badge {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: #a89cff;
  background: rgba(168, 156, 255, 0.15);
  padding: 2px 8px;
  border-radius: 4px;
}

.athlete-inputs {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 8px;
  align-items: end;
}

.athlete-inputs.with-gender {
  grid-template-columns: 2fr 1fr 1fr;
}

@media (max-width: 580px) {
  .athlete-inputs,
  .athlete-inputs.with-gender {
    grid-template-columns: 1fr;
  }
}

.tshirt-select {
  width: 100%;
  background: #090c12;
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #fff;
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 13px;
  outline: none;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.tshirt-select:focus {
  border-color: #a89cff;
  box-shadow: 0 0 0 2px rgba(168, 156, 255, 0.2);
}

.tshirt-select option {
  background: #090c12;
  color: #fff;
}

.athlete-inputs label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 11px;
  color: #a6b2c4;
  font-weight: 600;
}

.athlete-inputs input {
  width: 100%;
  background: #090c12;
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #fff;
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 13px;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.athlete-inputs input:focus {
  border-color: #a89cff;
  box-shadow: 0 0 0 2px rgba(168, 156, 255, 0.2);
}

/* =========================================================
   7. EVENT CHIP SINGLE GREEN DOT & TEXT RESET
   ========================================================= */
.event-chip {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
}

.event-chip > span.chip-dot {
  display: inline-block !important;
  width: 7px !important;
  height: 7px !important;
  min-width: 7px !important;
  min-height: 7px !important;
  background: #55ff96 !important;
  border-radius: 50% !important;
  animation: 1.6s infinite pulse !important;
  box-shadow: 0 0 14px #55ff96 !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.event-chip > span.chip-text,
#chipStatusText {
  background: transparent !important;
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
  box-shadow: none !important;
  animation: none !important;
  color: #d9e5e9 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.2 !important;
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 760px) {
  .event-chip > span.chip-text,
  #chipStatusText {
    font-size: 9px !important;
  }
}

/* =========================================================
   8. SMART QR CODE, TICKET PASS & GATE CHECK-IN SYSTEM
   ========================================================= */

/* --- A. Screenshot Alert Banner --- */
.screenshot-alert {
  display: flex;
  align-items: center;
  gap: 14px;
  background: linear-gradient(135deg, rgba(255, 170, 0, 0.15), rgba(255, 38, 56, 0.12));
  border: 1px solid rgba(255, 180, 0, 0.45);
  border-radius: 12px;
  padding: 14px 18px;
  max-width: min(500px, 92vw);
  margin: 12px auto 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  animation: 2.2s infinite pulseAlert;
}

@keyframes pulseAlert {
  0%, 100% { border-color: rgba(255, 180, 0, 0.45); }
  50% { border-color: rgba(255, 220, 50, 0.85); box-shadow: 0 0 20px rgba(255, 190, 0, 0.25); }
}

.screenshot-icon {
  font-size: 28px;
  flex-shrink: 0;
  line-height: 1;
}

.screenshot-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
  text-align: right;
}

[dir="ltr"] .screenshot-text {
  text-align: left;
}

.screenshot-text strong {
  font-size: 14px;
  font-weight: 900;
  color: #ffda6a;
  letter-spacing: 0.02em;
}

.screenshot-text span {
  font-size: 12px;
  color: #d1dde3;
  line-height: 1.4;
}

/* --- B. Digital Ticket Card --- */
.ticket-card {
  background: linear-gradient(145deg, #091217, #040608);
  border: 1px solid rgba(2, 217, 255, 0.35);
  border-radius: 14px;
  max-width: min(480px, 92vw);
  width: 100%;
  margin: 0 auto 16px;
  overflow: hidden;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
}

.ticket-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #ff2638, #02d9ff, #55ff96);
}

.ticket-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
}

.ticket-brand {
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.08em;
  color: #ffffff;
}

.ticket-tag {
  font-size: 11px;
  font-weight: 800;
  padding: 3px 10px;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.ticket-tag.amateur {
  background: rgba(2, 217, 255, 0.18);
  color: #02d9ff;
  border: 1px solid rgba(2, 217, 255, 0.4);
}

.ticket-tag.pro {
  background: rgba(168, 156, 255, 0.2);
  color: #c2b8ff;
  border: 1px solid rgba(168, 156, 255, 0.45);
}

.ticket-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 20px 20px 24px;
}

.ticket-qr-frame {
  background: #ffffff;
  padding: 12px;
  border-radius: 12px;
  box-shadow: 0 0 24px rgba(2, 217, 255, 0.3);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.ticket-qr canvas,
.ticket-qr img {
  display: block;
  width: 170px !important;
  height: 170px !important;
  border-radius: 4px;
}

.ticket-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ticket-id-block {
  text-align: center;
  background: rgba(0, 0, 0, 0.45);
  border: 1px dashed rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  padding: 10px;
}

.ticket-id-block small {
  display: block;
  font-size: 11px;
  letter-spacing: 0.15em;
  color: #83959e;
  text-transform: uppercase;
  margin-bottom: 2px;
}

.ticket-id-block strong {
  font-size: 26px;
  letter-spacing: 0.08em;
  color: #ffffff;
  font-family: monospace, sans-serif;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
}

.ticket-meta {
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 13px;
}

.ticket-meta-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ticket-meta-row .meta-k {
  color: #889ba4;
}

.ticket-meta-row .meta-v {
  color: #e5f2f7;
}

.ticket-meta-row .highlight-slot {
  color: #02d9ff;
  font-weight: 800;
}

/* --- C. Action Buttons --- */
.ticket-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: min(480px, 92vw);
}

.download-ticket-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, #02d9ff, #0099cc);
  color: #04080a;
  border: none;
  border-radius: 8px;
  min-height: 52px;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0.05em;
  cursor: pointer;
  box-shadow: 0 4px 20px rgba(2, 217, 255, 0.35);
  transition: transform 0.2s, box-shadow 0.2s;
  width: 100%;
}

.download-ticket-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(2, 217, 255, 0.55);
}

.download-ticket-btn:active {
  transform: translateY(0);
}

/* --- D. Gate Check-in Modal (Organizers Mode) --- */
.gate-modal {
  position: fixed;
  inset: 0;
  z-index: 100;
  background: rgba(3, 6, 8, 0.94);
  backdrop-filter: blur(14px);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.gate-card {
  background: #080e12;
  border: 1px solid rgba(2, 217, 255, 0.35);
  border-radius: 16px;
  width: min(520px, 96vw);
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.8), 0 0 30px rgba(2, 217, 255, 0.15);
  display: flex;
  flex-direction: column;
}

.gate-head {
  padding: 20px 24px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  text-align: center;
}

.gate-badge {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.14em;
  color: #02d9ff;
  text-transform: uppercase;
  display: block;
  margin-bottom: 6px;
}

.gate-head h2 {
  font-size: 24px;
  font-weight: 900;
  margin: 0;
  color: #ffffff;
}

.gate-body {
  padding: 24px;
}

.gate-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 40px 20px;
}

.gate-spinner {
  width: 44px;
  height: 44px;
  border: 3px solid rgba(2, 217, 255, 0.2);
  border-top-color: #02d9ff;
  border-radius: 50%;
  animation: 0.8s linear infinite spin;
}

.gate-status-box {
  border-radius: 12px;
  padding: 16px 20px;
  text-align: center;
  margin-bottom: 18px;
}

.gate-status-box .status-icon {
  font-size: 40px;
  display: block;
  margin-bottom: 6px;
}

.gate-status-box h3 {
  font-size: 20px;
  font-weight: 900;
  margin: 0 0 6px;
}

.gate-status-box p {
  font-size: 13px;
  margin: 0;
  opacity: 0.9;
}

.gate-status-box.valid {
  background: rgba(85, 255, 150, 0.12);
  border: 1px solid #55ff96;
  color: #55ff96;
}

.gate-status-box.valid h3 { color: #ffffff; }

.gate-status-box.warning {
  background: rgba(255, 180, 0, 0.15);
  border: 1px solid #ffbb00;
  color: #ffbb00;
}

.gate-status-box.warning h3 { color: #ffda6a; }

.gate-status-box.success {
  background: rgba(85, 255, 150, 0.2);
  border: 2px solid #55ff96;
  color: #55ff96;
}

.gate-status-box.error {
  background: rgba(255, 38, 56, 0.15);
  border: 1px solid #ff2638;
  color: #ff7f89;
}

.gate-time-badge {
  display: inline-block;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 6px 14px;
  border-radius: 6px;
  margin-top: 8px;
  font-size: 14px;
  font-family: monospace, sans-serif;
  color: #ffffff;
  font-weight: bold;
}

.gate-details-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 14px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 14px;
  margin-bottom: 20px;
}

.gate-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gate-row span {
  color: #8c9fa8;
}

.gate-row strong {
  color: #ffffff;
}

.gate-highlight {
  color: #02d9ff !important;
}

.mono-code {
  font-family: monospace, sans-serif;
  color: #02d9ff !important;
  letter-spacing: 0.05em;
}

.gate-roster-box {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.gate-roster-box > strong {
  font-size: 13px;
  color: #c2b8ff;
}

.gate-roster-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.gate-player-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(0, 0, 0, 0.3);
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 13px;
}

.gate-player-item .p-badge {
  background: rgba(168, 156, 255, 0.2);
  color: #c2b8ff;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: bold;
}

.gate-participant-note {
  display: flex;
  align-items: center;
  gap: 14px;
  background: rgba(2, 217, 255, 0.08);
  border: 1px solid rgba(2, 217, 255, 0.3);
  padding: 14px 18px;
  border-radius: 10px;
  margin-top: 10px;
  text-align: right;
}

.gate-participant-note .note-icon {
  font-size: 28px;
  flex-shrink: 0;
}

.gate-participant-note strong {
  display: block;
  font-size: 15px;
  color: #02d9ff;
  margin-bottom: 4px;
}

.gate-participant-note p {
  font-size: 13px;
  color: #c5d6de;
  margin: 0;
  line-height: 1.5;
}

.gate-confirm-btn {
  width: 100%;
  min-height: 56px;
  background: #55ff96;
  color: #030805;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 4px 20px rgba(85, 255, 150, 0.4);
  transition: transform 0.2s, background 0.2s;
}

.gate-confirm-btn:hover:not(:disabled) {
  background: #68ff9f;
  transform: translateY(-2px);
}

.gate-confirm-btn:disabled {
  opacity: 0.7;
  cursor: wait;
}

.gate-search-row {
  display: flex;
  gap: 8px;
  margin-top: 14px;
  width: 100%;
}

.gate-input {
  flex: 1;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  padding: 10px 14px;
  color: #ffffff;
  font-size: 14px;
  font-family: inherit;
  outline: none;
  transition: all 0.2s;
}

.gate-input:focus {
  border-color: #02d9ff;
  background: rgba(2, 217, 255, 0.08);
  box-shadow: 0 0 10px rgba(2, 217, 255, 0.25);
}

.gate-search-btn {
  background: rgba(2, 217, 255, 0.15);
  border: 1px solid #02d9ff;
  color: #02d9ff;
  padding: 0 16px;
  border-radius: 8px;
  font-weight: bold;
  font-size: 13px;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s;
}

.gate-search-btn:hover {
  background: #02d9ff;
  color: #030805;
}

.gate-foot {
  padding: 14px 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  text-align: center;
}

.gate-close-btn {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #8c9fa8;
  padding: 8px 18px;
  border-radius: 6px;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s;
}

.gate-close-btn:hover {
  border-color: #ffffff;
  color: #ffffff;
}

/* =========================================================
   9. FORM POSTER CAN ELEVATION (SHOW 3/4 OF THE CAN)
   ========================================================= */
.form-poster {
  position: relative !important;
  overflow: hidden !important;
}

.form-poster > * {
  position: relative;
  z-index: 2;
}

.form-poster img,
#posterCanImg {
  position: absolute !important;
  bottom: -40px !important;
  right: -15px !important;
  width: min(75%, 340px) !important;
  max-width: 340px !important;
  height: auto !important;
  transform: rotate(6deg) !important;
  opacity: 0.98 !important;
  pointer-events: none !important;
  z-index: 1 !important;
  mix-blend-mode: normal !important;
  filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.65)) !important;
  transition: transform 0.3s ease, bottom 0.3s ease !important;
}

[dir="rtl"] .form-poster img,
[dir="rtl"] #posterCanImg {
  right: auto !important;
  left: -15px !important;
  transform: rotate(-6deg) !important;
}

@media (max-width: 900px) {
  .registration-screen .form-poster {
    display: block !important;
    min-height: 220px !important;
    overflow: hidden !important;
  }

  .form-poster img,
  #posterCanImg {
    width: 145px !important;
    max-width: 42% !important;
    bottom: -25px !important;
    right: -6px !important;
    opacity: 0.92 !important;
  }

  [dir="rtl"] .form-poster img,
  [dir="rtl"] #posterCanImg {
    right: auto !important;
    left: -16px !important;
    transform: rotate(-6deg) !important;
  }
}

/* =========================================================
   10. FORM POSTER HEADING & PARAGRAPH SPACING (BREATHING ROOM)
   ========================================================= */
.form-poster h1 {
  line-height: 1.25 !important;
  margin-top: 14px !important;
  margin-bottom: 24px !important;
}

.form-poster h1 em {
  display: inline-block !important;
  margin-top: 14px !important;
}

.form-poster p {
  margin-top: 14px !important;
  line-height: 1.65 !important;
  color: #c0cfd6 !important;
  max-width: 72% !important;
}

.poster-subline {
  display: inline-block;
  margin-top: 6px;
  color: #e2eef2;
  font-weight: 700;
}

/* --- LTR (ENGLISH) POSTER SPECIFIC TUNING (DESKTOP) --- */
[dir="ltr"] .form-poster h1 {
  font-size: clamp(34px, 3.8vw, 54px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.04em !important;
  max-width: 90% !important;
  margin-top: 10px !important;
  margin-bottom: 16px !important;
  text-align: left !important;
}

[dir="ltr"] .form-poster h1 em {
  display: inline-block !important;
  margin-top: 6px !important;
  letter-spacing: -0.02em !important;
  text-align: left !important;
  white-space: nowrap !important;
}

[dir="ltr"] .form-poster p {
  text-align: left !important;
  max-width: 66% !important;
  margin-top: 12px !important;
  line-height: 1.55 !important;
}

[dir="ltr"] .poster-subline {
  text-align: left !important;
  display: block !important;
  margin-top: 6px !important;
}

@media (max-width: 900px) {
  .registration-screen .form-poster {
    display: block !important;
    min-height: 240px !important;
    overflow: hidden !important;
    padding: 22px 20px 28px !important;
  }

  .form-poster h1 {
    max-width: 72% !important;
    font-size: clamp(30px, 6.5vw, 44px) !important;
    line-height: 1.15 !important;
    margin-bottom: 14px !important;
  }

  .form-poster h1 em {
    margin-top: 8px !important;
    white-space: nowrap !important;
  }

  .form-poster p {
    max-width: 58% !important;
    margin-top: 8px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  [dir="rtl"] .form-poster p {
    max-width: 58% !important;
    text-align: right !important;
  }

  [dir="rtl"] .poster-subline {
    display: block !important;
    margin-top: 5px !important;
    text-align: right !important;
  }

  /* --- LTR (ENGLISH) POSTER SPECIFIC TUNING (MOBILE) --- */
  [dir="ltr"] .form-poster {
    min-height: 230px !important;
    padding: 20px 18px 24px !important;
  }

  [dir="ltr"] .form-poster h1 {
    font-size: clamp(22px, 5.2vw, 30px) !important;
    line-height: 1.12 !important;
    max-width: 72% !important;
    margin: 8px 0 10px !important;
    text-align: left !important;
  }

  [dir="ltr"] .form-poster h1 em {
    margin-top: 4px !important;
    display: inline-block !important;
    white-space: nowrap !important;
  }

  [dir="ltr"] .form-poster p {
    max-width: 58% !important;
    margin-top: 6px !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    text-align: left !important;
  }

  [dir="ltr"] .poster-subline {
    text-align: left !important;
    display: block !important;
    margin-top: 4px !important;
  }

  [dir="ltr"] .form-poster img,
  [dir="ltr"] #posterCanImg {
    right: -10px !important;
    bottom: -32px !important;
    width: 132px !important;
    max-width: 38% !important;
    opacity: 0.92 !important;
  }
}

/* زر التحكم في صوت الفيديو الافتراضي (Sound Control Button) */
/* زر التحكم في صوت الفيديو الترويجي (Sound Control Button) */
.cinema-sound {
  position: absolute;
  bottom: max(24px, env(safe-area-inset-bottom));
  left: max(20px, env(safe-area-inset-left));
  z-index: 25;
  background: rgba(5, 9, 11, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 999px;
  min-height: 42px;
  height: 42px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  cursor: pointer;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all 0.22s ease;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.55);
  user-select: none;
}

.cinema-sound span#soundIcon {
  font-size: 17px;
  line-height: 1;
}

.cinema-sound .sound-text {
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.cinema-sound:hover {
  background: rgba(22, 48, 60, 0.95);
  border-color: #02d9ff;
  transform: scale(1.04);
  box-shadow: 0 0 18px rgba(2, 217, 255, 0.45);
}

.cinema-sound:focus-visible {
  outline: 2px solid #02d9ff;
  outline-offset: 4px;
}

.cinema-sound.is-muted {
  border-color: #02d9ff;
  background: rgba(10, 24, 32, 0.88);
  animation: soundPulseGlow 2s infinite ease-in-out;
}

@keyframes soundPulseGlow {
  0%, 100% {
    box-shadow: 0 0 8px rgba(2, 217, 255, 0.35);
    border-color: rgba(2, 217, 255, 0.5);
  }
  50% {
    box-shadow: 0 0 22px rgba(2, 217, 255, 0.85);
    border-color: #02d9ff;
  }
}

.cinematic-intro.cinematic-closing {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), background 0.85s ease-out !important;
}

.cinematic-closing video {
  opacity: 0 !important;
  filter: blur(8px) !important;
  transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1), filter 0.75s ease-out !important;
}

.cinematic-closing::before {
  opacity: 0 !important;
  transition: opacity 0.65s ease-out !important;
}

.cinematic-closing .cinema-sound,
.cinematic-closing .cinema-skip,
.cinematic-closing .play-intro {
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.3s ease !important;
}

/* Illusion slide-in overflow safeguards */
body {
  overflow-x: hidden;
}

.experience {
  overflow-x: clip;
}

@media (max-width: 760px) {
  .cinema-sound {
    bottom: max(20px, env(safe-area-inset-bottom));
    left: max(16px, env(safe-area-inset-left));
    height: 38px;
    min-height: 38px;
    padding: 0 12px;
    font-size: 13px;
    gap: 6px;
  }
  .cinema-sound span#soundIcon {
    font-size: 15px;
  }
}

/* ====================================================================
   CONSENT & TERMS LINK (LIKE ORIGINAL WITH REDUCED FONT SIZE)
   ==================================================================== */
.consent,
.registration-screen .consent,
.experience .registration-screen form label.consent,
html[data-phone=true] .registration-screen form label.consent {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  color: #92a1a8 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  background: transparent !important;
  border: none !important;
  padding: 2px 0 !important;
  margin: 4px 0 8px !important;
  cursor: pointer !important;
}

.consent input[type="checkbox"],
.registration-screen .consent input[type="checkbox"],
html[data-phone=true] .registration-screen form label.consent input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  margin-top: 1px !important;
  accent-color: #02d9ff !important;
  cursor: pointer !important;
  flex: none !important;
}

#consentTextWrapper {
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  color: #92a1a8 !important;
}

.terms-link {
  color: #02d9ff !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  display: inline !important;
  transition: color 0.2s ease, text-shadow 0.2s ease !important;
}

.terms-link:hover {
  color: #ffffff !important;
  text-shadow: 0 0 8px rgba(2, 217, 255, 0.8) !important;
}

/* Mobile font size reduction & smooth scrolling */
.experience.step-form {
  overflow-x: clip !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

@media (max-width: 600px) {
  .consent,
  .registration-screen .consent,
  .experience .registration-screen form label.consent,
  html[data-phone=true] .registration-screen form label.consent {
    font-size: 11px !important;
    gap: 7px !important;
    line-height: 1.4 !important;
  }
  #consentTextWrapper {
    font-size: 11px !important;
    line-height: 1.4 !important;
  }
  .consent input[type="checkbox"],
  .registration-screen .consent input[type="checkbox"],
  html[data-phone=true] .registration-screen form label.consent input[type="checkbox"] {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
  }
}

/* ====================================================================
   NON STOP ORIGINAL COLOR SYSTEM & BRAND IDENTITY RE-SKINNING
   Authentic High-Velocity Can Pattern & Vitality Palette:
   - Deep Velocity Navy (Base): #031226 -> #051c3c
   - Electric Royal Cobalt (Can & Video Blue): #0055b8 -> #0a6cd8
   - Radiant Sky Azure / Vivid Cyan (Sky & Can Facet): #00bdf2 -> #2ee2ff
   - Metallic Ice Silver & Crisp White (Can Lines): #e2edf5 -> #ffffff
   - Punchy Coral Red (ORIGINAL Can Badge & Vitality): #ea2a3e -> #ff2b42
   ==================================================================== */

:root {
  --ns-navy-darkest: #031226;
  --ns-navy-deep: #051c3c;
  --ns-royal-blue: #0055b8;
  --ns-royal-light: #0a6cd8;
  --ns-cyan-vibrant: #00bdf2;
  --ns-cyan-glow: #2ee2ff;
  --ns-silver-ice: #e2edf5;
  --ns-coral-red: #ea2a3e;
  --ns-coral-red-hover: #ff2b42;
}

/* 1. Body & Experience Background: Non Stop ORIGINAL Geometric Can Pattern */
body {
  background-color: #031226 !important;
  color: #ffffff !important;
}

.experience {
  overflow-x: clip !important;
  background-color: #04142b !important;
  background-image: 
    /* Ambient Sky Lighting Dome from Intro Video */
    radial-gradient(ellipse 110% 55% at 50% 0%, rgba(0, 185, 255, 0.35) 0%, rgba(10, 95, 200, 0.22) 40%, transparent 80%),
    /* Non Stop Original Can: Geometric Diagonal Velocity Bands (55deg) */
    linear-gradient(55deg,
      #031226 0%,
      #051c3c 14%,
      #0055b8 14.1%,
      #0a6cd8 20%,
      #00c5ff 20.1%,
      #2ae2ff 25%,
      rgba(255, 255, 255, 0.24) 25.1%,
      #051c3c 25.3%,
      #03142c 42%,
      #0055b8 42.1%,
      #0d72e6 48%,
      #00c8ff 48.1%,
      #35e6ff 53%,
      rgba(255, 255, 255, 0.26) 53.1%,
      #041a38 53.3%,
      #031226 72%,
      #0055b8 72.1%,
      #0a6cd8 77%,
      #00c5ff 77.1%,
      rgba(255, 255, 255, 0.22) 77.3%,
      #031226 77.5% 100%
    ) !important;
  background-size: 100% 100%, 1400px 100% !important;
}

/* Radiant Cyan & Blue Sky Energy Aura with Red Accents */
.experience::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background: 
    radial-gradient(circle at 50% 8%, rgba(0, 210, 255, 0.28) 0%, transparent 55%),
    radial-gradient(circle at 12% 80%, rgba(0, 85, 185, 0.25) 0%, transparent 50%),
    radial-gradient(circle at 88% 80%, rgba(234, 42, 62, 0.12) 0%, transparent 45%) !important;
}

/* Subtle Geometric Athletic Speed Lines */
.experience .speed-lines {
  opacity: 0.45 !important;
  filter: drop-shadow(0 0 12px rgba(0, 210, 255, 0.6)) !important;
  background: 
    /* Counter-Angle Facets at 125deg matching the Can's triangular cuts */
    linear-gradient(125deg,
      transparent 0 28%,
      rgba(255, 255, 255, 0.2) 28.1% 28.3%,
      rgba(0, 210, 255, 0.22) 28.4% 33%,
      transparent 33.1% 65%,
      rgba(234, 42, 62, 0.18) 65.1% 65.4%,
      rgba(0, 210, 255, 0.28) 65.5% 70%,
      transparent 70.1% 100%
    ),
    /* Precision athletic stripes */
    repeating-linear-gradient(55deg,
      transparent 0 100px,
      rgba(0, 210, 255, 0.08) 100px 102px,
      transparent 102px 200px
    ) !important;
}

/* 2. Topbar & Event Chip */
.topbar {
  border-bottom: 1px solid rgba(0, 210, 255, 0.3) !important;
  background: rgba(4, 18, 38, 0.8) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

.event-chip {
  background: rgba(8, 32, 64, 0.9) !important;
  border: 1px solid rgba(0, 210, 255, 0.5) !important;
  box-shadow: 0 0 16px rgba(0, 210, 255, 0.35) !important;
}

.chip-dot {
  background: #ea2a3e !important;
  box-shadow: 0 0 10px #ea2a3e, 0 0 18px rgba(234, 42, 62, 0.8) !important;
}

.chip-text {
  color: #ffffff !important;
  font-weight: 800 !important;
}

.lang-switch-btn {
  background: rgba(8, 32, 64, 0.8) !important;
  border: 1px solid rgba(0, 210, 255, 0.45) !important;
  color: #ffffff !important;
}

.lang-switch-btn:hover {
  background: rgba(0, 210, 255, 0.25) !important;
  border-color: #00c3ff !important;
  box-shadow: 0 0 16px rgba(0, 210, 255, 0.6) !important;
  color: #ffffff !important;
}

/* 3. Section Heading & Eyebrow with Red Vitality Badge */
.section-heading .eyebrow,
#chooseEyebrow,
#posterEyebrow,
#successEyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #2ee2ff !important;
  font-weight: 900 !important;
  letter-spacing: 0.18em !important;
  padding: 5px 14px !important;
  background: rgba(4, 22, 48, 0.85) !important;
  border: 1px solid rgba(0, 210, 255, 0.4) !important;
  border-radius: 4px !important;
  box-shadow: 0 0 18px rgba(0, 210, 255, 0.25) !important;
}

.section-heading .eyebrow::before,
#chooseEyebrow::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #ea2a3e;
  transform: skewX(-20deg);
  box-shadow: 0 0 8px #ea2a3e;
}

/* Restored original athletic sans-serif font & iconic hollow white outline */
.section-heading h1,
.section-heading h1 span,
#chooseTitle,
#chooseTitle span,
[dir="rtl"] .section-heading h1,
[dir="rtl"] .section-heading h1 span,
[dir="rtl"] #chooseTitle,
[dir="rtl"] #chooseTitle span,
[dir="ltr"] .section-heading h1,
[dir="ltr"] .section-heading h1 span,
[dir="ltr"] #chooseTitle,
[dir="ltr"] #chooseTitle span {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 1000 !important;
  font-size: clamp(34px, 6vw, 76px) !important;
  line-height: 0.88 !important;
  letter-spacing: -0.065em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 4px 30px rgba(0, 185, 255, 0.35) !important;
}

.section-heading h1 em,
#chooseTitle em,
[dir="rtl"] .section-heading h1 em,
[dir="rtl"] #chooseTitle em,
[dir="ltr"] .section-heading h1 em,
[dir="ltr"] #chooseTitle em {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 1000 !important;
  letter-spacing: -0.055em !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  -webkit-text-stroke: 0 transparent !important;
  paint-order: normal !important;
  text-shadow: 0 4px 30px rgba(0, 185, 255, 0.35) !important;
  display: inline-block !important;
}

@media (max-width: 640px) {
  .section-heading h1,
  .section-heading h1 span,
  #chooseTitle,
  #chooseTitle span,
  [dir="rtl"] .section-heading h1,
  [dir="rtl"] .section-heading h1 span,
  [dir="rtl"] #chooseTitle,
  [dir="rtl"] #chooseTitle span {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: clamp(28px, 7.8vw, 42px) !important;
    line-height: 0.92 !important;
    letter-spacing: -0.04em !important;
  }

  .section-heading h1 em,
  #chooseTitle em,
  [dir="rtl"] .section-heading h1 em,
  [dir="rtl"] #chooseTitle em {
    white-space: normal !important;
    font-size: clamp(28px, 7.8vw, 42px) !important;
    letter-spacing: -0.04em !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    -webkit-text-stroke: 0 transparent !important;
    paint-order: normal !important;
    text-shadow: 0 4px 30px rgba(0, 185, 255, 0.35) !important;
    display: inline-block !important;
  }
}

/* 4. Track Cards: Amateur (فردي) & Professional (مجموعات) */
/* Individual Track - Pure Cyan & Royal Blue */
.experience .track-card.amateur,
.track-card.amateur {
  background: linear-gradient(150deg, rgba(10, 42, 85, 0.94) 0%, rgba(4, 18, 38, 0.98) 100%) !important;
  border: 1.5px solid rgba(0, 210, 255, 0.5) !important;
  border-top: 2px solid rgba(46, 226, 255, 0.8) !important;
  box-shadow: 0 14px 40px rgba(2, 14, 32, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

.experience .track-card.amateur:hover,
.track-card.amateur:hover {
  border-color: #2ee2ff !important;
  box-shadow: 0 18px 50px rgba(0, 210, 255, 0.45), inset 0 0 25px rgba(0, 210, 255, 0.3) !important;
  transform: translateY(-4px) scale(1.01) !important;
}

.experience .track-card.amateur:after {
  background: linear-gradient(90deg, transparent, #00c3ff, #ffffff, transparent) !important;
  box-shadow: 0 0 22px #00c3ff !important;
}

.track-card.amateur .track-icon {
  color: #2ee2ff !important;
  text-shadow: 0 0 16px rgba(46, 226, 255, 0.85) !important;
}

.track-card.amateur .track-action {
  color: #2ee2ff !important;
}

/* Professional Track - Royal Blue & Coral Red energy (The ORIGINAL Badge Touch) */
.experience .track-card.professional,
.track-card.professional {
  background: linear-gradient(150deg, rgba(16, 44, 88, 0.94) 0%, rgba(6, 18, 38, 0.98) 100%) !important;
  border: 1.5px solid rgba(0, 210, 255, 0.45) !important;
  border-top: 2px solid #ea2a3e !important;
  box-shadow: 0 14px 40px rgba(2, 14, 32, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

.experience .track-card.professional:hover,
.track-card.professional:hover {
  border-color: #ea2a3e !important;
  box-shadow: 0 18px 50px rgba(10, 75, 175, 0.45), 0 0 25px rgba(234, 42, 62, 0.4) !important;
  transform: translateY(-4px) scale(1.01) !important;
}

.experience .track-card.professional:after {
  background: linear-gradient(90deg, transparent, #ea2a3e, #00c3ff, transparent) !important;
  box-shadow: 0 0 20px rgba(234, 42, 62, 0.8) !important;
}

.track-card.professional .track-icon {
  color: #ffffff !important;
  text-shadow: 0 0 14px rgba(255, 255, 255, 0.8), 0 0 25px rgba(234, 42, 62, 0.6) !important;
}

.track-card.professional .track-action {
  color: #2ee2ff !important;
}

/* Card typography */
.track-copy strong {
  color: #ffffff !important;
}

.track-copy small {
  color: #c4d7e4 !important;
}

/* 5. Registration Screen: Poster & Shell */
.registration-screen .form-layout {
  border: 1.5px solid rgba(0, 210, 255, 0.4) !important;
  box-shadow: 0 24px 70px rgba(2, 14, 32, 0.75) !important;
}

.registration-screen .form-poster {
  background: 
    linear-gradient(135deg, rgba(234, 42, 62, 0.12) 0%, transparent 40%),
    linear-gradient(55deg, #051c3c 0%, #0a4ea0 45%, #00bdf2 75%, #051c3c 100%) !important;
  border-right: 1.5px solid rgba(0, 210, 255, 0.3) !important;
}

[dir="rtl"] .registration-screen .form-poster {
  border-right: none !important;
  border-left: 1.5px solid rgba(0, 210, 255, 0.3) !important;
}

.registration-screen .form-shell {
  background: linear-gradient(160deg, rgba(8, 28, 56, 0.98) 0%, rgba(4, 16, 34, 0.99) 100%) !important;
}

.registration-screen .form-head h2 {
  color: #ffffff !important;
}

.registration-screen .form-head p {
  color: #c4d7e4 !important;
}

/* Inputs & Form Fields */
.registration-screen form input:not([type=radio]):not([type=checkbox]),
.experience .registration-screen form input:not([type=radio]):not([type=checkbox]) {
  background: rgba(5, 22, 46, 0.9) !important;
  border: 1.5px solid rgba(0, 210, 255, 0.38) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
}

.registration-screen form input:not([type=radio]):not([type=checkbox]):focus,
.experience .registration-screen form input:not([type=radio]):not([type=checkbox]):focus {
  border-color: #2ee2ff !important;
  box-shadow: 0 0 18px rgba(0, 210, 255, 0.55), 0 0 5px rgba(234, 42, 62, 0.3) !important;
  background: rgba(8, 32, 64, 0.98) !important;
}

/* Segmented Options & Time Slots */
.segmented > label span,
.slots > label span {
  background: rgba(6, 28, 58, 0.85) !important;
  border: 1.5px solid rgba(0, 210, 255, 0.38) !important;
  color: #dbeaf4 !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
}

.segmented > label input:checked + span,
.slots > label input:checked + span {
  background: linear-gradient(135deg, #0a6cd8 0%, #00c3ff 100%) !important;
  border-color: #2ee2ff !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  box-shadow: 0 0 22px rgba(0, 195, 255, 0.6) !important;
}

/* 6. PRIMARY CTA BUTTON: PUNCHY CORAL RED FROM ORIGINAL BADGE */
.submit,
.experience .submit,
.registration-screen .submit {
  background: linear-gradient(135deg, #ff263c 0%, #d81428 100%) !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 28px rgba(234, 42, 62, 0.55), 0 0 18px rgba(0, 210, 255, 0.35) !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.submit:hover,
.experience .submit:hover,
.registration-screen .submit:hover {
  background: linear-gradient(135deg, #ff3d52 0%, #eb1930 100%) !important;
  box-shadow: 0 12px 38px rgba(234, 42, 62, 0.75), 0 0 25px rgba(0, 210, 255, 0.5) !important;
  transform: translateY(-2px) scale(1.01) !important;
}

.submit:active,
.experience .submit:active,
.registration-screen .submit:active {
  transform: translateY(0) scale(0.99) !important;
}

/* 7. Back Button */
.registration-screen .back,
.experience .registration-screen .back {
  background: rgba(6, 26, 52, 0.8) !important;
  border: 1px solid rgba(0, 184, 230, 0.45) !important;
  color: #e4edf3 !important;
}

.registration-screen .back:hover,
.experience .registration-screen .back:hover {
  background: rgba(10, 42, 82, 0.9) !important;
  border-color: #00b8e6 !important;
  color: #ffffff !important;
  box-shadow: 0 0 16px rgba(0, 184, 230, 0.4) !important;
}

/* 8. Progress Indicators */
.progress span {
  background: rgba(0, 184, 230, 0.2) !important;
}

.progress span.active {
  background: #00b8e6 !important;
  box-shadow: 0 0 12px #00b8e6 !important;
}

/* 9. Success Screen */
.success-card {
  background: linear-gradient(165deg, rgba(8, 36, 72, 0.95) 0%, rgba(4, 18, 36, 0.98) 100%) !important;
  border: 1.5px solid rgba(0, 184, 230, 0.45) !important;
  box-shadow: 0 20px 60px rgba(2, 10, 22, 0.8) !important;
}

.pass-id-block {
  background: rgba(4, 20, 42, 0.8) !important;
  border: 1.5px solid #00b8e6 !important;
  box-shadow: 0 0 20px rgba(0, 184, 230, 0.3) !important;
}

.pass-number {
  color: #24d2fd !important;
  text-shadow: 0 0 15px rgba(36, 210, 253, 0.6) !important;
}

.btn-another {
  background: rgba(6, 26, 52, 0.8) !important;
  border: 1.5px solid rgba(0, 184, 230, 0.4) !important;
  color: #e4edf3 !important;
}

.btn-another:hover {
  background: #0a4ea2 !important;
  border-color: #00b8e6 !important;
  color: #ffffff !important;
  box-shadow: 0 0 18px rgba(0, 184, 230, 0.5) !important;
}

/* ====================================================================
   10. GROUPS / PROFESSIONAL REGISTRATION: AUTHENTIC NON STOP BOOST CAN THEME
   Palette:
   - Deep Blackberry Base: #14091e -> #220d32
   - Royal Electric Violet: #522194 -> #6d2ec9
   - Vibrant Berry Magenta: #99185a -> #b82474
   - Light Electric Violet / Lavender Glow: #a855f7 -> #c084fc
   - Metallic Silver Sheen: rgba(255, 255, 255, 0.24)
   ==================================================================== */

/* Background when Groups / Professional track is active */
.experience.track-professional {
  background-color: #14091e !important;
  background-image: 
    /* Ambient Magenta & Violet Lighting Dome */
    radial-gradient(ellipse 110% 55% at 50% 0%, rgba(168, 85, 247, 0.32) 0%, rgba(153, 24, 90, 0.22) 40%, transparent 80%),
    /* Non Stop BOOST Can: Geometric Diagonal Velocity Bands (55deg) */
    linear-gradient(55deg,
      #14091e 0%,
      #220d32 14%,
      #522194 14.1%,
      #6d2ec9 20%,
      #99185a 20.1%,
      #b82474 25%,
      rgba(255, 255, 255, 0.24) 25.1%,
      #220d32 25.3%,
      #180b24 42%,
      #522194 42.1%,
      #702bb8 48%,
      #99185a 48.1%,
      #c2277c 53%,
      rgba(255, 255, 255, 0.26) 53.1%,
      #220d32 53.3%,
      #14091e 72%,
      #522194 72.1%,
      #6d2ec9 77%,
      #b82474 77.1%,
      rgba(255, 255, 255, 0.22) 77.3%,
      #14091e 77.5% 100%
    ) !important;
  background-size: 100% 100%, 1400px 100% !important;
}

/* Aura overlay for Boost */
.experience.track-professional::before {
  background: 
    radial-gradient(circle at 50% 8%, rgba(168, 85, 247, 0.28) 0%, transparent 55%),
    radial-gradient(circle at 12% 80%, rgba(112, 43, 184, 0.25) 0%, transparent 50%),
    radial-gradient(circle at 88% 80%, rgba(184, 36, 116, 0.2) 0%, transparent 45%) !important;
}

/* Speed lines for Boost */
.experience.track-professional .speed-lines {
  background: 
    linear-gradient(125deg,
      transparent 0 28%,
      rgba(255, 255, 255, 0.2) 28.1% 28.3%,
      rgba(168, 85, 247, 0.22) 28.4% 33%,
      transparent 33.1% 65%,
      rgba(184, 36, 116, 0.22) 65.1% 65.4%,
      rgba(168, 85, 247, 0.28) 65.5% 70%,
      transparent 70.1% 100%
    ),
    repeating-linear-gradient(55deg,
      transparent 0 100px,
      rgba(168, 85, 247, 0.08) 100px 102px,
      transparent 102px 200px
    ) !important;
}

/* Groups Form Layout & Frame */
.track-professional .registration-screen .form-layout {
  border: 1.5px solid rgba(168, 85, 247, 0.45) !important;
  box-shadow: 0 24px 70px rgba(16, 6, 26, 0.85), 0 0 35px rgba(168, 85, 247, 0.15) !important;
}

/* Groups Poster */
.registration-screen .form-poster.professional,
.track-professional .registration-screen .form-poster {
  background: 
    linear-gradient(135deg, rgba(184, 36, 116, 0.2) 0%, transparent 45%),
    linear-gradient(55deg, #180b24 0%, #4c1d80 45%, #b82474 80%, #180b24 100%) !important;
  border-right: 1.5px solid rgba(168, 85, 247, 0.35) !important;
}

[dir="rtl"] .registration-screen .form-poster.professional,
[dir="rtl"] .track-professional .registration-screen .form-poster {
  border-right: none !important;
  border-left: 1.5px solid rgba(168, 85, 247, 0.35) !important;
}

.form-poster.professional .eyebrow {
  color: #c084fc !important;
  border: 1px solid rgba(168, 85, 247, 0.5) !important;
  background: rgba(36, 14, 52, 0.85) !important;
  box-shadow: 0 0 18px rgba(168, 85, 247, 0.35) !important;
}

.form-poster.professional .eyebrow::before {
  background: #b82474 !important;
  box-shadow: 0 0 8px #b82474 !important;
}

[dir="ltr"] .form-poster.professional h1 em {
  color: #e9d5ff !important;
  -webkit-text-stroke: 1.2px #b82474 !important;
  text-shadow: 0 0 25px rgba(192, 132, 252, 0.7) !important;
  white-space: nowrap !important;
}

[dir="rtl"] .form-poster.professional h1 em {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  -webkit-text-stroke: 0px transparent !important;
  paint-order: normal !important;
  font-family: 'Cairo', 'Segoe UI', Tahoma, sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 0 25px rgba(192, 132, 252, 0.7) !important;
  white-space: nowrap !important;
}

/* Groups Form Shell */
.track-professional .registration-screen .form-shell {
  background: linear-gradient(160deg, rgba(28, 12, 42, 0.98) 0%, rgba(16, 7, 24, 0.99) 100%) !important;
}

.track-professional .form-head span {
  color: #c084fc !important;
}

.track-professional .form-head h2 {
  color: #ffffff !important;
  text-shadow: 0 2px 20px rgba(168, 85, 247, 0.3) !important;
}

.track-professional .form-head p {
  color: #d8b4fe !important;
}

/* Groups Inputs & Focus (Electric Purple) */
.track-professional .registration-screen form input:not([type=radio]):not([type=checkbox]) {
  background: rgba(32, 14, 48, 0.9) !important;
  border: 1.5px solid rgba(168, 85, 247, 0.4) !important;
  color: #ffffff !important;
}

.track-professional .registration-screen form input:not([type=radio]):not([type=checkbox]):focus {
  border-color: #c084fc !important;
  box-shadow: 0 0 18px rgba(168, 85, 247, 0.6), 0 0 6px rgba(184, 36, 116, 0.4) !important;
  background: rgba(44, 18, 66, 0.98) !important;
}

/* Groups Segmented Radios: Default & Light Electric Violet Active State */
.track-professional .segmented > label span {
  background: rgba(36, 14, 54, 0.85) !important;
  border: 1.5px solid rgba(168, 85, 247, 0.4) !important;
  color: #e9d5ff !important;
}

.track-professional .segmented > label input:checked + span {
  background: linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #c084fc 100%) !important;
  border-color: #e9d5ff !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  box-shadow: 0 0 24px rgba(168, 85, 247, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}

/* Groups Team Note */
.track-professional .team-note {
  background: rgba(36, 14, 52, 0.75) !important;
  border: 1px solid rgba(168, 85, 247, 0.45) !important;
  box-shadow: 0 4px 18px rgba(16, 6, 26, 0.5) !important;
}

.track-professional .team-note strong {
  color: #c084fc !important;
}

.track-professional .team-note span {
  color: #d8b4fe !important;
}

/* Groups Primary CTA Button (Boost Berry-Violet Gradient) */
.track-professional .submit,
.track-professional .registration-screen .submit {
  background: linear-gradient(135deg, #b82474 0%, #8b1d58 45%, #6d2ec9 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  box-shadow: 0 8px 28px rgba(184, 36, 116, 0.6), 0 0 20px rgba(168, 85, 247, 0.45) !important;
}

.track-professional .submit:hover,
.track-professional .registration-screen .submit:hover {
  background: linear-gradient(135deg, #c92c82 0%, #9e2265 45%, #7c3aed 100%) !important;
  box-shadow: 0 12px 38px rgba(184, 36, 116, 0.75), 0 0 28px rgba(168, 85, 247, 0.65) !important;
}

/* Groups Back Button */
.track-professional .registration-screen .back {
  background: rgba(34, 14, 52, 0.85) !important;
  border: 1px solid rgba(168, 85, 247, 0.5) !important;
  color: #f3e8ff !important;
}

.track-professional .registration-screen .back:hover {
  background: rgba(52, 20, 78, 0.95) !important;
  border-color: #c084fc !important;
  box-shadow: 0 0 18px rgba(168, 85, 247, 0.5) !important;
}