/*! tailwindcss v4.2.2 | 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)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-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}}}@layer theme{:root,:host{--font-sans:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--color-red-400:oklch(70.4% .191 22.216);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-2xl:1rem;--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);--font-display:"Space Grotesk", sans-serif;--color-crs4-blue-light:#1a4a8a;--color-crs4-green:#a6ce39;--color-crs4-dark:#061a35;--color-crs4-accent:#00d4ff}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;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]){appearance:button}::file-selector-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{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-20{top:calc(var(--spacing) * -20)}.-top-24{top:calc(var(--spacing) * -24)}.top-10{top:calc(var(--spacing) * 10)}.-right-20{right:calc(var(--spacing) * -20)}.-right-32{right:calc(var(--spacing) * -32)}.-bottom-10{bottom:calc(var(--spacing) * -10)}.-bottom-16{bottom:calc(var(--spacing) * -16)}.-left-24{left:calc(var(--spacing) * -24)}.-left-32{left:calc(var(--spacing) * -32)}.z-0{z-index:0}.z-10{z-index:10}.order-1{order:1}.order-2{order:2}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-\[4vh\]{margin-top:4vh}.mt-\[5vh\]{margin-top:5vh}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-\[2vh\]{margin-bottom:2vh}.mb-\[5vh\]{margin-bottom:5vh}.mb-\[6vh\]{margin-bottom:6vh}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-video{aspect-ratio:var(--aspect-video)}.h-3{height:calc(var(--spacing) * 3)}.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-10{height:calc(var(--spacing) * 10)}.h-\[2px\]{height:2px}.h-\[200px\]{height:200px}.h-\[250px\]{height:250px}.h-\[300px\]{height:300px}.h-\[400px\]{height:400px}.h-full{height:100%}.h-screen{height:100vh}.w-3{width:calc(var(--spacing) * 3)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-\[3px\]{width:3px}.w-\[200px\]{width:200px}.w-\[250px\]{width:250px}.w-\[300px\]{width:300px}.w-\[400px\]{width:400px}.w-full{width:100%}.w-screen{width:100vw}.max-w-\[55vw\]{max-width:55vw}.max-w-\[60vw\]{max-width:60vw}.max-w-\[65vw\]{max-width:65vw}.max-w-\[75vw\]{max-width:75vw}.max-w-\[80vw\]{max-width:80vw}.max-w-\[85vw\]{max-width:85vw}.max-w-\[90vw\]{max-width:90vw}.max-w-\[92vw\]{max-width:92vw}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-\[3vw\]{gap:3vw}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-crs4-accent\/20{border-color:#00d4ff33}@supports (color:color-mix(in lab, red, red)){.border-crs4-accent\/20{border-color:color-mix(in oklab, var(--color-crs4-accent) 20%, transparent)}}.border-crs4-accent\/40{border-color:#00d4ff66}@supports (color:color-mix(in lab, red, red)){.border-crs4-accent\/40{border-color:color-mix(in oklab, var(--color-crs4-accent) 40%, transparent)}}.border-crs4-green\/15{border-color:#a6ce3926}@supports (color:color-mix(in lab, red, red)){.border-crs4-green\/15{border-color:color-mix(in oklab, var(--color-crs4-green) 15%, transparent)}}.border-crs4-green\/20{border-color:#a6ce3933}@supports (color:color-mix(in lab, red, red)){.border-crs4-green\/20{border-color:color-mix(in oklab, var(--color-crs4-green) 20%, transparent)}}.border-crs4-green\/40{border-color:#a6ce3966}@supports (color:color-mix(in lab, red, red)){.border-crs4-green\/40{border-color:color-mix(in oklab, var(--color-crs4-green) 40%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-crs4-accent{background-color:var(--color-crs4-accent)}.bg-crs4-accent\/10{background-color:#00d4ff1a}@supports (color:color-mix(in lab, red, red)){.bg-crs4-accent\/10{background-color:color-mix(in oklab, var(--color-crs4-accent) 10%, transparent)}}.bg-crs4-green{background-color:var(--color-crs4-green)}.bg-crs4-green\/8{background-color:#a6ce3914}@supports (color:color-mix(in lab, red, red)){.bg-crs4-green\/8{background-color:color-mix(in oklab, var(--color-crs4-green) 8%, transparent)}}.bg-crs4-green\/10{background-color:#a6ce391a}@supports (color:color-mix(in lab, red, red)){.bg-crs4-green\/10{background-color:color-mix(in oklab, var(--color-crs4-green) 10%, transparent)}}.bg-crs4-green\/20{background-color:#a6ce3933}@supports (color:color-mix(in lab, red, red)){.bg-crs4-green\/20{background-color:color-mix(in oklab, var(--color-crs4-green) 20%, transparent)}}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.bg-white\/30{background-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-crs4-accent{--tw-gradient-from:var(--color-crs4-accent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-crs4-green{--tw-gradient-from:var(--color-crs4-green);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white{--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-white{--tw-gradient-via:var(--color-white);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-crs4-accent{--tw-gradient-to:var(--color-crs4-accent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-white\/20{--tw-gradient-to:#fff3}@supports (color:color-mix(in lab, red, red)){.to-white\/20{--tw-gradient-to:color-mix(in oklab, var(--color-white) 20%, transparent)}}.to-white\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-white\/30{--tw-gradient-to:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.to-white\/30{--tw-gradient-to:color-mix(in oklab, var(--color-white) 30%, transparent)}}.to-white\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-white\/70{--tw-gradient-to:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.to-white\/70{--tw-gradient-to:color-mix(in oklab, var(--color-white) 70%, transparent)}}.to-white\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.\!p-3{padding:calc(var(--spacing) * 3)!important}.\!p-4{padding:calc(var(--spacing) * 4)!important}.\!p-5{padding:calc(var(--spacing) * 5)!important}.p-3{padding:calc(var(--spacing) * 3)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.pl-12{padding-left:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[clamp\(1\.1rem\,1\.4vw\,2rem\)\]{font-size:clamp(1.1rem,1.4vw,2rem)}.text-\[clamp\(1\.2rem\,1\.5vw\,2\.2rem\)\]{font-size:clamp(1.2rem,1.5vw,2.2rem)}.text-\[clamp\(1\.05rem\,1\.5vw\,2\.2rem\)\]{font-size:clamp(1.05rem,1.5vw,2.2rem)}.text-\[clamp\(1\.5rem\,4vw\,2rem\)\]{font-size:clamp(1.5rem,4vw,2rem)}.text-\[clamp\(1\.15rem\,1\.65vw\,2\.5rem\)\]{font-size:clamp(1.15rem,1.65vw,2.5rem)}.text-\[clamp\(1rem\,1\.2vw\,1\.8rem\)\]{font-size:clamp(1rem,1.2vw,1.8rem)}.text-\[clamp\(1rem\,1\.3vw\,2rem\)\]{font-size:clamp(1rem,1.3vw,2rem)}.text-\[clamp\(2\.2rem\,4vw\,5\.5rem\)\]{font-size:clamp(2.2rem,4vw,5.5rem)}.text-\[clamp\(2\.8rem\,4\.5vw\,6\.5rem\)\]{font-size:clamp(2.8rem,4.5vw,6.5rem)}.text-\[clamp\(2\.8rem\,5vw\,7rem\)\]{font-size:clamp(2.8rem,5vw,7rem)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-crs4-accent{color:var(--color-crs4-accent)}.text-crs4-accent\/60{color:#00d4ff99}@supports (color:color-mix(in lab, red, red)){.text-crs4-accent\/60{color:color-mix(in oklab, var(--color-crs4-accent) 60%, transparent)}}.text-crs4-green{color:var(--color-crs4-green)}.text-crs4-green\/60{color:#a6ce3999}@supports (color:color-mix(in lab, red, red)){.text-crs4-green\/60{color:color-mix(in oklab, var(--color-crs4-green) 60%, transparent)}}.text-crs4-green\/80{color:#a6ce39cc}@supports (color:color-mix(in lab, red, red)){.text-crs4-green\/80{color:color-mix(in oklab, var(--color-crs4-green) 80%, transparent)}}.text-red-400{color:var(--color-red-400)}.text-transparent{color:#0000}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.text-white\/50{color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-10{opacity:.1}.opacity-15{opacity:.15}.opacity-20{opacity:.2}.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))}.delay-1{transition-delay:1ms}.delay-3{transition-delay:3ms}.delay-4{transition-delay:4ms}.delay-5{transition-delay:5ms}.delay-6{transition-delay:6ms}@media (width>=48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (width>=64rem){.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}html,body{width:100vw;height:100vh;font-family:var(--font-sans);background:var(--color-crs4-dark);color:#fff;-webkit-user-select:none;user-select:none;margin:0;padding:0;overflow:hidden}#app{width:100vw;height:100vh;position:relative}.bg-particle{pointer-events:none;opacity:.06;will-change:transform;position:absolute}.bg-particle.hexagon{border:2px solid var(--color-crs4-green);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:0 0;width:120px;height:120px;animation:20s ease-in-out infinite float-rotate}.bg-particle.circle{border:2px solid var(--color-crs4-accent);border-radius:50%;width:80px;height:80px;animation:15s ease-in-out infinite float-pulse}.bg-particle.cross{width:40px;height:40px;animation:25s linear infinite float-spin;position:absolute}.bg-particle.cross:before,.bg-particle.cross:after{content:"";background:var(--color-crs4-green);position:absolute}.bg-particle.cross:before{width:2px;height:100%;left:50%;transform:translate(-50%)}.bg-particle.cross:after{width:100%;height:2px;top:50%;transform:translateY(-50%)}.bg-particle.dot{background:var(--color-crs4-accent);border-radius:50%;width:6px;height:6px;animation:8s ease-in-out infinite float-blink}.bg-particle.grid-line{background:linear-gradient(90deg, transparent, var(--color-crs4-blue-light), transparent);height:1px;animation:12s linear infinite scan-line}.bg-particle.circuit{border:1px solid var(--color-crs4-accent);border-radius:8px;width:200px;height:200px;animation:30s ease-in-out infinite reverse float-rotate}.bg-particle.circuit:before{content:"";background:var(--color-crs4-green);border-radius:50%;width:8px;height:8px;animation:3s ease-in-out infinite node-pulse;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.bg-particle.dna-helix{background:linear-gradient(180deg, var(--color-crs4-accent), transparent, var(--color-crs4-green), transparent, var(--color-crs4-accent));border-radius:2px;width:3px;height:60px;animation:6s ease-in-out infinite dna-wave}@keyframes float-rotate{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-30px)rotate(90deg)}50%{transform:translateY(-10px)rotate(180deg)}75%{transform:translateY(-40px)rotate(270deg)}}@keyframes float-pulse{0%,to{opacity:.06;transform:scale(1)translateY(0)}50%{opacity:.12;transform:scale(1.2)translateY(-20px)}}@keyframes float-spin{0%{transform:rotate(0)translateY(0)}50%{transform:rotate(180deg)translateY(-15px)}to{transform:rotate(360deg)translateY(0)}}@keyframes float-blink{0%,to{opacity:.05;transform:scale(1)}50%{opacity:.3;transform:scale(1.5)}}@keyframes scan-line{0%{opacity:0;transform:translateY(0)}10%{opacity:.08}90%{opacity:.08}to{opacity:0;transform:translateY(100vh)}}@keyframes node-pulse{0%,to{opacity:.3;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.5)}}@keyframes dna-wave{0%,to{transform:scaleX(1)translate(0)}25%{transform:scaleX(3)translate(10px)}50%{transform:scaleX(1)translate(0)}75%{transform:scaleX(3)translate(-10px)}}.slides-viewport{z-index:10;width:100%;height:100%;position:relative;overflow:hidden}.slide{opacity:0;pointer-events:none;will-change:transform, opacity;flex-direction:column;justify-content:center;align-items:center;padding:3.5vh 5vw;font-size:clamp(16px,1.3vw,30px);display:flex;position:absolute;inset:0}.slide .text-xs{font-size:clamp(13px,1.15vw,28px)!important}.slide .text-sm{font-size:clamp(15px,1.3vw,30px)!important}.slide .text-\[10px\]{font-size:clamp(12px,1.05vw,26px)!important}.slide .text-\[11px\]{font-size:clamp(13px,1.1vw,27px)!important}.slide h1,.slide h2,.slide h3{font-family:var(--font-display)}.slide.active{opacity:1;pointer-events:auto}.slide-enter-right{animation:.7s cubic-bezier(.16,1,.3,1) forwards slideEnterRight}.slide-exit-left{animation:.7s cubic-bezier(.16,1,.3,1) forwards slideExitLeft}.slide-enter-left{animation:.7s cubic-bezier(.16,1,.3,1) forwards slideEnterLeft}.slide-exit-right{animation:.7s cubic-bezier(.16,1,.3,1) forwards slideExitRight}@keyframes slideEnterRight{0%{opacity:0;filter:blur(10px);transform:translate(100px)scale(.95)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}@keyframes slideExitLeft{0%{opacity:1;filter:blur();transform:translate(0)scale(1)}to{opacity:0;filter:blur(10px);transform:translate(-100px)scale(.95)}}@keyframes slideEnterLeft{0%{opacity:0;filter:blur(10px);transform:translate(-100px)scale(.95)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}@keyframes slideExitRight{0%{opacity:1;filter:blur();transform:translate(0)scale(1)}to{opacity:0;filter:blur(10px);transform:translate(100px)scale(.95)}}.animate-in{opacity:0;transform:translateY(30px)}.animate-in.visible{animation:.6s cubic-bezier(.16,1,.3,1) forwards contentReveal}@keyframes contentReveal{0%{opacity:0;filter:blur(4px);transform:translateY(30px)}to{opacity:1;filter:blur();transform:translateY(0)}}.delay-1{animation-delay:.1s!important}.delay-2{animation-delay:.2s!important}.delay-3{animation-delay:.3s!important}.delay-4{animation-delay:.4s!important}.delay-5{animation-delay:.5s!important}.delay-6{animation-delay:.6s!important}.tech-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a2e5c66;border:1px solid #8dc63f33;border-radius:clamp(10px,1vw,20px);padding:clamp(16px,1.8vw,36px);transition:all .4s;position:relative;overflow:hidden}.tech-card:hover{border-color:#8dc63f80;box-shadow:0 0 30px #8dc63f1a}.tech-card:before{content:"";background:linear-gradient(90deg, transparent, var(--color-crs4-green), var(--color-crs4-accent), transparent);width:100%;height:2px;animation:4s ease-in-out infinite card-shimmer;position:absolute;top:0;left:-100%}@keyframes card-shimmer{0%{left:-100%}to{left:200%}}.logo-bottom-left{object-fit:contain;z-index:50;opacity:.7;pointer-events:none;height:52px;transition:opacity .4s;position:fixed;bottom:20px;left:24px}.logo-bottom-left.hidden{opacity:0}.logo-top-center{object-fit:contain;z-index:50;opacity:0;pointer-events:none;height:80px;transition:opacity .5s,transform .5s;position:fixed;top:40px;left:50%;transform:translate(-50%)}.logo-top-center.visible{opacity:1}.progress-bar{background:linear-gradient(90deg, var(--color-crs4-green), var(--color-crs4-accent));z-index:100;height:3px;box-shadow:0 0 10px var(--color-crs4-green);transition:width .5s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0}.nav-arrow{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;opacity:.6;background:#0a2e5c99;border:1px solid #8dc63f4d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.nav-arrow:hover{opacity:1;background:#8dc63f4d;transform:translateY(-50%)scale(1.1);box-shadow:0 0 20px #8dc63f4d}.nav-arrow.left{left:20px}.nav-arrow.right{right:20px}.nav-arrow.hidden{opacity:0;pointer-events:none}.slide-counter{z-index:50;font-family:var(--font-mono);color:#fff9;letter-spacing:2px;font-size:clamp(14px,1.15vw,28px);position:fixed;bottom:24px;right:32px}.slide-dots{z-index:50;gap:10px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.slide-dot{cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;width:10px;height:10px;transition:all .3s}.slide-dot.active{background:var(--color-crs4-green);border-color:var(--color-crs4-green);transform:scale(1.2);box-shadow:0 0 12px #8dc63f80}.tech-tag{color:var(--color-crs4-accent);letter-spacing:.5px;background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.icon-box{background:linear-gradient(135deg,#8dc63f26,#00d4ff26);border:1px solid #8dc63f40;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(40px,3.5vw,72px);height:clamp(40px,3.5vw,72px);display:flex}.typing-cursor:after{content:"|";color:var(--color-crs4-green);font-weight:300;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.glow-text{text-shadow:0 0 20px #8dc63f66,0 0 40px #8dc63f33}.grid-overlay{pointer-events:none;background-image:linear-gradient(#8dc63f08 1px,#0000 1px),linear-gradient(90deg,#8dc63f08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.slide-image{border:1px solid #8dc63f33;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006}.slide-image:after{content:"";pointer-events:none;background:linear-gradient(135deg,#00d4ff1a,#0000);position:absolute;inset:0}.slide-image img{object-fit:cover;width:100%;height:100%;display:block}.image-caption{color:#fff;letter-spacing:2px;text-transform:uppercase;z-index:2;background:linear-gradient(#0000 0%,#00000080 50%,#000000d9 100%);border-radius:0 0 16px 16px;padding:clamp(16px,1.5vw,32px) clamp(12px,1vw,24px) clamp(8px,.8vw,16px);font-size:clamp(13px,1.15vw,28px);font-weight:500;position:absolute;bottom:0;left:0;right:0}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.8)}50%{opacity:0;transform:scale(1.2)}to{opacity:.5;transform:scale(.8)}}.pulse-ring{border:2px solid var(--color-crs4-green);border-radius:50%;animation:3s ease-in-out infinite pulse-ring;position:absolute}.timeline-line{background:linear-gradient(180deg, var(--color-crs4-green), var(--color-crs4-accent), var(--color-crs4-green));opacity:.4;border-radius:2px;width:3px;position:absolute;top:0;bottom:0;left:24px}.timeline-dot{background:var(--color-crs4-green);border:2px solid var(--color-crs4-dark);border-radius:50%;width:12px;height:12px;position:absolute;left:19px;box-shadow:0 0 10px #8dc63f80}.qr-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#061a35d9;border-radius:16px;justify-content:center;align-items:center;animation:.4s fadeIn;display:flex;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.qr-content{flex-direction:column;align-items:center;gap:16px;display:flex}.qr-content canvas{border-radius:12px;box-shadow:0 0 30px #a6ce3933}.qr-label{color:#fff;letter-spacing:1px;font-size:clamp(14px,1.1vw,20px);font-weight:600}.qr-url{color:var(--color-crs4-accent);font-family:var(--font-mono);opacity:.6;font-size:clamp(10px,.7vw,14px)}.remote-toggle-btn{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffb3;font-family:var(--font-sans);cursor:pointer;background:#0009;border:1px solid #fff3;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;transition:all .3s;display:flex;position:absolute;bottom:16px;right:16px}.remote-toggle-btn:hover{color:#fff;background:#000c;border-color:#fff6}.remote-toggle-btn.active{background:var(--color-crs4-green);color:var(--color-crs4-dark);border-color:var(--color-crs4-green);font-weight:600}.remote-toggle-btn.active:hover{filter:brightness(1.1)}.remote-indicator{z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-mono);color:#ffffff80;pointer-events:none;background:#061a35cc;border:1px solid #8dc63f26;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;display:flex;position:fixed;top:16px;right:16px}.remote-dot{background:#f59e0b;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-status}.remote-dot.connected{background:var(--color-crs4-green);animation:none;box-shadow:0 0 8px #a6ce3980}.reactions-wall{z-index:150;pointer-events:none;position:fixed;inset:0;overflow:hidden}.reaction-float{pointer-events:none;flex-direction:column;align-items:center;animation:5s ease-out forwards reaction-float-up;display:flex;position:absolute;bottom:-80px;transform:translate(-50%)}@keyframes reaction-float-up{0%{opacity:0;transform:translateX(-50%) scale(.5) rotate(var(--rotation,0deg));bottom:-80px}10%{opacity:1;transform:translateX(-50%) scale(1) rotate(var(--rotation,0deg))}80%{opacity:1}to{opacity:0;transform:translateX(-50%) scale(.8) rotate(var(--rotation,0deg));bottom:110%}}.reaction-emoji{filter:drop-shadow(0 0 10px #ffffff4d);font-size:clamp(2.5rem,5vw,4rem);animation:2s ease-in-out infinite reaction-wobble}@keyframes reaction-wobble{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.reaction-text-bubble{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#0a2e5cd9;border:1px solid #8dc63f4d;border-radius:20px;max-width:400px;padding:16px 24px}.reaction-text-content{color:#fff;font-size:clamp(1.2rem,2vw,1.8rem);font-family:var(--font-sans);font-weight:500;line-height:1.4}.reaction-nickname{color:var(--color-crs4-green);font-size:16px;font-family:var(--font-mono);opacity:.9;margin-top:6px;font-weight:600}.reaction-mobile-container{background:var(--color-crs4-dark);color:#fff;width:100vw;height:100vh;font-family:var(--font-sans);flex-direction:column;display:flex;overflow:hidden}.reaction-mobile-header{background:#0a2e5c99;border-bottom:1px solid #a6ce3933;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.reaction-nickname-badge{font-family:var(--font-display);color:var(--color-crs4-green);font-size:16px;font-weight:600}.reaction-status{color:#ffffff80;align-items:center;gap:8px;font-size:12px;display:flex}.reaction-mobile-content{flex-direction:column;flex:1;align-items:center;gap:20px;padding:24px 16px;display:flex}.reaction-emoji-grid{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:360px;display:grid}.reaction-emoji-btn{cursor:pointer;background:#0a2e5c66;border:1px solid #8dc63f26;border-radius:16px;justify-content:center;align-items:center;padding:14px;font-size:36px;transition:all .15s;display:flex}.reaction-emoji-btn:active,.reaction-emoji-btn.sent{border-color:var(--color-crs4-green);background:#8dc63f33;transform:scale(.85)}.reaction-text-row{gap:10px;width:100%;max-width:360px;display:flex}.reaction-text-input{font-size:16px;font-family:var(--font-sans);color:#fff;background:#0a2e5c80;border:1px solid #8dc63f33;border-radius:12px;outline:none;flex:1;padding:14px 18px}.reaction-text-input:focus{border-color:#8dc63f80}.reaction-send-btn{background:var(--color-crs4-green);width:52px;height:52px;color:var(--color-crs4-dark);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:filter .2s;display:flex}.reaction-send-btn:active{filter:brightness(.85)}.onboard-form{flex-direction:column;gap:10px;width:100%;max-width:320px;display:flex}.onboard-input{width:100%;font-size:15px;font-family:var(--font-sans);color:#fff;background:#0a2e5c80;border:1px solid #8dc63f33;border-radius:10px;outline:none;padding:12px 16px}.onboard-input:focus{border-color:#8dc63f80}.onboard-input::placeholder{color:#ffffff4d}select.onboard-input{appearance:none;cursor:pointer}.onboard-join-btn{background:var(--color-crs4-green);width:100%;color:var(--color-crs4-dark);cursor:pointer;font-size:16px;font-weight:600;font-family:var(--font-display);border:none;border-radius:12px;margin-top:8px;padding:14px;transition:filter .2s}.onboard-join-btn:active{filter:brightness(.9)}.reaction-emoji-btn.negative{border-color:#ef44444d}.reaction-emoji-btn.negative:active,.reaction-emoji-btn.negative.sent{background:#ef444433;border-color:#ef4444}.reactions-qr-btn{z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffb3;font-family:var(--font-sans);cursor:pointer;background:#061a35b3;border:1px solid #00d4ff4d;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;transition:all .3s;display:flex;position:fixed;bottom:80px;right:32px}.reactions-qr-btn:hover{color:#fff;background:#00d4ff26;border-color:#00d4ff99}.g-nav-btn{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;opacity:.4;background:#061a35b3;border:1px solid #8dc63f4d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:fixed}.g-nav-btn:hover{opacity:1;background:#8dc63f4d;box-shadow:0 0 20px #8dc63f4d}.g-prev{top:50%;left:16px;transform:translateY(-50%)}.g-next{top:50%;right:16px;transform:translateY(-50%)}.g-menu{top:16px;left:16px}.g-counter{z-index:60;font-family:var(--font-mono);color:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#061a35b3;border:1px solid #8dc63f26;border-radius:20px;padding:6px 14px;font-size:13px;position:fixed;bottom:16px;right:16px}.remote-qr-overlay{z-index:300;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#061a35e6;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.remote-qr-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a2e5c99;border:1px solid #8dc63f4d;border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:40px;display:flex}.remote-qr-title{font-family:var(--font-display);color:#fff;font-size:24px;font-weight:700}.remote-qr-card canvas{border-radius:12px;box-shadow:0 0 30px #a6ce3933}.remote-qr-url{color:var(--color-crs4-accent);font-family:var(--font-mono);text-align:center;word-break:break-all;-webkit-user-select:all;user-select:all;cursor:text;background:#0000004d;border:1px solid #00d4ff33;border-radius:8px;max-width:400px;padding:8px 12px;font-size:12px}.remote-qr-code-label{color:#ffffffb3;font-family:var(--font-mono);letter-spacing:2px;font-size:16px}.remote-qr-code-label strong{color:var(--color-crs4-green)}.remote-qr-regen{color:#ffffffb3;font-family:var(--font-sans);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;padding:10px 24px;font-size:13px;transition:all .2s}.remote-qr-regen:hover{color:#fff;background:#fff3}.remote-qr-close{background:var(--color-crs4-green);color:var(--color-crs4-dark);font-family:var(--font-display);cursor:pointer;border:none;border-radius:10px;padding:10px 32px;font-size:14px;font-weight:600;transition:filter .2s}.remote-qr-close:hover{filter:brightness(1.1)}.remote-container{background:var(--color-crs4-dark);color:#fff;width:100vw;height:100vh;font-family:var(--font-sans);flex-direction:column;display:flex;overflow:hidden}.remote-header{background:#0a2e5c99;border-bottom:1px solid #a6ce3933;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.remote-status{font-family:var(--font-mono);color:#ffffffb3;align-items:center;gap:10px;font-size:14px;display:flex}.remote-body{padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.remote-presentations{grid-template-columns:1fr 1fr;gap:16px;display:grid}.remote-pres-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;text-align:left;background:#0a2e5c66;border:1px solid #8dc63f26;border-radius:16px;padding:20px;transition:all .3s}.remote-pres-btn:active{transform:scale(.97)}.remote-pres-btn.active{border-color:var(--color-crs4-green);box-shadow:0 0 20px #8dc63f33}.remote-pres-btn .pres-title{font-family:var(--font-display);margin-bottom:4px;font-size:20px;font-weight:700}.remote-pres-btn .pres-sub{color:#ffffff80;font-size:13px}.remote-nav{padding-bottom:env(safe-area-inset-bottom,0px);flex-shrink:0;grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.remote-nav-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-family:var(--font-display);cursor:pointer;background:#0a2e5c80;border:1px solid #8dc63f33;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:18px 16px;font-size:18px;font-weight:600;transition:all .2s;display:flex}.remote-nav-btn:active{background:#8dc63f33;transform:scale(.95)}.remote-nav-btn.prev{border-color:#00d4ff4d}.remote-nav-btn.next{border-color:#8dc63f66}.remote-nav-btn.menu-btn{border-color:#ffffff26;font-size:14px}.menu-grid{grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,32px);width:100%;max-width:80vw;display:grid}.menu-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;cursor:pointer;background:#0a2e5c66;border:1px solid #8dc63f26;border-radius:clamp(12px,1.2vw,24px);align-items:center;gap:clamp(16px,1.5vw,28px);padding:clamp(20px,2.5vw,44px);text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.menu-card:before{content:"";background:linear-gradient(90deg, transparent, var(--color-crs4-green), var(--color-crs4-accent), transparent);width:100%;height:2px;animation:4s ease-in-out infinite card-shimmer;position:absolute;top:0;left:-100%}.menu-card:hover{background:#0a2e5c99;border-color:#8dc63f80;transform:translateY(-4px)scale(1.02);box-shadow:0 12px 40px #8dc63f26,0 0 0 1px #8dc63f33}.menu-card--crs4-accent:hover{border-color:#00d4ff80;box-shadow:0 12px 40px #00d4ff26,0 0 0 1px #00d4ff33}.menu-card-icon{background:linear-gradient(135deg,#8dc63f1f,#00d4ff1f);border:1px solid #8dc63f33;border-radius:clamp(12px,1vw,20px);flex-shrink:0;justify-content:center;align-items:center;width:clamp(56px,5vw,88px);height:clamp(56px,5vw,88px);display:flex}.menu-card--crs4-accent .menu-card-icon{background:linear-gradient(135deg,#00d4ff1f,#8dc63f14);border-color:#00d4ff33}.menu-card-body{flex:1;min-width:0}.menu-card-title{font-family:var(--font-display);margin-bottom:2px;font-size:clamp(1.4rem,2vw,2.8rem);font-weight:700;line-height:1.2}.menu-card-subtitle{color:var(--color-crs4-green);margin-bottom:6px;font-size:clamp(.85rem,1.1vw,1.6rem);font-weight:600}.menu-card--crs4-accent .menu-card-subtitle{color:var(--color-crs4-accent)}.menu-card-desc{color:#fff9;font-size:clamp(.75rem,.9vw,1.3rem);line-height:1.4}.menu-card-arrow{color:#ffffff40;flex-shrink:0;transition:all .3s}.menu-card:hover .menu-card-arrow{color:var(--color-crs4-green);transform:translate(4px)}.menu-card--crs4-accent:hover .menu-card-arrow{color:var(--color-crs4-accent)}.touchpad-container{background:var(--color-crs4-dark);color:#fff;width:100vw;height:100vh;font-family:var(--font-sans);touch-action:none;flex-direction:column;display:flex;overflow:hidden}.touchpad-header{background:#0a2e5c99;border-bottom:1px solid #a6ce3933;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 16px;display:grid}.touchpad-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;justify-self:end;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.touchpad-close:active{background:#ffffff40}.touchpad-title{color:#fffc;text-align:center;white-space:nowrap;font-size:16px;font-weight:600}.touchpad-logo{object-fit:contain;opacity:.7;flex-shrink:0;height:28px}.touchpad-status-fixed{z-index:100;color:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#061a35cc;border:1px solid #a6ce3926;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex;position:fixed;bottom:16px;left:16px}.status-dot{border-radius:50%;width:10px;height:10px;transition:background .3s}.status-dot.connecting{background:#f59e0b;animation:1.5s ease-in-out infinite pulse-status}.status-dot.connected{background:var(--color-crs4-green);box-shadow:0 0 8px #a6ce3980}.status-dot.disconnected,.status-dot.error{background:#ef4444}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.3}}.touchpad-area{cursor:grab;flex:1;position:relative;overflow:hidden}.touchpad-area:active{cursor:grabbing}.touchpad-grid{pointer-events:none;background-image:linear-gradient(#a6ce390f 1px,#0000 1px),linear-gradient(90deg,#a6ce390f 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.touchpad-hint{color:#fff3;pointer-events:none;flex-direction:column;align-items:center;gap:12px;font-size:16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-indicator{border:2px solid var(--color-crs4-green);pointer-events:none;z-index:10;background:#a6ce391a;border-radius:50%;width:60px;height:60px;transition:opacity .15s;position:fixed;transform:translate(-50%,-50%)}.touchpad-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:20px;display:flex}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-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}
