@tailwind components;@tailwind utilities;*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Mulish,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 0 0% 100%;--foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 47.4% 11.2%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--card: transparent;--card-foreground: 222.2 47.4% 11.2%;--primary: 222.2 47.4% 11.2%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 100% 50%;--destructive-foreground: 210 40% 98%;--ring: 215 20.2% 65.1%;--radius: .5rem}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-feature-settings:"rlig" 1,"calt" 1;font-family:Mulish,ui-sans-serif,system-ui,sans-serif!important}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width: 1400px){.container{max-width:1400px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.-bottom-1{bottom:-.25rem}.-bottom-40{bottom:-10rem}.-left-1{left:-.25rem}.-left-40{left:-10rem}.-left-6{left:-1.5rem}.-left-8{left:-2rem}.-right-1{right:-.25rem}.-right-2{right:-.5rem}.-right-4{right:-1rem}.-right-40{right:-10rem}.-right-8{right:-2rem}.-top-1{top:-.25rem}.-top-2{top:-.5rem}.-top-40{top:-10rem}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-32{bottom:8rem}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1\/2{left:50%}.left-20{left:5rem}.left-32{left:8rem}.left-4{left:1rem}.right-0{right:0}.right-32{right:8rem}.right-6{right:1.5rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-12{top:3rem}.top-20{top:5rem}.top-24{top:6rem}.top-40{top:10rem}.top-8{top:2rem}.top-\[30px\]{top:30px}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-12{margin-left:3rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-32{margin-top:8rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-0{height:0px}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[180px\]{height:180px}.h-\[18px\]{height:18px}.h-\[1px\]{height:1px}.h-\[23px\]{height:23px}.h-\[28px\]{height:28px}.h-\[30px\]{height:30px}.h-\[39px\]{height:39px}.h-\[50px\]{height:50px}.h-\[60px\]{height:60px}.h-\[7px\]{height:7px}.h-full{height:100%}.max-h-0{max-height:0px}.max-h-48{max-height:12rem}.max-h-96{max-height:24rem}.max-h-\[calc\(100vh-6rem\)\]{max-height:calc(100vh - 6rem)}.min-h-\[calc\(100vh-120px\)\]{min-height:calc(100vh - 120px)}.min-h-screen{min-height:100vh}.w-0{width:0px}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[1px\]{width:1px}.w-\[21px\]{width:21px}.w-\[24px\]{width:24px}.w-\[50px\]{width:50px}.w-\[60px\]{width:60px}.w-\[70px\]{width:70px}.w-\[97px\]{width:97px}.w-full{width:100%}.min-w-\[100px\]{min-width:100px}.min-w-\[80px\]{min-width:80px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-\[284px\]{max-width:284px}.max-w-\[780px\]{max-width:780px}.max-w-\[85vw\]{max-width:85vw}.max-w-md{max-width:28rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-2{--tw-translate-x: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-4{--tw-translate-x: -1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-2{--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-8{--tw-translate-y: -2rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-8{--tw-translate-x: 2rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-2{--tw-translate-y: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-4{--tw-translate-y: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-8{--tw-translate-y: 2rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[35px\]{border-radius:35px}.rounded-\[50px\]{border-radius:50px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-r-4{border-right-width:4px}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.border-solid{border-style:solid}.border-\[\#333\]{--tw-border-opacity: 1;border-color:rgb(51 51 51 / var(--tw-border-opacity, 1))}.border-\[\#354f68\]{--tw-border-opacity: 1;border-color:rgb(53 79 104 / var(--tw-border-opacity, 1))}.border-\[\#dddddd\]{--tw-border-opacity: 1;border-color:rgb(221 221 221 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-green-300{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}.border-green-400{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}.border-input{border-color:hsl(var(--input))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.border-l-transparent{border-left-color:transparent}.border-r-transparent{border-right-color:transparent}.border-t-white{--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-\[\#0099ff\]{--tw-bg-opacity: 1;background-color:rgb(0 153 255 / var(--tw-bg-opacity, 1))}.bg-\[\#25D366\]{--tw-bg-opacity: 1;background-color:rgb(37 211 102 / var(--tw-bg-opacity, 1))}.bg-\[\#354f68\]{--tw-bg-opacity: 1;background-color:rgb(53 79 104 / var(--tw-bg-opacity, 1))}.bg-\[\#F7F8FF\]{--tw-bg-opacity: 1;background-color:rgb(247 248 255 / var(--tw-bg-opacity, 1))}.bg-\[\#f0f8ff\]{--tw-bg-opacity: 1;background-color:rgb(240 248 255 / var(--tw-bg-opacity, 1))}.bg-background{background-color:hsl(var(--background))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-primary{background-color:hsl(var(--primary))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/80{background-color:#fffc}.bg-white\/95{background-color:#fffffff2}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.from-\[\#0099ff\]{--tw-gradient-from: #0099ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 153 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#0099ff\]\/0{--tw-gradient-from: rgb(0 153 255 / 0) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 153 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#0099ff\]\/10{--tw-gradient-from: rgb(0 153 255 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 153 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#0099ff\]\/20{--tw-gradient-from: rgb(0 153 255 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 153 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#0099ff\]\/5{--tw-gradient-from: rgb(0 153 255 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 153 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-300\/10{--tw-gradient-from: rgb(147 197 253 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 197 253 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-400\/20{--tw-gradient-from: rgb(96 165 250 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-50{--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from: #f9fafb var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-400\/20{--tw-gradient-from: rgb(129 140 248 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-\[\#0099ff\]\/5{--tw-gradient-to: rgb(0 153 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 153 255 / .05) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-\[\#0099ff\]\/60{--tw-gradient-to: rgb(0 153 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 153 255 / .6) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-blue-50{--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #eff6ff var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[\#0077cc\]{--tw-gradient-to: #0077cc var(--tw-gradient-to-position)}.to-\[\#0077cc\]\/5{--tw-gradient-to: rgb(0 119 204 / .05) var(--tw-gradient-to-position)}.to-\[\#0099ff\]\/0{--tw-gradient-to: rgb(0 153 255 / 0) var(--tw-gradient-to-position)}.to-\[\#0099ff\]\/20{--tw-gradient-to: rgb(0 153 255 / .2) var(--tw-gradient-to-position)}.to-blue-600\/20{--tw-gradient-to: rgb(37 99 235 / .2) var(--tw-gradient-to-position)}.to-indigo-100{--tw-gradient-to: #e0e7ff var(--tw-gradient-to-position)}.to-indigo-300\/10{--tw-gradient-to: rgb(165 180 252 / .1) var(--tw-gradient-to-position)}.to-indigo-600\/20{--tw-gradient-to: rgb(79 70 229 / .2) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.fill-blue-600{fill:#2563eb}.fill-gray-500{fill:#6b7280}.fill-gray-600{fill:#4b5563}.fill-green-600{fill:#16a34a}.p-0{padding:0}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-16{padding-bottom:4rem}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pl-6{padding-left:1.5rem}.pr-12{padding-right:3rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extralight{font-weight:200}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-\[20px\]{line-height:20px}.leading-\[24px\]{line-height:24px}.leading-\[30px\]{line-height:30px}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.text-\[\#0099ff\]{--tw-text-opacity: 1;color:rgb(0 153 255 / var(--tw-text-opacity, 1))}.text-\[\#354f68\]{--tw-text-opacity: 1;color:rgb(53 79 104 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur-3xl{--tw-blur: blur(64px);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)}.brightness-0{--tw-brightness: brightness(0);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)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-500{transition-delay:.5s}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-125:hover{--tw-scale-x: 1.25;--tw-scale-y: 1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:animate-none:hover{animation:none}.hover\:border-\[\#0099ff\]:hover{--tw-border-opacity: 1;border-color:rgb(0 153 255 / var(--tw-border-opacity, 1))}.hover\:bg-\[\#0077cc\]:hover{--tw-bg-opacity: 1;background-color:rgb(0 119 204 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#0099ff\]:hover{--tw-bg-opacity: 1;background-color:rgb(0 153 255 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#20b358\]:hover{--tw-bg-opacity: 1;background-color:rgb(32 179 88 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#354f68\]:hover{--tw-bg-opacity: 1;background-color:rgb(53 79 104 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#e8ebff\]:hover{--tw-bg-opacity: 1;background-color:rgb(232 235 255 / var(--tw-bg-opacity, 1))}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive) / .8)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary) / .8)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:bg-transparent:hover{background-color:transparent}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:from-\[\#0077cc\]:hover{--tw-gradient-from: #0077cc var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 119 204 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-\[\#0055aa\]:hover{--tw-gradient-to: #0055aa var(--tw-gradient-to-position)}.hover\:text-\[\#0077cc\]:hover{--tw-text-opacity: 1;color:rgb(0 119 204 / var(--tw-text-opacity, 1))}.hover\:text-\[\#0099ff\]:hover{--tw-text-opacity: 1;color:rgb(0 153 255 / var(--tw-text-opacity, 1))}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[\#0099ff\]\/20:hover{--tw-shadow-color: rgb(0 153 255 / .2);--tw-shadow: var(--tw-shadow-colored)}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-\[\#0099ff\]:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 153 255 / var(--tw-ring-opacity, 1))}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:transform-none:disabled{transform:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:focus-within .group-focus-within\:text-\[\#0099ff\]{--tw-text-opacity: 1;color:rgb(0 153 255 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:w-full{width:100%}.group:hover .group-hover\:-translate-x-1{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/card:hover .group-hover\/card\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-125{--tw-scale-x: 1.25;--tw-scale-y: 1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:border-\[\#0099ff\]{--tw-border-opacity: 1;border-color:rgb(0 153 255 / var(--tw-border-opacity, 1))}.group:hover .group-hover\:bg-\[\#0077cc\]{--tw-bg-opacity: 1;background-color:rgb(0 119 204 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-blue-200{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-green-200{--tw-bg-opacity: 1;background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:text-\[\#0077cc\]{--tw-text-opacity: 1;color:rgb(0 119 204 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-\[\#0099ff\]{--tw-text-opacity: 1;color:rgb(0 153 255 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}}@media (min-width: 768px){.md\:left-1\/2{left:50%}.md\:col-span-1{grid-column:span 1 / span 1}.md\:mb-0{margin-bottom:0}.md\:mb-12{margin-bottom:3rem}.md\:mb-16{margin-bottom:4rem}.md\:mb-4{margin-bottom:1rem}.md\:mb-6{margin-bottom:1.5rem}.md\:mb-8{margin-bottom:2rem}.md\:ml-0{margin-left:0}.md\:mr-3{margin-right:.75rem}.md\:mr-4{margin-right:1rem}.md\:mt-12{margin-top:3rem}.md\:mt-16{margin-top:4rem}.md\:mt-24{margin-top:6rem}.md\:mt-32{margin-top:8rem}.md\:mt-40{margin-top:10rem}.md\:mt-8{margin-top:2rem}.md\:block{display:block}.md\:h-6{height:1.5rem}.md\:h-8{height:2rem}.md\:h-\[184px\]{height:184px}.md\:h-\[21px\]{height:21px}.md\:h-\[39px\]{height:39px}.md\:w-1\/2{width:50%}.md\:w-6{width:1.5rem}.md\:w-8{width:2rem}.md\:w-\[29px\]{width:29px}.md\:w-\[97px\]{width:97px}.md\:-translate-x-0\.5{--tw-translate-x: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:-translate-x-2{--tw-translate-x: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:gap-12{gap:3rem}.md\:gap-6{gap:1.5rem}.md\:gap-8{gap:2rem}.md\:space-x-12>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(3rem * var(--tw-space-x-reverse));margin-left:calc(3rem * calc(1 - var(--tw-space-x-reverse)))}.md\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.md\:p-12{padding:3rem}.md\:p-6{padding:1.5rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:pb-6{padding-bottom:1.5rem}.md\:pl-8{padding-left:2rem}.md\:pr-8{padding-right:2rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:font-light{font-weight:300}.md\:leading-\[30px\]{line-height:30px}.md\:leading-\[50px\]{line-height:50px}.md\:leading-\[60px\]{line-height:60px}}@media (min-width: 1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:gap-16{gap:4rem}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-\[64px\]{font-size:64px}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 1280px){.xl\:text-2xl{font-size:1.5rem;line-height:2rem}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}


/* ===== Host2Media Infrastructure Page ===== */
    /* Design tokens */
    .h2m-infra-page {
      --h2m-bg:           hsl(0, 0%, 97%);
      --h2m-fg:           hsl(210, 18%, 15%);
      --h2m-card:         hsl(0, 0%, 100%);
      --h2m-primary:      hsl(205, 85%, 45%);
      --h2m-muted-fg:     hsl(210, 10%, 50%);
      --h2m-border:       hsl(210, 18%, 88%);
      --h2m-heading:      hsl(210, 25%, 12%);
      --h2m-surface:      hsl(210, 14%, 97%);
      --h2m-specs-bg:     hsl(210, 20%, 16%);
      --h2m-specs-fg:     hsl(0, 0%, 92%);
      --h2m-radius:       0.5rem;
      font-family: Mulish, ui-sans-serif, system-ui, sans-serif;
      background: var(--h2m-bg);
      color: var(--h2m-fg);
    }

    /* Typography */
    .h2m-infra-page .h2m-heading        { font-family: Mulish, ui-sans-serif, system-ui, sans-serif; color: var(--h2m-heading); }
    .h2m-infra-page .h2m-heading-color  { color: var(--h2m-heading); }
    .h2m-infra-page .h2m-text-muted     { color: #000; font-weight: 300; }
    .h2m-infra-page .h2m-text-primary   { color: var(--h2m-primary); }
    .h2m-infra-page .h2m-text-specs-fg  { color: var(--h2m-specs-fg); }
    .h2m-infra-page .h2m-text-specs-fg-60 { color: hsla(0,0%,92%,.6); }
    .h2m-infra-page .h2m-text-specs-fg-65 { color: hsla(0,0%,92%,.65); }
    .h2m-infra-page .h2m-text-specs-fg-70 { color: hsla(0,0%,92%,.7); }
    .h2m-infra-page .h2m-font-bold      { font-weight: 900; }
    .h2m-infra-page .h2m-tracking-wide  { letter-spacing: .025em; }
    .h2m-infra-page .h2m-text-3xl  { font-size: 1.5rem;   line-height: 2rem; }
    .h2m-infra-page .h2m-text-2xl  { font-size: 1.5rem;   line-height: 2rem; }
    .h2m-infra-page .h2m-text-xl   { font-size: 1.25rem;  line-height: 1.75rem; }
    .h2m-infra-page .h2m-text-lg   { font-size: 1.25rem;  line-height: 1.75rem; }
    .h2m-infra-page .h2m-text-base { font-size: 1.25rem;     line-height: 1.625rem; }
    .h2m-infra-page .h2m-text-sm   { font-size: 16px;  line-height: 1.75rem; }
    .h2m-infra-page .h2m-text-xs   { font-size: .75rem;   line-height: 1rem; }
    .h2m-infra-page .h2m-leading-relaxed { line-height: 1.75rem; }
    @media (min-width: 768px) {
      .h2m-infra-page .h2m-text-3xl  { font-size: 1.875rem; line-height: 2.25rem; }
      .h2m-infra-page .h2m-text-2xl  { font-size: 1.875rem; line-height: 2.25rem; }
    }
    @media (min-width: 1024px) {
      .h2m-infra-page .h2m-text-3xl  { font-size: 3rem; line-height: 2.5rem; }
      .h2m-infra-page .h2m-text-2xl  { font-size: 2.25rem; line-height: 2.5rem; }
    }

    /* Layout */
    .h2m-infra-page .h2m-section        { width: 100%; }
    .h2m-infra-page .h2m-text-center    { text-align: center; }
    .h2m-infra-page .h2m-mx-auto        { margin-left: auto; margin-right: auto; }
    .h2m-infra-page .h2m-relative       { position: relative; }
    .h2m-infra-page .h2m-overflow-hidden{ overflow: hidden; }
    .h2m-infra-page .h2m-z-10           { z-index: 10; }
    .h2m-infra-page .h2m-shrink-0       { flex-shrink: 0; }
    .h2m-infra-page .h2m-container-narrow { max-width: 48rem; margin-left: auto; margin-right: auto; }
    .h2m-infra-page .h2m-container-md    { max-width: 56rem; margin-left: auto; margin-right: auto; }
    .h2m-infra-page .h2m-container-wide  { max-width: 94rem; margin-left: auto; margin-right: auto; }
    .h2m-infra-page .h2m-max-w-xl  { max-width: 36rem; }

    /* Spacing */
    .h2m-infra-page .h2m-px-4  { padding-left: 1rem;   padding-right: 1rem; }
    .h2m-infra-page .h2m-py-12 { padding-top: 3rem;    padding-bottom: 3rem; }
    .h2m-infra-page .h2m-py-16 { padding-top: 4rem;    padding-bottom: 4rem; }
    .h2m-infra-page .h2m-py-20 { padding-top: 5rem;    padding-bottom: 5rem; }
    .h2m-infra-page .h2m-p-4   { padding: 1rem; }
    .h2m-infra-page .h2m-p-5   { padding: 1.25rem; }
    .h2m-infra-page .h2m-mb-1  { margin-bottom: .25rem; }
    .h2m-infra-page .h2m-mb-2  { margin-bottom: .5rem; }
    .h2m-infra-page .h2m-mb-3  { margin-bottom: .75rem; }
    .h2m-infra-page .h2m-mb-4  { margin-bottom: 1rem; }
    .h2m-infra-page .h2m-mb-5  { margin-bottom: 1.25rem; }
    .h2m-infra-page .h2m-mb-6  { margin-bottom: 1.5rem; }
    .h2m-infra-page .h2m-mb-10 { margin-bottom: 2.5rem; }
    .h2m-infra-page .h2m-mb-12 { margin-bottom: 3rem; }
    .h2m-infra-page .h2m-mb-14 { margin-bottom: 3.5rem; }
    .h2m-infra-page .h2m-mb-16 { margin-bottom: 4rem; }
    .h2m-infra-page .h2m-mt-1  { margin-top: .25rem; }
    .h2m-infra-page .h2m-mt-half { margin-top: .125rem; }
    .h2m-infra-page .h2m-mt-10 { margin-top: 2.5rem; }
    .h2m-infra-page .h2m-pl-6  { padding-left: 1.5rem; }

    /* Flex */
    .h2m-infra-page .h2m-flex          { display: flex; }
    .h2m-infra-page .h2m-items-center  { align-items: center; }
    .h2m-infra-page .h2m-items-start   { align-items: flex-start; }
    .h2m-infra-page .h2m-justify-center{ justify-content: center; }
    .h2m-infra-page .h2m-gap-1  { gap: .25rem; }
    .h2m-infra-page .h2m-gap-2  { gap: .5rem; }
    .h2m-infra-page .h2m-gap-3  { gap: .75rem; }
    .h2m-infra-page .h2m-gap-5  { gap: 1.25rem; }
    .h2m-infra-page .h2m-gap-6  { gap: 1.5rem; }
    .h2m-infra-page .h2m-gap-8  { gap: 2rem; }
    .h2m-infra-page .h2m-gap-10 { gap: 2.5rem; }
    .h2m-infra-page .h2m-gap-x-10 { column-gap: 2.5rem; }
    .h2m-infra-page .h2m-gap-y-8  { row-gap: 2rem; }
    .h2m-infra-page .h2m-gap-y-12 { row-gap: 3rem; }

    /* Backgrounds */
    .h2m-infra-page .h2m-bg-background  { background-color: var(--h2m-bg); }
    .h2m-infra-page .h2m-bg-surface     { background-color: var(--h2m-surface); }
    .h2m-infra-page .h2m-bg-specs       { background-color: var(--h2m-specs-bg); }

    /* Grid */
    .h2m-infra-page .h2m-grid-2   { display: grid; grid-template-columns: 1fr; gap: 1.25rem; }
    .h2m-infra-page .h2m-grid-3   { display: grid; grid-template-columns: 1fr; gap: 2rem; }
    .h2m-infra-page .h2m-grid-3sm { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
    @media (min-width:640px) {
      .h2m-infra-page .h2m-grid-3sm { grid-template-columns: repeat(2,1fr); }
      .h2m-infra-page .h2m-grid-2   { grid-template-columns: repeat(2,1fr); }
    }
    @media (min-width:768px) {
      .h2m-infra-page .h2m-grid-3   { grid-template-columns: repeat(3,1fr); }
      .h2m-infra-page .h2m-grid-3sm { grid-template-columns: repeat(3,1fr); }
      .h2m-infra-page .h2m-grid-2   { grid-template-columns: repeat(2,1fr); }
      .h2m-infra-page .h2m-md-text-2xl { font-size:1.5rem; line-height:2rem; }
    }

    /* Cards */
    .h2m-infra-page .h2m-card {
      background: var(--h2m-card);
      border-radius: var(--h2m-radius);
      box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);
      overflow: hidden;
      border: 1px solid var(--h2m-border);
      display: flex; flex-direction: column;
    }
    .h2m-infra-page .h2m-card-image { width:100%; height:11rem; object-fit:cover; }
    .h2m-infra-page .h2m-card-body  { padding:1.25rem; display:flex; flex-direction:column; flex:1; }
    .h2m-infra-page .h2m-card-bordered {
      background: var(--h2m-surface);
      border: 1px solid var(--h2m-border);
      border-radius: var(--h2m-radius);
    }

    /* Icons */
    .h2m-infra-page .h2m-icon-xs { width:14px; height:14px; }
    .h2m-infra-page .h2m-icon-sm { width:16px; height:16px; }
    .h2m-infra-page .h2m-icon-md { width:20px; height:20px; }
    .h2m-infra-page .h2m-icon-primary { color:var(--h2m-primary); }

    /* Badge */
    .h2m-infra-page .h2m-badge-primary { font-size:.75rem; font-weight:700; color:var(--h2m-primary); }

    /* Stats bar */
    .h2m-infra-page .h2m-stats-bar {
      display: grid;
      grid-template-columns: repeat(2,1fr);
      gap: 1.5rem;
      border: 1px solid hsla(0,0%,92%,.1);
      border-radius: .75rem;
      padding: 1.5rem;
      background: hsla(210,20%,16%,.6);
      backdrop-filter: blur(8px);
    }
    @media (min-width:768px) { .h2m-infra-page .h2m-stats-bar { grid-template-columns:repeat(4,1fr); } }

    /* SLA callout */
    .h2m-infra-page .h2m-sla-callout {
      background: hsla(205,85%,45%,.1);
      border: 1px solid hsla(205,85%,45%,.2);
      border-radius: var(--h2m-radius);
      padding: 1.25rem 1.5rem;
      text-align: center;
    }

    /* Spec item */
    .h2m-infra-page .h2m-spec-item {
      display: flex; align-items: center; gap: .75rem;
      background: hsla(210,20%,16%,.8);
      backdrop-filter: blur(8px);
      border: 1px solid hsla(0,0%,92%,.1);
      border-radius: var(--h2m-radius);
      padding: .75rem 1rem;
    }

    /* Node list */
    .h2m-infra-page .h2m-node-list { display:flex; flex-direction:column; gap:.25rem; }

    /* Space-y */
    .h2m-infra-page .h2m-space-y-1 > * + * { margin-top:.25rem; }
    .h2m-infra-page .h2m-space-y-3 > * + * { margin-top:.75rem; }

    /* Highlights */
    .h2m-infra-page .h2m-highlights-list { display:inline-flex; flex-direction:column; gap:.75rem; text-align:left; }

    /* Mesh canvas */
    .h2m-infra-page .h2m-mesh-canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:auto; }

    /* World map — full-width black strip, map 960px centered */
    .h2m-map-outer {
      margin-top: 2.5rem;
      position: relative;
      left: 50%;
      margin-left: -50vw;
      width: 100vw;
      background: #060a0e;
      overflow: hidden;
    }
    .h2m-map-inner {
      max-width: 960px;
      margin-left: auto;
      margin-right: auto;
      display: block;
    }

    /* Map animations */
    @keyframes h2m-pulse  { 0%{r:8;opacity:.9} 100%{r:28;opacity:0} }
    @keyframes h2m-pulse2 { 0%{r:8;opacity:.5} 100%{r:38;opacity:0} }
    @keyframes h2m-dash   { to{stroke-dashoffset:-40} }
    .h2m-r1 { animation: h2m-pulse  2.6s ease-out infinite; }
    .h2m-r2 { animation: h2m-pulse2 2.6s ease-out infinite .8s; }
    .h2m-a1 { stroke-dasharray:7 5; animation: h2m-dash 3s   linear infinite; }
    .h2m-a2 { stroke-dasharray:7 5; animation: h2m-dash 3.6s linear infinite .6s; }
    .h2m-a3 { stroke-dasharray:7 5; animation: h2m-dash 3.2s linear infinite 1.2s; }
  


/* === INFRA FIXES === */
.h2m-container-wide {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.h2m-section {
  padding-top: 60px;
  padding-bottom: 60px;
}

.h2m-grid-3 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px,1fr));
  gap: 30px;
}

.h2m-grid-3 img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 5px;
}

h1, h2, h3 {
  font-family: 'Mulish', sans-serif;
}











/* Why Host2Media redesign */
.why-host2media-page{
  background:#fff;
  color:#0f172a;
}
.why-h2m-top{
  padding: 3.5rem 0 2.25rem;
}
.why-h2m-block{
  padding: 1.5rem 0 3rem;
}
.why-h2m-surface{
  padding: 2rem 0 3.25rem;
}
.why-h2m-surface .container{
  background:#f8fafc;
  border:1px solid #edf2f7;
  border-radius: 6px;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.why-h2m-head{
  max-width: 760px;
  margin: 0 auto 2rem;
  text-align:center;
}
.why-h2m-head--narrow{
  max-width: 720px;
}
.why-h2m-head h1,
.why-h2m-head h2{
  margin:0 0 .9rem;
  color:#000;
  font-family: Mulish, ui-sans-serif, system-ui, sans-serif;
  font-weight:900;
  line-height:1.16;
}
.why-h2m-head h1{
  font-size: clamp(2.2rem, 3.3vw, 3.4rem);
}
.why-h2m-head h2{
  font-size:2.25rem;
}
.why-h2m-head p{
  margin:0;
  color:#6b7280;
  font-size: clamp(1rem, 1.15vw, 1.15rem);
  line-height:1.8;
  font-weight:300;
}
.why-h2m-metric-grid{
  display:grid;
  grid-template-columns: repeat(1,minmax(0,1fr));
  gap: .9rem;
  max-width: 1120px;
  margin: 0 auto;
}
.why-h2m-mini-card,
.why-h2m-card,
.why-h2m-feature-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius: 12px;
}
.why-h2m-mini-card{
  padding: 1rem 1rem 1.05rem;
  min-height: 110px;
}
.why-h2m-mini-card h3{
  margin:0 0 .45rem;
  font-size: 1.1rem;
  line-height:1.35;
  color:#111827;
  font-weight:800;
}
.why-h2m-mini-card p{
  margin:0;
  color:#6b7280;
  font-size:.95rem;
  line-height:1.65;
  font-weight:300;
}
.why-h2m-card-grid,
.why-h2m-feature-grid{
  display:grid;
  grid-template-columns:1fr;
  gap: 1rem;
  max-width: 1120px;
  margin: 0 auto;
}
.why-h2m-card{
  padding: 1.5rem;
  min-height: 100%;
}
.why-h2m-card h3,
.why-h2m-feature-card h3{
  margin:0 0 .65rem;
  color:#000;
  font-size: 1.32rem;
  line-height:1.4;
  font-weight:900;
}
.why-h2m-card p{
  margin:0;
  color:#667085;
  font-size:1rem;
  line-height:1.9;
  font-weight:300;
}
.why-h2m-feature-card{
  padding: 1.5rem;
}
.why-h2m-feature-card ul{
  list-style:none;
  margin:0;
  padding:0;
}
.why-h2m-feature-card li{
  position:relative;
  padding-left: 1rem;
  margin: .45rem 0;
  color:#667085;
  font-size:.96rem;
  line-height:1.75;
  font-weight:300;
}
.why-h2m-feature-card li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62rem;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#0099ff;
}
.why-h2m-icon-box{
  width:64px;
  height:64px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom: 1.05rem;
  background: rgba(0,153,255,.08);
  color:#0099ff;
}
.why-h2m-icon-box svg{
  width:32px;
  height:32px;
}
@media (min-width: 768px){
  .why-h2m-top{ padding: 4.5rem 0 2.75rem; }
  .why-h2m-block{ padding: 2rem 0 4rem; }
  .why-h2m-surface{ padding: 2rem 0 4rem; }
  .why-h2m-metric-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (min-width: 1024px){
  .why-h2m-metric-grid{ grid-template-columns: repeat(4,minmax(0,1fr)); }
  .why-h2m-card-grid,
  .why-h2m-feature-grid{ grid-template-columns: repeat(3,minmax(0,1fr)); }
  .why-h2m-card,
  .why-h2m-feature-card{ min-height: 100%; }
}


/* Why Host2Media section refinement */
.why-h2m-surface-full{
  width:100%;
  background:#f8fafc;
  padding:2.75rem 0 3.75rem;
}
.why-h2m-surface-full .container{
  max-width:1440px;
}
.why-h2m-surface-full .why-h2m-head{
  margin-bottom:2.25rem;
}
.why-h2m-card-grid--wide{
  width:100%;
  max-width:1300px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1.75rem;
}
.why-h2m-card-grid--wide .why-h2m-card{
  padding:1.75rem;
}
.why-h2m-card-grid--wide .why-h2m-card:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 25px rgba(0,0,0,0.05);
}
.why-h2m-card-grid--wide .why-h2m-icon-box{
  width:56px;
  height:56px;
  border-radius:9999px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:1.35rem;
}
.why-h2m-card-grid--wide .why-h2m-icon-box svg{
  width:28px;
  height:28px;
}
.why-h2m-card-grid--wide .why-h2m-icon-box.icon-blue{
  background:rgba(59,130,246,0.12);
  color:#3b82f6;
}
.why-h2m-card-grid--wide .why-h2m-icon-box.icon-purple{
  background:rgba(168,85,247,0.12);
  color:#a855f7;
}
.why-h2m-card-grid--wide .why-h2m-icon-box.icon-orange{
  background:rgba(249,115,22,0.12);
  color:#f97316;
}
.why-h2m-card-grid--wide .why-h2m-card h3{
  font-size:1.5rem;
  line-height:1.3;
  font-weight:700;
  color:#0f172a;
  margin:0 0 1rem;
}
.why-h2m-card-grid--wide .why-h2m-card p{
  font-size:1.125rem;
  line-height:1.75rem;
  font-weight:400;
  color:#64748b;
  margin:0;
}
@media (min-width:768px){
  .why-h2m-surface-full{
    padding:3rem 0 4rem;
  }
  .why-h2m-card-grid--wide{
  width:100%;
  max-width:1300px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1.75rem;
}
}
@media (min-width:1200px){
  .why-h2m-surface-full .container{
    padding-left:2rem;
    padding-right:2rem;
  }
  .why-h2m-card-grid--wide{
  width:100%;
  max-width:1300px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1.75rem;
}
}
@media (min-width:1440px){
  .why-h2m-card-grid--wide{
  width:100%;
  max-width:1300px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1.75rem;
}
}

/* Why Host2Media final cards refinement */
.why-h2m-feature-grid{
  display:flex;
  justify-content:center;
  gap:1.5rem;
  flex-wrap:nowrap;
  max-width:1300px;
  margin:0 auto;
}
.why-h2m-feature-card{
  width:100%;
  max-width:400px;
}
.why-h2m-feature-grid .why-h2m-icon-box{
  width:56px;
  height:56px;
  border-radius:9999px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:1rem;
}
.why-h2m-feature-grid .why-h2m-icon-box svg{
  width:28px;
  height:28px;
}
.why-h2m-feature-grid .why-h2m-icon-box.icon-blue{
  background:#e6f0ff;
  color:#2563eb;
}
.why-h2m-feature-grid .why-h2m-icon-box.icon-purple{
  background:#f3e8ff;
  color:#9333ea;
}
.why-h2m-feature-grid .why-h2m-icon-box.icon-orange{
  background:#fff1e6;
  color:#f97316;
}
.why-h2m-feature-grid .why-h2m-feature-card h3{
  font-size:1.125rem;
  line-height:1.4;
  font-weight:700;
  margin:0 0 0.75rem;
  color:#0f172a;
}
.why-h2m-feature-grid .why-h2m-feature-card ul{
  margin:0;
  padding-left:1.2rem;
}
.why-h2m-feature-grid .why-h2m-feature-card li{
  font-size:16px;
  line-height:1.75rem;
  font-weight:400;
  color:#64748b;
  margin-bottom:0.5rem;
}
.why-h2m-feature-grid .why-h2m-feature-card li::marker{
  color:#3b82f6;
}

/* Footer layout refinement */
footer .grid{
  display:grid;
  grid-template-columns: minmax(260px, 1.2fr) repeat(4, minmax(160px, 1fr));
  gap:3rem;
  align-items:start;
}
footer .grid > div{
  min-width:0;
}
footer .space-y-2 > a{
  display:block;
}
@media (max-width: 1023px){
  footer .grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap:2rem;
  }
}
@media (max-width: 639px){
  footer .grid{
    grid-template-columns: 1fr;
    gap:1.5rem;
  }
}

/* Terms page visibility fallback */
[data-legal-content]{
  display:block;
}
[data-legal-content] > [data-legal-panel]{
  display:none;
}
[data-legal-content] > [data-legal-panel].block,
[data-legal-content] > [data-legal-panel="terms-of-service"]{
  display:block;
}
[data-legal-content] > [data-legal-panel].hidden{
  display:none;
}


/* === LEGAL PAGE FALLBACK FIXES === */
.legal-page-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  align-items: start;
}

.legal-page-sidebar,
.legal-page-content,
[data-legal-content] {
  min-width: 0;
}

[data-legal-panel] {
  display: none;
}

[data-legal-panel].active {
  display: block;
}

@media (min-width: 1024px) {
  .legal-page-grid {
    grid-template-columns: minmax(240px, 1fr) minmax(0, 3fr);
  }
}
    .h2m-consult-page {
      --h2m-bg: #ffffff;
      --h2m-card: #ffffff;
      --h2m-border: #aab4c3;
      --h2m-border-soft: #d6deea;
      --h2m-text: #0f172a;
      --h2m-text-soft: #4b5563;
      --h2m-blue: #0099ff;
      --h2m-blue-dark: #0077cc;
      --h2m-blue-soft: #a7c5fb;
      --h2m-blue-panel: #dfeafb;
      --h2m-blue-panel-2: #cfe0fb;
      background: var(--h2m-bg);
      color: var(--h2m-text);
      font-family: Mulish, ui-sans-serif, system-ui, sans-serif;
    }
    .h2m-consult-page .h2m-wrap { max-width: 1180px; margin: 0 auto; padding: 0 24px; }
    .h2m-consult-page .h2m-narrow { max-width: 840px; margin: 0 auto; }
    .h2m-consult-page .h2m-section { padding: 54px 0; }
    .h2m-consult-page .h2m-title { font-size: 2.75rem; line-height: .98; font-weight: 900; letter-spacing: -.03em; color: #111b34; }
    .h2m-consult-page .h2m-subtitle { max-width: 680px; margin: 18px auto 0; font-size: 1.2rem; line-height: 1.7; font-weight: 300; color: #1f2937; }
    .h2m-consult-page .h2m-pill-list { margin: 32px auto 0; max-width: 760px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 42px; }
    .h2m-consult-page .h2m-pill { display: flex; align-items: center; gap: 12px; font-size: 1.02rem; color: #1f2937; }
    .h2m-consult-page .h2m-pill .icon { width: 18px; height: 18px; color: var(--h2m-blue); }
    .h2m-consult-page .h2m-cta-wrap { text-align: center; margin-top: 44px; }
    .h2m-consult-page .h2m-btn {
      display: inline-flex; align-items: center; justify-content: center; gap: 10px;
      min-width: 298px; min-height: 56px; padding: 16px 28px;
      background: var(--h2m-blue); color: #fff; border-radius: 8px; font-weight: 800;
      box-shadow: 0 10px 25px rgba(0,153,255,.18);
      transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
    }
    .h2m-consult-page .h2m-btn:hover { background: var(--h2m-blue-dark); transform: translateY(-1px); box-shadow: 0 14px 28px rgba(0,153,255,.24); }
    .h2m-consult-page .h2m-h2 { font-size: 2.15rem; line-height: 1.15; font-weight: 900; letter-spacing: -.02em; color: #111827; margin-bottom: 22px; }
    .h2m-consult-page .h2m-center-title { text-align: center; margin-bottom: 38px; }
    .h2m-consult-page .h2m-info-box {
      max-width: 760px; margin: 0 auto; background: var(--h2m-blue-panel);
      border: 1px solid #c6d8fb; border-radius: 14px; padding: 34px 34px 28px;
      box-shadow: 0 10px 24px rgba(52, 94, 170, .08);
    }
    .h2m-consult-page .h2m-info-head { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
    .h2m-consult-page .h2m-info-head .icon { width: 20px; height: 20px; color: #7a5cff; }
    .h2m-consult-page .h2m-info-head h3 { font-size: 1.12rem; font-weight: 900; color: #111827; }
    .h2m-consult-page .h2m-info-box p { font-size: 1rem; line-height: 1.9; color: #243142; }
    .h2m-consult-page .h2m-info-box p + p { margin-top: 10px; }
    .h2m-consult-page .h2m-form-wrap { max-width: 840px; margin: 0 auto; }
    .h2m-consult-page .h2m-form-card {
      background: rgba(255,255,255,.38); border: 1px solid var(--h2m-border); border-radius: 10px;
      padding: 24px 18px 18px; box-shadow: 0 8px 24px rgba(15, 23, 42, .04);
    }
    .h2m-consult-page .h2m-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
    .h2m-consult-page .h2m-field { margin-bottom: 14px; }
    .h2m-consult-page label { display: block; margin-bottom: 8px; font-size: .88rem; font-weight: 700; color: #111827; }
    .h2m-consult-page input,
    .h2m-consult-page textarea {
      width: 100%; border: 1px solid var(--h2m-border); border-radius: 5px; background: transparent;
      padding: 12px 14px; color: #111827; outline: none; transition: border-color .18s ease, box-shadow .18s ease;
    }
    .h2m-consult-page input::placeholder,
    .h2m-consult-page textarea::placeholder { color: #99a0ab; }
    .h2m-consult-page input:focus,
    .h2m-consult-page textarea:focus { border-color: var(--h2m-blue); box-shadow: 0 0 0 3px rgba(0,153,255,.12); }
    .h2m-consult-page textarea { min-height: 150px; resize: vertical; }
    .h2m-consult-page .h2m-submit { width: 100%; margin-top: 10px; min-height: 56px; }

    @media (max-width: 1023px) {
      .h2m-consult-page .h2m-title { font-size: 2.35rem; }
    }
    @media (max-width: 767px) {
      .h2m-consult-page .h2m-wrap { padding: 0 18px; }
      .h2m-consult-page .h2m-section { padding: 42px 0; }
      .h2m-consult-page .h2m-title { font-size: 2rem; }
      .h2m-consult-page .h2m-h2, .h2m-consult-page .h2m-center-title { margin-bottom: 26px; }
      .h2m-consult-page .h2m-pill-list,
      .h2m-consult-page .h2m-help-grid,
      .h2m-consult-page .h2m-form-grid,
      .h2m-consult-page .h2m-timeline { grid-template-columns: 1fr; }
      .h2m-consult-page .h2m-step { padding-bottom: 12px; }
      .h2m-consult-page .h2m-step:not(:last-child)::after {
        left: 50%; top: 50px; width: 4px; height: calc(100% - 26px); transform: translateX(-50%);
      }
      .h2m-consult-page .h2m-btn { min-width: 100%; }
      .h2m-consult-page .h2m-info-box { padding: 26px 20px; }
      .h2m-consult-page .h2m-form-card { padding: 20px 14px 14px; }
    }


/* Host2Media header dropdown */
.h2m-dropdown {
  position: relative;
  padding-bottom: 14px;
  margin-bottom: -14px;
}

.h2m-dropdown-menu {
  display: none;
  min-width: 280px !important;
  margin-top: 0;
  top: calc(100% + 2px);
  padding: 12px 0;
  border-radius: 12px;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.10);
}

.h2m-dropdown-menu a {
  display: block;
  padding: 12px 22px;
  font-size: 15px;
  line-height: 1.45;
  white-space: nowrap;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.h2m-dropdown-menu a:hover {
  background: #f3f8fc;
  color: #0099ff;
}

.h2m-dropdown.is-open .h2m-dropdown-menu {
  display: block;
}

.h2m-dropdown.is-open .h2m-dropdown-icon {
  transform: rotate(180deg);
}