*,:after,:before{--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:rgba(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:rgba(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: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,SF Pro,Inter,Inter Fallback,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height: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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-bottom-0\.5{bottom:-.125rem}.-bottom-16{bottom:-4rem}.-bottom-2{bottom:-.5rem}.-bottom-24{bottom:-6rem}.-bottom-6{bottom:-1.5rem}.-left-10{left:-2.5rem}.-left-16{left:-4rem}.-left-24{left:-6rem}.-left-6{left:-1.5rem}.-right-0\.5{right:-.125rem}.-right-1{right:-.25rem}.-right-1\.5{right:-.375rem}.-right-16{right:-4rem}.-right-2{right:-.5rem}.-right-24{right:-6rem}.-right-32{right:-8rem}.-right-6{right:-1.5rem}.-top-1{top:-.25rem}.-top-1\.5{top:-.375rem}.-top-16{top:-4rem}.-top-24{top:-6rem}.-top-32{top:-8rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-3\.5{bottom:.875rem}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-3\.5{left:.875rem}.left-4{left:1rem}.right-0{right:0}.right-1\.5{right:.375rem}.right-2{right:.5rem}.right-2\.5{right:.625rem}.right-3{right:.75rem}.right-3\.5{right:.875rem}.right-4{right:1rem}.right-5{right:1.25rem}.top-0{top:0}.top-1{top:.25rem}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-2\.5{top:.625rem}.top-24{top:6rem}.top-3{top:.75rem}.top-3\.5{top:.875rem}.top-4{top:1rem}.top-5{top:1.25rem}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[80\]{z-index:80}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-full{grid-column:1/-1}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-12{margin-bottom:3rem;margin-top:3rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-8{margin-bottom:2rem;margin-top:2rem}.-mb-px{margin-bottom:-1px}.-ml-8{margin-left:-2rem}.-mt-\[4\.9rem\]{margin-top:-4.9rem}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-3\.5{margin-top:.875rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[335\/376\]{aspect-ratio:335/376}.aspect-square{aspect-ratio:1/1}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-36{height:9rem}.h-4{height:1rem}.h-44{height:11rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-\[42px\]{height:42px}.h-\[72\%\]{height:72%}.h-auto{height:auto}.h-full{height:100%}.max-h-48{max-height:12rem}.max-h-60{max-height:15rem}.max-h-96{max-height:24rem}.max-h-\[260px\]{max-height:260px}.max-h-\[620px\]{max-height:620px}.max-h-\[85\%\]{max-height:85%}.max-h-\[90\%\]{max-height:90%}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(100vh-180px\)\]{max-height:calc(100vh - 180px)}.max-h-full{max-height:100%}.min-h-\[250px\]{min-height:250px}.min-h-\[36px\]{min-height:36px}.min-h-\[38px\]{min-height:38px}.min-h-\[640px\]{min-height:640px}.min-h-\[680px\]{min-height:680px}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/3{width:33.333333%}.w-1\/4{width:25%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-36{width:9rem}.w-4{width:1rem}.w-44{width:11rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[448px\]{width:448px}.w-\[85\%\]{width:85%}.w-\[92\%\]{width:92%}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[220px\]{min-width:220px}.min-w-\[240px\]{min-width:240px}.min-w-\[36px\]{min-width:36px}.min-w-\[760px\]{min-width:760px}.min-w-\[980px\]{min-width:980px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-\[140px\]{max-width:140px}.max-w-\[150px\]{max-width:150px}.max-w-\[160px\]{max-width:160px}.max-w-\[240px\]{max-width:240px}.max-w-\[280px\]{max-width:280px}.max-w-\[335px\]{max-width:335px}.max-w-\[80px\]{max-width:80px}.max-w-\[85\%\]{max-width:85%}.max-w-\[90\%\]{max-width:90%}.max-w-\[90px\]{max-width:90px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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}.translate-y-\[-20px\]{--tw-translate-y:-20px}.rotate-\[-8deg\],.translate-y-\[-20px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[-8deg\]{--tw-rotate:-8deg}.scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.scale-90,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.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}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,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))}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.125rem*var(--tw-space-y-reverse));margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.625rem*var(--tw-space-y-reverse));margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-slate-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(241 245 249/var(--tw-divide-opacity,1))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-bl-lg{border-bottom-left-radius:.5rem}.rounded-br-lg{border-bottom-right-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-\[\#19140035\]{border-color:#19140035}.border-\[\#e3e3e0\]{--tw-border-opacity:1;border-color:rgb(227 227 224/var(--tw-border-opacity,1))}.border-amber-100{--tw-border-opacity:1;border-color:rgb(254 243 199/var(--tw-border-opacity,1))}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-amber-400\/30{border-color:rgba(251,191,36,.3)}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}.border-cyan-100{--tw-border-opacity:1;border-color:rgb(207 250 254/var(--tw-border-opacity,1))}.border-cyan-100\/80{border-color:rgba(207,250,254,.8)}.border-cyan-200{--tw-border-opacity:1;border-color:rgb(165 243 252/var(--tw-border-opacity,1))}.border-cyan-400\/30{border-color:rgba(34,211,238,.3)}.border-cyan-400\/40{border-color:rgba(34,211,238,.4)}.border-cyan-500{--tw-border-opacity:1;border-color:rgb(6 182 212/var(--tw-border-opacity,1))}.border-cyan-500\/30{border-color:rgba(6,182,212,.3)}.border-cyanBrand{--tw-border-opacity:1;border-color:rgb(22 185 242/var(--tw-border-opacity,1))}.border-cyanBrand\/20{border-color:rgba(3,168,127,.2)}.border-cyanBrand\/30{border-color:rgba(3,168,127,.3)}.border-cyanBrand\/40{border-color:rgba(3,168,127,.4)}.border-emerald-100{--tw-border-opacity:1;border-color:rgb(209 250 229/var(--tw-border-opacity,1))}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-emerald-200\/80{border-color:rgba(167,243,208,.8)}.border-emerald-400\/30{border-color:rgba(52,211,153,.3)}.border-emerald-500{--tw-border-opacity:1;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.border-emerald-500\/20{border-color:rgba(16,185,129,.2)}.border-emerald-500\/30{border-color:rgba(16,185,129,.3)}.border-emerald-500\/80{border-color:rgba(16,185,129,.8)}.border-indigo-200{--tw-border-opacity:1;border-color:rgb(199 210 254/var(--tw-border-opacity,1))}.border-pink-100{--tw-border-opacity:1;border-color:rgb(252 231 243/var(--tw-border-opacity,1))}.border-pink-200{--tw-border-opacity:1;border-color:rgb(251 207 232/var(--tw-border-opacity,1))}.border-pink-400{--tw-border-opacity:1;border-color:rgb(244 114 182/var(--tw-border-opacity,1))}.border-pink-400\/30{border-color:rgba(244,114,182,.3)}.border-pinkBrand{--tw-border-opacity:1;border-color:rgb(234 8 141/var(--tw-border-opacity,1))}.border-pinkBrand\/20{border-color:rgba(3,168,127,.2)}.border-pinkBrand\/30{border-color:rgba(3,168,127,.3)}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-rose-200{--tw-border-opacity:1;border-color:rgb(254 205 211/var(--tw-border-opacity,1))}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-100\/80{border-color:rgba(241,245,249,.8)}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-200\/70{border-color:rgba(226,232,240,.7)}.border-slate-200\/80{border-color:rgba(226,232,240,.8)}.border-slate-200\/90{border-color:rgba(226,232,240,.9)}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-slate-400{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity,1))}.border-slate-50{--tw-border-opacity:1;border-color:rgb(248 250 252/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.border-slate-700\/60{border-color:rgba(51,65,85,.6)}.border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.border-slate-800\/80{border-color:rgba(30,41,59,.8)}.border-slate-900{--tw-border-opacity:1;border-color:rgb(15 23 42/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-l-pinkBrand{--tw-border-opacity:1;border-left-color:rgb(234 8 141/var(--tw-border-opacity,1))}.bg-\[\#050913\]\/90{background-color:rgba(5,9,19,.9)}.bg-\[\#070c18\]{--tw-bg-opacity:1;background-color:rgb(7 12 24/var(--tw-bg-opacity,1))}.bg-\[\#1b1b18\]{--tw-bg-opacity:1;background-color:rgb(27 27 24/var(--tw-bg-opacity,1))}.bg-\[\#FDFDFC\]{--tw-bg-opacity:1;background-color:rgb(253 253 252/var(--tw-bg-opacity,1))}.bg-\[\#dbdbd7\]{--tw-bg-opacity:1;background-color:rgb(219 219 215/var(--tw-bg-opacity,1))}.bg-\[\#fff2f2\]{--tw-bg-opacity:1;background-color:rgb(255 242 242/var(--tw-bg-opacity,1))}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-amber-300{--tw-bg-opacity:1;background-color:rgb(252 211 77/var(--tw-bg-opacity,1))}.bg-amber-400{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-50\/70{background-color:rgba(255,251,235,.7)}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-amber-500\/10{background-color:rgba(245,158,11,.1)}.bg-amber-500\/15{background-color:rgba(245,158,11,.15)}.bg-amber-500\/20{background-color:rgba(245,158,11,.2)}.bg-amber-600{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/30{background-color:rgba(0,0,0,.3)}.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-blue-500\/15{background-color:rgba(59,130,246,.15)}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-cyan-100{--tw-bg-opacity:1;background-color:rgb(207 250 254/var(--tw-bg-opacity,1))}.bg-cyan-50{--tw-bg-opacity:1;background-color:rgb(236 254 255/var(--tw-bg-opacity,1))}.bg-cyan-50\/20{background-color:rgba(236,254,255,.2)}.bg-cyan-50\/30{background-color:rgba(236,254,255,.3)}.bg-cyan-50\/40{background-color:rgba(236,254,255,.4)}.bg-cyan-50\/50{background-color:rgba(236,254,255,.5)}.bg-cyan-50\/60{background-color:rgba(236,254,255,.6)}.bg-cyan-50\/70{background-color:rgba(236,254,255,.7)}.bg-cyan-500\/10{background-color:rgba(6,182,212,.1)}.bg-cyan-500\/20{background-color:rgba(6,182,212,.2)}.bg-cyanBrand{--tw-bg-opacity:1;background-color:rgb(22 185 242/var(--tw-bg-opacity,1))}.bg-cyanBrand\/10{background-color:rgba(3,168,127,.1)}.bg-cyanBrand\/15{background-color:rgba(3,168,127,.15)}.bg-cyanBrand\/20{background-color:rgba(3,168,127,.2)}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-emerald-200{--tw-bg-opacity:1;background-color:rgb(167 243 208/var(--tw-bg-opacity,1))}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-50\/40{background-color:rgba(236,253,245,.4)}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-emerald-500\/10{background-color:rgba(16,185,129,.1)}.bg-emerald-500\/15{background-color:rgba(16,185,129,.15)}.bg-emerald-500\/20{background-color:rgba(16,185,129,.2)}.bg-emerald-500\/90{background-color:rgba(16,185,129,.9)}.bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.bg-emerald-950{--tw-bg-opacity:1;background-color:rgb(2 44 34/var(--tw-bg-opacity,1))}.bg-fuchsia-500{--tw-bg-opacity:1;background-color:rgb(217 70 239/var(--tw-bg-opacity,1))}.bg-fuchsia-500\/15{background-color:rgba(217,70,239,.15)}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1))}.bg-indigo-500\/15{background-color:rgba(99,102,241,.15)}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.bg-pink-100{--tw-bg-opacity:1;background-color:rgb(252 231 243/var(--tw-bg-opacity,1))}.bg-pink-50{--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity,1))}.bg-pink-50\/20{background-color:rgba(253,242,248,.2)}.bg-pink-50\/50{background-color:rgba(253,242,248,.5)}.bg-pink-50\/70{background-color:rgba(253,242,248,.7)}.bg-pink-500\/20{background-color:rgba(236,72,153,.2)}.bg-pinkBrand{--tw-bg-opacity:1;background-color:rgb(234 8 141/var(--tw-bg-opacity,1))}.bg-pinkBrand\/10{background-color:rgba(3,168,127,.1)}.bg-pinkBrand\/15{background-color:rgba(3,168,127,.15)}.bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-purple-500\/15{background-color:rgba(168,85,247,.15)}.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-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-rose-100{--tw-bg-opacity:1;background-color:rgb(255 228 230/var(--tw-bg-opacity,1))}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.bg-rose-500{--tw-bg-opacity:1;background-color:rgb(244 63 94/var(--tw-bg-opacity,1))}.bg-rose-500\/10{background-color:rgba(244,63,94,.1)}.bg-rose-500\/15{background-color:rgba(244,63,94,.15)}.bg-rose-600{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity,1))}.bg-sky-500{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity,1))}.bg-sky-500\/15{background-color:rgba(14,165,233,.15)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-100\/70{background-color:rgba(241,245,249,.7)}.bg-slate-100\/80{background-color:rgba(241,245,249,.8)}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-slate-200\/60{background-color:rgba(226,232,240,.6)}.bg-slate-200\/70{background-color:rgba(226,232,240,.7)}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-50\/30{background-color:rgba(248,250,252,.3)}.bg-slate-50\/40{background-color:rgba(248,250,252,.4)}.bg-slate-50\/50{background-color:rgba(248,250,252,.5)}.bg-slate-50\/60{background-color:rgba(248,250,252,.6)}.bg-slate-50\/70{background-color:rgba(248,250,252,.7)}.bg-slate-50\/80{background-color:rgba(248,250,252,.8)}.bg-slate-500\/15{background-color:rgba(100,116,139,.15)}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.bg-slate-700\/90{background-color:rgba(51,65,85,.9)}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.bg-slate-800\/80{background-color:rgba(30,41,59,.8)}.bg-slate-800\/90{background-color:rgba(30,41,59,.9)}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-slate-900\/60{background-color:rgba(15,23,42,.6)}.bg-slate-900\/95{background-color:rgba(15,23,42,.95)}.bg-slate-950{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity,1))}.bg-slate-950\/60{background-color:rgba(2,6,23,.6)}.bg-slate-950\/70{background-color:rgba(2,6,23,.7)}.bg-slate-950\/80{background-color:rgba(2,6,23,.8)}.bg-teal-500{--tw-bg-opacity:1;background-color:rgb(20 184 166/var(--tw-bg-opacity,1))}.bg-teal-500\/15{background-color:rgba(20,184,166,.15)}.bg-transparent{background-color:transparent}.bg-violet-500\/15{background-color:rgba(139,92,246,.15)}.bg-violet-600{--tw-bg-opacity:1;background-color:rgb(124 58 237/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/20{background-color:hsla(0,0%,100%,.2)}.bg-white\/30{background-color:hsla(0,0%,100%,.3)}.bg-white\/70{background-color:hsla(0,0%,100%,.7)}.bg-white\/95{background-color:hsla(0,0%,100%,.95)}.bg-white\/\[0\.02\]{background-color:hsla(0,0%,100%,.02)}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-yellow-500\/15{background-color:rgba(234,179,8,.15)}.bg-\[radial-gradient\(circle_at_center\2c _var\(--tw-gradient-stops\)\)\]{background-image:radial-gradient(circle at center,var(--tw-gradient-stops))}.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-\[\#060a14\]{--tw-gradient-from:#060a14 var(--tw-gradient-from-position);--tw-gradient-to:rgba(6,10,20,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#070c18\]{--tw-gradient-from:#070c18 var(--tw-gradient-from-position);--tw-gradient-to:rgba(7,12,24,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-amber-500{--tw-gradient-from:#f59e0b var(--tw-gradient-from-position);--tw-gradient-to:rgba(245,158,11,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-400{--tw-gradient-from:#22d3ee var(--tw-gradient-from-position);--tw-gradient-to:rgba(34,211,238,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-50{--tw-gradient-from:#ecfeff var(--tw-gradient-from-position);--tw-gradient-to:rgba(236,254,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyanBrand{--tw-gradient-from:#03a87f var(--tw-gradient-from-position);--tw-gradient-to:rgba(3,168,127,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyanBrand\/20{--tw-gradient-from:rgba(3,168,127,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(3,168,127,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyanBrand\/25{--tw-gradient-from:rgba(3,168,127,.25) var(--tw-gradient-from-position);--tw-gradient-to:rgba(3,168,127,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyanBrand\/30{--tw-gradient-from:rgba(3,168,127,.3) var(--tw-gradient-from-position);--tw-gradient-to:rgba(3,168,127,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-50{--tw-gradient-from:#fdf2f8 var(--tw-gradient-from-position);--tw-gradient-to:rgba(253,242,248,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pinkBrand{--tw-gradient-from:#03a87f var(--tw-gradient-from-position);--tw-gradient-to:rgba(3,168,127,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-600{--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:rgba(220,38,38,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-900{--tw-gradient-from:#0f172a var(--tw-gradient-from-position);--tw-gradient-to:rgba(15,23,42,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-950{--tw-gradient-from:#020617 var(--tw-gradient-from-position);--tw-gradient-to:rgba(2,6,23,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-\[\#091122\]{--tw-gradient-to:rgba(9,17,34,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#091122 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-\[\#0b1328\]{--tw-gradient-to:rgba(11,19,40,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0b1328 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-cyanBrand\/10{--tw-gradient-to:rgba(3,168,127,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(3,168,127,.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-pink-600{--tw-gradient-to:rgba(219,39,119,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#db2777 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-pinkBrand\/10{--tw-gradient-to:rgba(3,168,127,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(3,168,127,.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-sky-500{--tw-gradient-to:rgba(14,165,233,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0ea5e9 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-slate-800{--tw-gradient-to:rgba(30,41,59,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1e293b var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-slate-900{--tw-gradient-to:rgba(15,23,42,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0f172a var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\[\#12081c\]{--tw-gradient-to:#12081c var(--tw-gradient-to-position)}.to-\[\#12081d\]{--tw-gradient-to:#12081d var(--tw-gradient-to-position)}.to-amber-600{--tw-gradient-to:#d97706 var(--tw-gradient-to-position)}.to-black{--tw-gradient-to:#000 var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-pink-50{--tw-gradient-to:#fdf2f8 var(--tw-gradient-to-position)}.to-pinkBrand{--tw-gradient-to:#03a87f var(--tw-gradient-to-position)}.to-pinkBrand\/20{--tw-gradient-to:rgba(3,168,127,.2) var(--tw-gradient-to-position)}.to-pinkBrand\/30{--tw-gradient-to:rgba(3,168,127,.3) var(--tw-gradient-to-position)}.to-rose-100{--tw-gradient-to:#ffe4e6 var(--tw-gradient-to-position)}.to-rose-500{--tw-gradient-to:#f43f5e var(--tw-gradient-to-position)}.to-sky-100{--tw-gradient-to:#e0f2fe var(--tw-gradient-to-position)}.to-sky-500{--tw-gradient-to:#0ea5e9 var(--tw-gradient-to-position)}.to-sky-600{--tw-gradient-to:#0284c7 var(--tw-gradient-to-position)}.to-slate-950{--tw-gradient-to:#020617 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-bottom{-o-object-position:bottom;object-position:bottom}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.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-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-14{padding-bottom:3.5rem;padding-top:3.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-1{padding-bottom:.25rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-2\.5{padding-bottom:.625rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-10{padding-left:2.5rem}.pl-11{padding-left:2.75rem}.pl-3{padding-left:.75rem}.pl-3\.5{padding-left:.875rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-7{padding-left:1.75rem}.pl-9{padding-left:2.25rem}.pr-1{padding-right:.25rem}.pr-10{padding-right:2.5rem}.pr-11{padding-right:2.75rem}.pr-12{padding-right:3rem}.pr-24{padding-right:6rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-8{padding-right:2rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-3{padding-top:.75rem}.pt-3\.5{padding-top:.875rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.font-sans{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,SF Pro,Inter,Inter Fallback,system-ui,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9\.5px\]{font-size:9.5px}.text-\[9px\]{font-size:9px}.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-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.italic{font-style:italic}.leading-\[20px\]{line-height:20px}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#1b1b18\]{--tw-text-opacity:1;color:rgb(27 27 24/var(--tw-text-opacity,1))}.text-\[\#706f6c\]{--tw-text-opacity:1;color:rgb(112 111 108/var(--tw-text-opacity,1))}.text-\[\#F53003\],.text-\[\#f53003\]{--tw-text-opacity:1;color:rgb(245 48 3/var(--tw-text-opacity,1))}.text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-amber-900{--tw-text-opacity:1;color:rgb(120 53 15/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-cyan-100{--tw-text-opacity:1;color:rgb(207 250 254/var(--tw-text-opacity,1))}.text-cyan-300{--tw-text-opacity:1;color:rgb(103 232 249/var(--tw-text-opacity,1))}.text-cyan-400{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}.text-cyan-500{--tw-text-opacity:1;color:rgb(6 182 212/var(--tw-text-opacity,1))}.text-cyan-600{--tw-text-opacity:1;color:rgb(8 145 178/var(--tw-text-opacity,1))}.text-cyan-700{--tw-text-opacity:1;color:rgb(14 116 144/var(--tw-text-opacity,1))}.text-cyan-800{--tw-text-opacity:1;color:rgb(21 94 117/var(--tw-text-opacity,1))}.text-cyan-900{--tw-text-opacity:1;color:rgb(22 78 99/var(--tw-text-opacity,1))}.text-cyan-950{--tw-text-opacity:1;color:rgb(8 51 68/var(--tw-text-opacity,1))}.text-cyanBrand{--tw-text-opacity:1;color:rgb(22 185 242/var(--tw-text-opacity,1))}.text-cyanBrand\/80{color:rgba(3,168,127,.8)}.text-emerald-300{--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.text-emerald-900{--tw-text-opacity:1;color:rgb(6 78 59/var(--tw-text-opacity,1))}.text-emerald-950{--tw-text-opacity:1;color:rgb(2 44 34/var(--tw-text-opacity,1))}.text-fuchsia-400{--tw-text-opacity:1;color:rgb(232 121 249/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity,1))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-pink-300{--tw-text-opacity:1;color:rgb(249 168 212/var(--tw-text-opacity,1))}.text-pink-400{--tw-text-opacity:1;color:rgb(244 114 182/var(--tw-text-opacity,1))}.text-pink-800{--tw-text-opacity:1;color:rgb(157 23 77/var(--tw-text-opacity,1))}.text-pinkBrand{--tw-text-opacity:1;color:rgb(234 8 141/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/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-rose-400{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity,1))}.text-rose-500{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.text-rose-700{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.text-rose-800{--tw-text-opacity:1;color:rgb(159 18 57/var(--tw-text-opacity,1))}.text-sky-400{--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity,1))}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-slate-950{--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity,1))}.text-teal-400{--tw-text-opacity:1;color:rgb(45 212 191/var(--tw-text-opacity,1))}.text-violet-400{--tw-text-opacity:1;color:rgb(167 139 250/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-slate-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184/var(--tw-placeholder-opacity,1))}.placeholder-slate-400::placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184/var(--tw-placeholder-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{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 rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-\[0_0_10px_rgba\(139\2c 92\2c 246\2c 0\.5\)\]{--tw-shadow:0 0 10px rgba(139,92,246,.5);--tw-shadow-colored:0 0 10px 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-\[0_0_10px_rgba\(14\2c 165\2c 233\2c 0\.5\)\]{--tw-shadow:0 0 10px rgba(14,165,233,.5);--tw-shadow-colored:0 0 10px 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-\[0_0_10px_rgba\(16\2c 185\2c 129\2c 0\.5\)\]{--tw-shadow:0 0 10px rgba(16,185,129,.5);--tw-shadow-colored:0 0 10px 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-\[0_0_10px_rgba\(168\2c 85\2c 247\2c 0\.5\)\]{--tw-shadow:0 0 10px rgba(168,85,247,.5);--tw-shadow-colored:0 0 10px 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-\[0_0_10px_rgba\(20\2c 184\2c 166\2c 0\.5\)\]{--tw-shadow:0 0 10px rgba(20,184,166,.5);--tw-shadow-colored:0 0 10px 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-\[0_0_10px_rgba\(217\2c 70\2c 239\2c 0\.5\)\]{--tw-shadow:0 0 10px rgba(217,70,239,.5);--tw-shadow-colored:0 0 10px 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-\[0_0_10px_rgba\(22\2c 185\2c 242\2c 0\.4\)\]{--tw-shadow:0 0 10px rgba(3,168,127,.4);--tw-shadow-colored:0 0 10px 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-\[0_0_10px_rgba\(22\2c 185\2c 242\2c 0\.5\)\]{--tw-shadow:0 0 10px rgba(3,168,127,.5);--tw-shadow-colored:0 0 10px 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-\[0_0_10px_rgba\(234\2c 179\2c 8\2c 0\.5\)\]{--tw-shadow:0 0 10px rgba(234,179,8,.5);--tw-shadow-colored:0 0 10px 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-\[0_0_10px_rgba\(234\2c 8\2c 141\2c 0\.5\)\]{--tw-shadow:0 0 10px rgba(3,168,127,.5);--tw-shadow-colored:0 0 10px 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-\[0_0_10px_rgba\(244\2c 63\2c 94\2c 0\.5\)\]{--tw-shadow:0 0 10px rgba(244,63,94,.5);--tw-shadow-colored:0 0 10px 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-\[0_0_10px_rgba\(245\2c 158\2c 11\2c 0\.5\)\]{--tw-shadow:0 0 10px rgba(245,158,11,.5);--tw-shadow-colored:0 0 10px 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-\[0_0_10px_rgba\(37\2c 99\2c 235\2c 0\.5\)\]{--tw-shadow:0 0 10px rgba(37,99,235,.5);--tw-shadow-colored:0 0 10px 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-\[0_0_10px_rgba\(59\2c 130\2c 246\2c 0\.5\)\]{--tw-shadow:0 0 10px rgba(59,130,246,.5);--tw-shadow-colored:0 0 10px 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-\[0_0_10px_rgba\(99\2c 102\2c 241\2c 0\.5\)\]{--tw-shadow:0 0 10px rgba(99,102,241,.5);--tw-shadow-colored:0 0 10px 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-\[0_0_8px_\#10b981\]{--tw-shadow:0 0 8px #10b981;--tw-shadow-colored:0 0 8px var(--tw-shadow-color)}.shadow-\[0_0_8px_\#10b981\],.shadow-\[0_0_8px_\#03a87f\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_\#03a87f\]{--tw-shadow:0 0 8px #03a87f;--tw-shadow-colored:0 0 8px var(--tw-shadow-color)}.shadow-\[0_0_8px_\#3b82f6\]{--tw-shadow:0 0 8px #3b82f6;--tw-shadow-colored:0 0 8px var(--tw-shadow-color)}.shadow-\[0_0_8px_\#3b82f6\],.shadow-\[0_0_8px_\#03a87f\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_\#03a87f\]{--tw-shadow:0 0 8px #03a87f;--tw-shadow-colored:0 0 8px var(--tw-shadow-color)}.shadow-\[0_0_8px_\#f43f5e\]{--tw-shadow:0 0 8px #f43f5e;--tw-shadow-colored:0 0 8px var(--tw-shadow-color)}.shadow-\[0_0_8px_\#f43f5e\],.shadow-\[0_0_8px_rgba\(148\2c 163\2c 184\2c 0\.5\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(148\2c 163\2c 184\2c 0\.5\)\]{--tw-shadow:0 0 8px rgba(148,163,184,.5);--tw-shadow-colored:0 0 8px var(--tw-shadow-color)}.shadow-\[0px_0px_1px_0px_rgba\(0\2c 0\2c 0\2c 0\.03\)\2c 0px_1px_2px_0px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]{--tw-shadow:0px 0px 1px 0px rgba(0,0,0,.03),0px 1px 2px 0px rgba(0,0,0,.06);--tw-shadow-colored:0px 0px 1px 0px var(--tw-shadow-color),0px 1px 2px 0px 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-\[inset_0px_0px_0px_1px_rgba\(26\2c 26\2c 0\2c 0\.16\)\]{--tw-shadow:inset 0px 0px 0px 1px rgba(26,26,0,.16);--tw-shadow-colored:inset 0px 0px 0px 1px var(--tw-shadow-color)}.shadow-\[inset_0px_0px_0px_1px_rgba\(26\2c 26\2c 0\2c 0\.16\)\],.shadow-inner{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{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 rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.shadow-cyan-200{--tw-shadow-color:#a5f3fc;--tw-shadow:var(--tw-shadow-colored)}.shadow-cyan-500\/10{--tw-shadow-color:rgba(6,182,212,.1);--tw-shadow:var(--tw-shadow-colored)}.shadow-cyan-500\/20{--tw-shadow-color:rgba(6,182,212,.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-cyanBrand\/25{--tw-shadow-color:rgba(3,168,127,.25);--tw-shadow:var(--tw-shadow-colored)}.shadow-cyanBrand\/30{--tw-shadow-color:rgba(3,168,127,.3);--tw-shadow:var(--tw-shadow-colored)}.shadow-pinkBrand\/20{--tw-shadow-color:rgba(3,168,127,.2);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-2{--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)}.ring-2,.ring-4{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-4{--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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-\[\#070c18\]{--tw-ring-opacity:1;--tw-ring-color:rgb(7 12 24/var(--tw-ring-opacity,1))}.ring-cyanBrand{--tw-ring-opacity:1;--tw-ring-color:rgb(22 185 242/var(--tw-ring-opacity,1))}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.blur-3xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur:blur(64px)}.blur-md{--tw-blur:blur(12px)}.blur-md,.blur-xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-xl{--tw-blur:blur(24px)}.brightness-110{--tw-brightness:brightness(1.1)}.brightness-110,.drop-shadow-2xl{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)}.drop-shadow-2xl{--tw-drop-shadow:drop-shadow(0 25px 25px rgba(0,0,0,.15))}.drop-shadow-\[0_15px_25px_rgba\(0\2c 0\2c 0\2c 0\.6\)\]{--tw-drop-shadow:drop-shadow(0 15px 25px rgba(0,0,0,.6))}.drop-shadow-\[0_15px_25px_rgba\(0\2c 0\2c 0\2c 0\.6\)\],.drop-shadow-lg{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)}.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}.drop-shadow-md,.drop-shadow-xl{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)}.drop-shadow-xl{--tw-drop-shadow:drop-shadow(0 20px 13px rgba(0,0,0,.03)) drop-shadow(0 8px 5px rgba(0,0,0,.08))}.grayscale{--tw-grayscale:grayscale(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)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-md{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-filter{-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-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-300{transition-delay:.3s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.file\:mr-3::file-selector-button{margin-right:.75rem}.file\:rounded-xl::file-selector-button{border-radius:.75rem}.file\:border-0::file-selector-button{border-width:0}.file\:bg-pinkBrand::file-selector-button{--tw-bg-opacity:1;background-color:rgb(234 8 141/var(--tw-bg-opacity,1))}.file\:px-3\.5::file-selector-button{padding-left:.875rem;padding-right:.875rem}.file\:py-2::file-selector-button{padding-bottom:.5rem;padding-top:.5rem}.file\:text-xs::file-selector-button{font-size:.75rem;line-height:1rem}.file\:font-extrabold::file-selector-button{font-weight:800}.file\:text-white::file-selector-button{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:bottom-0:before{bottom:0;content:var(--tw-content)}.before\:bottom-1\/2:before{bottom:50%;content:var(--tw-content)}.before\:bottom-2:before{bottom:.5rem;content:var(--tw-content)}.before\:left-3:before{content:var(--tw-content);left:.75rem}.before\:left-\[0\.4rem\]:before{content:var(--tw-content);left:.4rem}.before\:top-0:before{content:var(--tw-content);top:0}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:top-2:before{content:var(--tw-content);top:.5rem}.before\:w-0\.5:before{content:var(--tw-content);width:.125rem}.before\:border-l:before{border-left-width:1px;content:var(--tw-content)}.before\:border-\[\#e3e3e0\]:before{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(227 227 224/var(--tw-border-opacity,1))}.before\:bg-slate-200:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:h-4:after{content:var(--tw-content);height:1rem}.after\:w-4:after{content:var(--tw-content);width:1rem}.after\:rounded-full:after{border-radius:9999px;content:var(--tw-content)}.after\:border:after{border-width:1px;content:var(--tw-content)}.after\:border-slate-300:after{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.after\:transition-all:after{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.last\:border-0:last-child{border-width:0}.odd\:bg-white:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.even\:bg-slate-50\/60:nth-child(2n){background-color:rgba(248,250,252,.6)}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-105:hover,.hover\:scale-110:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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}.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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[\#19140035\]:hover{border-color:#19140035}.hover\:border-\[\#1915014a\]:hover{border-color:#1915014a}.hover\:border-amber-500:hover{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.hover\:border-black:hover{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}.hover\:border-cyan-400:hover{--tw-border-opacity:1;border-color:rgb(34 211 238/var(--tw-border-opacity,1))}.hover\:border-cyanBrand:hover{--tw-border-opacity:1;border-color:rgb(22 185 242/var(--tw-border-opacity,1))}.hover\:border-cyanBrand\/30:hover{border-color:rgba(3,168,127,.3)}.hover\:border-cyanBrand\/40:hover{border-color:rgba(3,168,127,.4)}.hover\:border-emerald-500:hover{--tw-border-opacity:1;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.hover\:border-pinkBrand:hover{--tw-border-opacity:1;border-color:rgb(234 8 141/var(--tw-border-opacity,1))}.hover\:border-red-300:hover{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.hover\:border-slate-300:hover{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.hover\:border-slate-400:hover{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity,1))}.hover\:bg-amber-100:hover{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.hover\:bg-amber-700:hover{--tw-bg-opacity:1;background-color:rgb(180 83 9/var(--tw-bg-opacity,1))}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.hover\:bg-cyan-100:hover{--tw-bg-opacity:1;background-color:rgb(207 250 254/var(--tw-bg-opacity,1))}.hover\:bg-cyan-100\/80:hover{background-color:rgba(207,250,254,.8)}.hover\:bg-cyan-400:hover{--tw-bg-opacity:1;background-color:rgb(34 211 238/var(--tw-bg-opacity,1))}.hover\:bg-cyan-50:hover{--tw-bg-opacity:1;background-color:rgb(236 254 255/var(--tw-bg-opacity,1))}.hover\:bg-cyan-50\/30:hover{background-color:rgba(236,254,255,.3)}.hover\:bg-cyan-50\/50:hover{background-color:rgba(236,254,255,.5)}.hover\:bg-cyan-600:hover{--tw-bg-opacity:1;background-color:rgb(8 145 178/var(--tw-bg-opacity,1))}.hover\:bg-cyanBrand\/10:hover{background-color:rgba(3,168,127,.1)}.hover\:bg-cyanBrand\/20:hover{background-color:rgba(3,168,127,.2)}.hover\:bg-cyanBrand\/90:hover{background-color:rgba(3,168,127,.9)}.hover\:bg-emerald-100\/80:hover{background-color:rgba(209,250,229,.8)}.hover\:bg-emerald-500:hover{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.hover\:bg-emerald-600:hover{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.hover\:bg-emerald-700:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87/var(--tw-bg-opacity,1))}.hover\:bg-pink-100:hover{--tw-bg-opacity:1;background-color:rgb(252 231 243/var(--tw-bg-opacity,1))}.hover\:bg-pink-50:hover{--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity,1))}.hover\:bg-pink-50\/40:hover{background-color:rgba(253,242,248,.4)}.hover\:bg-pinkBrand\/20:hover{background-color:rgba(3,168,127,.2)}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:bg-rose-100:hover{--tw-bg-opacity:1;background-color:rgb(255 228 230/var(--tw-bg-opacity,1))}.hover\:bg-rose-100\/80:hover{background-color:rgba(255,228,230,.8)}.hover\:bg-rose-50:hover{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.hover\:bg-rose-500:hover{--tw-bg-opacity:1;background-color:rgb(244 63 94/var(--tw-bg-opacity,1))}.hover\:bg-rose-700:hover{--tw-bg-opacity:1;background-color:rgb(190 18 60/var(--tw-bg-opacity,1))}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.hover\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:bg-slate-50\/50:hover{background-color:rgba(248,250,252,.5)}.hover\:bg-slate-50\/60:hover{background-color:rgba(248,250,252,.6)}.hover\:bg-slate-50\/70:hover{background-color:rgba(248,250,252,.7)}.hover\:bg-slate-50\/80:hover{background-color:rgba(248,250,252,.8)}.hover\:bg-slate-700:hover{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.hover\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-white\/20:hover{background-color:hsla(0,0%,100%,.2)}.hover\:bg-white\/\[0\.07\]:hover{background-color:hsla(0,0%,100%,.07)}.hover\:text-amber-700:hover{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.hover\:text-cyanBrand:hover{--tw-text-opacity:1;color:rgb(22 185 242/var(--tw-text-opacity,1))}.hover\:text-emerald-500:hover{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.hover\:text-emerald-700:hover{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.hover\:text-pinkBrand:hover{--tw-text-opacity:1;color:rgb(234 8 141/var(--tw-text-opacity,1))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.hover\:text-rose-500:hover{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.hover\:text-rose-600:hover{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.hover\:text-rose-700:hover{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.hover\:text-slate-600:hover{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.hover\:text-slate-800:hover{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.hover\:text-slate-900:hover{--tw-text-opacity:1;color:rgb(15 23 42/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\:opacity-90:hover{opacity:.9}.hover\:opacity-95:hover{opacity:.95}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.hover\:shadow-2xl:hover,.hover\:shadow-md:hover{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 rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 rgba(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)}.hover\:shadow-cyan-500\/25:hover{--tw-shadow-color:rgba(6,182,212,.25);--tw-shadow:var(--tw-shadow-colored)}.hover\:file\:bg-rose-600::file-selector-button:hover{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity,1))}.focus\:border-cyanBrand:focus{--tw-border-opacity:1;border-color:rgb(22 185 242/var(--tw-border-opacity,1))}.focus\:border-pinkBrand:focus{--tw-border-opacity:1;border-color:rgb(234 8 141/var(--tw-border-opacity,1))}.focus\:bg-white:focus{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.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-cyan-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(6 182 212/var(--tw-ring-opacity,1))}.focus\:ring-cyanBrand:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(22 185 242/var(--tw-ring-opacity,1))}.focus\:ring-cyanBrand\/20:focus{--tw-ring-color:rgba(3,168,127,.2)}.focus\:ring-emerald-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(16 185 129/var(--tw-ring-opacity,1))}.focus\:ring-pinkBrand:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(234 8 141/var(--tw-ring-opacity,1))}.focus\:ring-slate-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(100 116 139/var(--tw-ring-opacity,1))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-105,.group:hover .group-hover\:scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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}.group:hover .group-hover\:border-cyanBrand\/50{border-color:rgba(3,168,127,.5)}.group:hover .group-hover\:bg-cyan-500{--tw-bg-opacity:1;background-color:rgb(6 182 212/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-cyanBrand{--tw-bg-opacity:1;background-color:rgb(22 185 242/var(--tw-bg-opacity,1))}.group:hover .group-hover\:from-cyanBrand{--tw-gradient-from:#03a87f var(--tw-gradient-from-position);--tw-gradient-to:rgba(3,168,127,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.group:hover .group-hover\:from-pinkBrand{--tw-gradient-from:#03a87f var(--tw-gradient-from-position);--tw-gradient-to:rgba(3,168,127,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.group:hover .group-hover\:to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.group:hover .group-hover\:to-rose-600{--tw-gradient-to:#e11d48 var(--tw-gradient-to-position)}.group:hover .group-hover\:text-cyanBrand{--tw-text-opacity:1;color:rgb(22 185 242/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-slate-950{--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100,.group\/thumb:hover .group-hover\/thumb\:opacity-100{opacity:1}.group:hover .group-hover\:shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(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)}.peer:checked~.peer-checked\:bg-cyanBrand{--tw-bg-opacity:1;background-color:rgb(22 185 242/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\:after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:after\:border-white:after{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.peer:focus~.peer-focus\:outline-none{outline:2px solid transparent;outline-offset:2px}@media (min-width:640px){.sm\:-left-8{left:-2rem}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:col-span-4{grid-column:span 4/span 4}.sm\:col-span-5{grid-column:span 5/span 5}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:h-12{height:3rem}.sm\:w-1\/4{width:25%}.sm\:w-64{width:16rem}.sm\:w-72{width:18rem}.sm\:w-auto{width:auto}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2{gap:.5rem}.sm\:self-auto{align-self:auto}.sm\:p-10{padding:2.5rem}.sm\:p-12{padding:3rem}.sm\:p-14{padding:3.5rem}.sm\:p-16{padding:4rem}.sm\:p-5{padding:1.25rem}.sm\:p-7{padding:1.75rem}.sm\:p-8{padding:2rem}.sm\:py-0{padding-bottom:0;padding-top:0}.sm\:pl-8{padding-left:2rem}.sm\:text-left{text-align:left}.sm\:text-right{text-align:right}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:hidden{display:none}.md\:h-12{height:3rem}.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-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:p-10{padding:2.5rem}.md\:p-12{padding:3rem}.md\:p-8{padding:2rem}.md\:py-12{padding-bottom:3rem;padding-top:3rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width:1024px){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:-ml-px{margin-left:-1px}.lg\:-mt-\[6\.6rem\]{margin-top:-6.6rem}.lg\:mb-0{margin-bottom:0}.lg\:mb-6{margin-bottom:1.5rem}.lg\:ml-0{margin-left:0}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:aspect-auto{aspect-ratio:auto}.lg\:w-\[438px\]{width:438px}.lg\:max-w-4xl{max-width:56rem}.lg\:max-w-xl{max-width:36rem}.lg\:grow{flex-grow:1}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.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\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:justify-center{justify-content:center}.lg\:rounded-r-lg{border-bottom-right-radius:.5rem;border-top-right-radius:.5rem}.lg\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.lg\:rounded-br-none{border-bottom-right-radius:0}.lg\:rounded-tl-lg{border-top-left-radius:.5rem}.lg\:p-16{padding:4rem}.lg\:p-20{padding:5rem}.lg\:p-8{padding:2rem}.lg\:text-5xl{font-size:3rem;line-height:1}}@media (prefers-color-scheme:dark){.dark\:block{display:block}.dark\:inline{display:inline}.dark\:hidden{display:none}.dark\:divide-slate-800>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(30 41 59/var(--tw-divide-opacity,1))}.dark\:divide-slate-800\/60>:not([hidden])~:not([hidden]){border-color:rgba(30,41,59,.6)}.dark\:border-\[\#3E3E3A\]{--tw-border-opacity:1;border-color:rgb(62 62 58/var(--tw-border-opacity,1))}.dark\:border-\[\#eeeeec\]{--tw-border-opacity:1;border-color:rgb(238 238 236/var(--tw-border-opacity,1))}.dark\:border-amber-800{--tw-border-opacity:1;border-color:rgb(146 64 14/var(--tw-border-opacity,1))}.dark\:border-amber-800\/60{border-color:rgba(146,64,14,.6)}.dark\:border-amber-800\/80{border-color:rgba(146,64,14,.8)}.dark\:border-cyan-800{--tw-border-opacity:1;border-color:rgb(21 94 117/var(--tw-border-opacity,1))}.dark\:border-cyan-800\/80{border-color:rgba(21,94,117,.8)}.dark\:border-cyan-900{--tw-border-opacity:1;border-color:rgb(22 78 99/var(--tw-border-opacity,1))}.dark\:border-emerald-800{--tw-border-opacity:1;border-color:rgb(6 95 70/var(--tw-border-opacity,1))}.dark\:border-emerald-800\/60{border-color:rgba(6,95,70,.6)}.dark\:border-indigo-800{--tw-border-opacity:1;border-color:rgb(55 48 163/var(--tw-border-opacity,1))}.dark\:border-pink-800{--tw-border-opacity:1;border-color:rgb(157 23 77/var(--tw-border-opacity,1))}.dark\:border-rose-800{--tw-border-opacity:1;border-color:rgb(159 18 57/var(--tw-border-opacity,1))}.dark\:border-rose-800\/60{border-color:rgba(159,18,57,.6)}.dark\:border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.dark\:border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.dark\:border-slate-700\/60{border-color:rgba(51,65,85,.6)}.dark\:border-slate-700\/80{border-color:rgba(51,65,85,.8)}.dark\:border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.dark\:border-slate-800\/50{border-color:rgba(30,41,59,.5)}.dark\:border-slate-800\/60{border-color:rgba(30,41,59,.6)}.dark\:border-slate-800\/80{border-color:rgba(30,41,59,.8)}.dark\:bg-\[\#070c18\]{--tw-bg-opacity:1;background-color:rgb(7 12 24/var(--tw-bg-opacity,1))}.dark\:bg-\[\#080d1a\]{--tw-bg-opacity:1;background-color:rgb(8 13 26/var(--tw-bg-opacity,1))}.dark\:bg-\[\#090f1f\]{--tw-bg-opacity:1;background-color:rgb(9 15 31/var(--tw-bg-opacity,1))}.dark\:bg-\[\#0a0a0a\]{--tw-bg-opacity:1;background-color:rgb(10 10 10/var(--tw-bg-opacity,1))}.dark\:bg-\[\#0c1220\]{--tw-bg-opacity:1;background-color:rgb(12 18 32/var(--tw-bg-opacity,1))}.dark\:bg-\[\#0c1220\]\/70{background-color:rgba(12,18,32,.7)}.dark\:bg-\[\#161615\]{--tw-bg-opacity:1;background-color:rgb(22 22 21/var(--tw-bg-opacity,1))}.dark\:bg-\[\#1D0002\]{--tw-bg-opacity:1;background-color:rgb(29 0 2/var(--tw-bg-opacity,1))}.dark\:bg-\[\#3E3E3A\]{--tw-bg-opacity:1;background-color:rgb(62 62 58/var(--tw-bg-opacity,1))}.dark\:bg-\[\#eeeeec\]{--tw-bg-opacity:1;background-color:rgb(238 238 236/var(--tw-bg-opacity,1))}.dark\:bg-amber-950\/40{background-color:rgba(69,26,3,.4)}.dark\:bg-amber-950\/50{background-color:rgba(69,26,3,.5)}.dark\:bg-amber-950\/60{background-color:rgba(69,26,3,.6)}.dark\:bg-blue-950\/50{background-color:rgba(23,37,84,.5)}.dark\:bg-blue-950\/60{background-color:rgba(23,37,84,.6)}.dark\:bg-cyan-950\/20{background-color:rgba(8,51,68,.2)}.dark\:bg-cyan-950\/40{background-color:rgba(8,51,68,.4)}.dark\:bg-cyan-950\/50{background-color:rgba(8,51,68,.5)}.dark\:bg-cyan-950\/60{background-color:rgba(8,51,68,.6)}.dark\:bg-cyanBrand\/15{background-color:rgba(3,168,127,.15)}.dark\:bg-cyanBrand\/20{background-color:rgba(3,168,127,.2)}.dark\:bg-emerald-950\/40{background-color:rgba(2,44,34,.4)}.dark\:bg-emerald-950\/50{background-color:rgba(2,44,34,.5)}.dark\:bg-emerald-950\/60{background-color:rgba(2,44,34,.6)}.dark\:bg-indigo-950\/50{background-color:rgba(30,27,75,.5)}.dark\:bg-indigo-950\/60{background-color:rgba(30,27,75,.6)}.dark\:bg-pink-950\/50{background-color:rgba(80,7,36,.5)}.dark\:bg-pink-950\/60{background-color:rgba(80,7,36,.6)}.dark\:bg-rose-950\/40{background-color:rgba(76,5,25,.4)}.dark\:bg-rose-950\/50{background-color:rgba(76,5,25,.5)}.dark\:bg-rose-950\/60{background-color:rgba(76,5,25,.6)}.dark\:bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.dark\:bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.dark\:bg-slate-800\/40{background-color:rgba(30,41,59,.4)}.dark\:bg-slate-800\/50{background-color:rgba(30,41,59,.5)}.dark\:bg-slate-800\/60{background-color:rgba(30,41,59,.6)}.dark\:bg-slate-800\/70{background-color:rgba(30,41,59,.7)}.dark\:bg-slate-800\/80{background-color:rgba(30,41,59,.8)}.dark\:bg-slate-800\/90{background-color:rgba(30,41,59,.9)}.dark\:bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.dark\:bg-slate-900\/40{background-color:rgba(15,23,42,.4)}.dark\:bg-slate-900\/50{background-color:rgba(15,23,42,.5)}.dark\:bg-slate-900\/60{background-color:rgba(15,23,42,.6)}.dark\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.dark\:text-\[\#1C1C1A\]{--tw-text-opacity:1;color:rgb(28 28 26/var(--tw-text-opacity,1))}.dark\:text-\[\#A1A09A\]{--tw-text-opacity:1;color:rgb(161 160 154/var(--tw-text-opacity,1))}.dark\:text-\[\#EDEDEC\]{--tw-text-opacity:1;color:rgb(237 237 236/var(--tw-text-opacity,1))}.dark\:text-\[\#F61500\]{--tw-text-opacity:1;color:rgb(246 21 0/var(--tw-text-opacity,1))}.dark\:text-\[\#FF4433\]{--tw-text-opacity:1;color:rgb(255 68 51/var(--tw-text-opacity,1))}.dark\:text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.dark\:text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.dark\:text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.dark\:text-cyan-400{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}.dark\:text-emerald-300{--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.dark\:text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.dark\:text-rose-300{--tw-text-opacity:1;color:rgb(253 164 175/var(--tw-text-opacity,1))}.dark\:text-rose-400{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity,1))}.dark\:text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.dark\:text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.dark\:text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.dark\:text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.dark\:text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.dark\:text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.dark\:text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.dark\:text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:shadow-\[inset_0px_0px_0px_1px_\#fffaed2d\]{--tw-shadow:inset 0px 0px 0px 1px #fffaed2d;--tw-shadow-colored:inset 0px 0px 0px 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)}.dark\:ring-\[\#0c1220\]{--tw-ring-opacity:1;--tw-ring-color:rgb(12 18 32/var(--tw-ring-opacity,1))}.dark\:ring-slate-900{--tw-ring-opacity:1;--tw-ring-color:rgb(15 23 42/var(--tw-ring-opacity,1))}.dark\:before\:border-\[\#3E3E3A\]:before{content:var(--tw-content)}.dark\:before\:border-\[\#3E3E3A\]:before,.dark\:hover\:border-\[\#3E3E3A\]:hover{--tw-border-opacity:1;border-color:rgb(62 62 58/var(--tw-border-opacity,1))}.dark\:hover\:border-\[\#62605b\]:hover{--tw-border-opacity:1;border-color:rgb(98 96 91/var(--tw-border-opacity,1))}.dark\:hover\:border-cyanBrand:hover{--tw-border-opacity:1;border-color:rgb(22 185 242/var(--tw-border-opacity,1))}.dark\:hover\:border-white:hover{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.dark\:hover\:bg-cyanBrand\/20:hover{background-color:rgba(3,168,127,.2)}.dark\:hover\:bg-red-950\/40:hover{background-color:rgba(69,10,10,.4)}.dark\:hover\:bg-rose-950\/50:hover{background-color:rgba(76,5,25,.5)}.dark\:hover\:bg-slate-700:hover{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.dark\:hover\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.dark\:hover\:bg-slate-800\/30:hover{background-color:rgba(30,41,59,.3)}.dark\:hover\:bg-slate-800\/40:hover{background-color:rgba(30,41,59,.4)}.dark\:hover\:bg-slate-800\/50:hover{background-color:rgba(30,41,59,.5)}.dark\:hover\:bg-slate-800\/60:hover{background-color:rgba(30,41,59,.6)}.dark\:hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.dark\:hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}@media print{.print\:hidden{display:none}.print\:border-2{border-width:2px}.print\:border-none{border-style:none}.print\:border-cyan-700{--tw-border-opacity:1;border-color:rgb(14 116 144/var(--tw-border-opacity,1))}.print\:border-emerald-600{--tw-border-opacity:1;border-color:rgb(5 150 105/var(--tw-border-opacity,1))}.print\:border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.print\:border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.print\:bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.print\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.print\:p-0{padding:0}.print\:p-8{padding:2rem}.print\:py-0{padding-bottom:0;padding-top:0}.print\:text-cyan-700{--tw-text-opacity:1;color:rgb(14 116 144/var(--tw-text-opacity,1))}.print\:text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.print\:text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.print\:text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.print\:text-slate-950{--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity,1))}.print\:shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}
@font-face{font-family:'Inter Fallback';src:local('-apple-system'),local('BlinkMacSystemFont'),local('Segoe UI'),local('Roboto'),local('Helvetica Neue'),local('Arial');ascent-override:90%;descent-override:22.5%;line-gap-override:0%;size-adjust:107.5%;}:root{--primary-cyan:#03a87f;--primary-cyan-hover:#028e6b;--secondary-pink:#e86d4b;--secondary-pink-hover:#fa633e;--brand-coral:#e86d4b;--brand-coral-hover:#fa633e;--brand-gray:#606060;--dark-heading:#0f172a;--dark-surface:#1e293b;--light-bg:#f8fafc;--border-color:#e2e8f0;--text-muted:#606060;--font-main:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","SF Pro","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 10px 25px -5px rgba(0,0,0,0.1);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;}*{margin:0;padding:0;box-sizing:border-box;}html{font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","cv11","tnum";}body{font-family:var(--font-main);background-color:var(--light-bg);color:var(--dark-heading);line-height:1.5;letter-spacing:-0.012em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}h1,h2,h3,h4,h5,h6{font-family:var(--font-main);letter-spacing:-0.028em;font-weight:700;}h1{letter-spacing:-0.038em;font-weight:800;}h2{letter-spacing:-0.032em;font-weight:800;}.font-mono,code,pre,.mono-code,[class*="font-mono"]{font-family:var(--font-mono) !important;font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;}a{color:inherit;text-decoration:none;}.site-container{max-width:1280px;margin:0 auto;padding:0 16px;}.announcement-bar{background:linear-gradient(90deg,#0f172a 0%,#1e293b 100%);color:#ffffff;font-size:0.85rem;font-weight:500;padding:8px 0;text-align:center;border-bottom:2px solid var(--primary-cyan);}.announcement-bar strong{color:var(--primary-cyan);}.navbar-sticky{position:sticky;top:16px;z-index:1000;background:transparent;padding:0 16px;margin:16px 0 24px 0;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);}.navbar-boxed-card{max-width:1280px;margin:0 auto;background-color:rgba(255,255,255,0.88);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-radius:24px;border:1px solid rgba(226,232,240,0.85);box-shadow:0 16px 40px -12px rgba(15,23,42,0.08);padding:0 32px;position:relative;transition:all 0.35s cubic-bezier(0.16,1,0.3,1);}.navbar-boxed-card.is-scrolled{background-color:rgba(255,255,255,0.94);backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);box-shadow:0 22px 50px -10px rgba(15,23,42,0.16),0 0 0 1px rgba(3,168,127,0.2);border-color:rgba(3,168,127,0.3);transform:translateY(-2px) scale(0.988);}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:68px;gap:20px;flex-wrap:nowrap;white-space:nowrap;transition:height 0.35s ease;}.navbar-boxed-card.is-scrolled .navbar-inner{height:60px;}.brand-logo-link{display:flex;align-items:center;flex-shrink:0;transition:transform 0.25s ease;}.brand-logo-link img,.brand-logo img { max-height: 24px; height: 22px; width: auto; object-fit: contain; }.brand-logo-link:hover{transform:scale(1.02);}.nav-menu-desktop{display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;}.nav-list{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0;flex-wrap:nowrap;white-space:nowrap;}.nav-item{position:static;flex-shrink:0;white-space:nowrap;}.nav-link{display:inline-flex;align-items:center;padding:8px 14px;font-size:0.88rem;font-weight:700;color:#1e293b;border-radius:30px;letter-spacing:-0.2px;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);text-decoration:none;white-space:nowrap;}.nav-link:hover,.nav-link.active{color:var(--primary-cyan);background:linear-gradient(135deg,rgba(3,168,127,0.1) 0%,rgba(2,132,199,0.04) 100%);transform:translateY(-1px);}.nav-badge-cyan{color:#028a67;background:rgba(3,168,127,0.1);border:1px solid rgba(3,168,127,0.25);}.nav-badge-cyan:hover{background:linear-gradient(135deg,#03a87f 0%,#028a67 100%);color:#ffffff !important;box-shadow:0 6px 16px -3px rgba(3,168,127,0.4);}.nav-badge-pink{color:#e86d4b;background:rgba(255,122,89,0.08);border:1px solid rgba(255,122,89,0.25);}.nav-badge-pink:hover{background:linear-gradient(135deg,#e86d4b 0%,#fa5252 100%);color:#ffffff !important;box-shadow:0 6px 16px -3px rgba(255,122,89,0.4);}.nav-dropdown-trigger{position:relative;}.nav-dropdown-trigger:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);}.nav-dropdown-menu{position:absolute;top:calc(100%+8px);right:0;min-width:250px;background:#ffffff;border-radius:20px;border:1px solid var(--border-color);box-shadow:0 20px 45px -10px rgba(15,23,42,0.15);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all 0.25s cubic-bezier(0.16,1,0.3,1);z-index:1000;display:flex;flex-direction:column;gap:4px;}.nav-dropdown-link{display:flex;align-items:center;gap:12px;padding:10px 12px;font-size:0.84rem;font-weight:700;color:#334155;border-radius:14px;transition:all 0.2s ease;text-decoration:none;}.nav-dropdown-link:hover{background:#f8fafc;color:var(--primary-cyan);transform:translateX(3px);}.mega-menu-trigger:hover .mega-dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}.mega-dropdown{position:absolute;top:calc(100%+8px);left:50%;transform:translateX(-50%) translateY(12px);width:calc(100% - 32px);max-width:1220px;background:#ffffff;border-radius:24px;border:1px solid var(--border-color);box-shadow:0 30px 60px -15px rgba(15,23,42,0.18);padding:32px;opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);z-index:1000;pointer-events:auto;white-space:normal;}.mega-dropdown-inner{display:grid;grid-template-columns:repeat(3,1fr) 260px;gap:32px;align-items:stretch;white-space:normal;}.mega-col-title{font-size:0.82rem;font-weight:800;text-transform:uppercase;letter-spacing:0.8px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid #f1f5f9;white-space:normal;}.mega-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;white-space:normal;}.mega-links a{font-size:0.86rem;font-weight:600;color:#475569;transition:all 0.2s ease;display:flex;align-items:center;white-space:normal;}.mega-links a:hover{color:var(--primary-cyan);transform:translateX(4px);}.mega-promo-card{background:radial-gradient(circle at top right,rgba(3,168,127,0.22) 0%,rgba(255,122,89,0.14) 50%,transparent 80%),#0f172a;border-radius:20px;border:1px solid rgba(255,255,255,0.1);padding:24px 20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 30px -8px rgba(15,23,42,0.4);position:relative;overflow:hidden;white-space:normal;}.mega-promo-content{display:flex;flex-direction:column;align-items:flex-start;white-space:normal;}.mega-promo-badge{display:inline-flex;align-items:center;background:linear-gradient(90deg,#e86d4b 0%,#fa5252 100%);color:#ffffff;font-size:0.68rem;font-weight:800;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:0.8px;margin-bottom:14px;box-shadow:0 4px 10px rgba(255,122,89,0.3);white-space:nowrap;}.mega-promo-title{font-size:1.05rem;font-weight:800;color:#ffffff;line-height:1.3;margin-bottom:8px;white-space:normal;word-wrap:break-word;}.mega-promo-subtext{font-size:0.78rem;color:#cbd5e1;font-weight:500;line-height:1.55;margin-bottom:18px;white-space:normal;word-wrap:break-word;}.mega-promo-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;background:linear-gradient(135deg,#03a87f 0%,#028a67 100%);color:#ffffff;font-size:0.82rem;font-weight:800;padding:10px 16px;border-radius:12px;text-decoration:none;box-shadow:0 6px 16px -3px rgba(3,168,127,0.4);transition:all 0.25s ease;}.mega-promo-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px -4px rgba(3,168,127,0.5);color:#ffffff !important;}.header-icon-actions{display:flex;align-items:center;gap:14px;}.nav-icon-button{width:44px;height:44px;border-radius:14px;background-color:#f8fafc;border:1px solid #e2e8f0;color:#0f172a;font-size:1.15rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);position:relative;text-decoration:none;}.nav-icon-button:hover,.nav-icon-button.active{background:linear-gradient(135deg,#03a87f 0%,#028a67 100%);color:#ffffff;border-color:transparent;box-shadow:0 10px 22px -4px rgba(3,168,127,0.45);transform:translateY(-2.5px) scale(1.04);}.badge-count{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#e86d4b 0%,#fa5252 100%);color:#ffffff;font-size:0.68rem;font-weight:900;width:20px;height:20px;border-radius:50%;border:2px solid #ffffff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(255,122,89,0.4);}.user-dropdown-menu{position:absolute;right:0;top:100%;margin-top:8px;width:200px;background:#ffffff;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 15px 35px -5px rgba(15,23,42,0.12);padding:8px;display:none;z-index:120;}.user-menu-relative:hover .user-dropdown-menu{display:block;}.dropdown-item{display:flex;align-items:center;padding:10px 12px;font-size:0.82rem;color:#334155;border-radius:10px;transition:background 0.2s ease;text-decoration:none;}.dropdown-item:hover{background-color:#f1f5f9;}.search-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,0.65);backdrop-filter:blur(10px);z-index:9999;display:none;align-items:flex-start;justify-content:center;padding-top:80px;opacity:0;transition:opacity 0.3s cubic-bezier(0.16,1,0.3,1);}.search-modal-overlay.active{display:flex;opacity:1;}.search-modal-box{background:#ffffff;width:100%;max-width:680px;border-radius:24px;box-shadow:0 25px 60px -15px rgba(0,0,0,0.3);overflow:hidden;border:1px solid rgba(255,255,255,0.2);transform:translateY(-20px);transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);}.search-modal-overlay.active .search-modal-box{transform:translateY(0);}.search-modal-header{display:flex;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);background-color:#ffffff;}.search-modal-header input{flex:1;border:none;outline:none;font-size:1.15rem;font-weight:600;color:var(--dark-heading);background:transparent;}.search-modal-close{background:#f1f5f9;border:none;width:36px;height:36px;border-radius:50%;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all 0.2s ease;}.search-modal-close:hover{background:#e2e8f0;color:#0f172a;}.search-modal-results{max-height:480px;overflow-y:auto;padding:12px;}.category-nav-item.highlight-nav a{color:var(--primary-cyan);}.category-nav-item.highlight-pink a{color:var(--secondary-pink);}.hero-slider-section{max-width:1280px;margin:16px auto 36px auto;border-radius:24px;overflow:hidden;position:relative;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border:1px solid var(--border-color);box-shadow:0 20px 40px -15px rgba(15,23,42,0.08);}.hero-slide{display:none;width:100%;--slide-accent:#03a87f;--slide-accent-dark:#028a67;--slide-accent-soft:rgba(3,168,127,0.14);--slide-on-accent:#ffffff;}.hero-slide.active{display:block;animation:fadeInSlide 0.5s cubic-bezier(0.16,1,0.3,1);}@keyframes fadeInSlide{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}.hero-slide-container{display:grid;grid-template-columns:1.1fr 0.9fr;align-items:center;gap:40px;padding:48px 56px;min-height:460px;}.hero-text-col{display:flex;flex-direction:column;align-items:flex-start;max-width:580px;}.hero-badge-pill{display:inline-flex;align-items:center;background:linear-gradient(90deg,#e86d4b 0%,#fa5252 100%);color:#ffffff;font-size:0.72rem;font-weight:800;padding:6px 14px;border-radius:30px;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px rgba(255,122,89,0.25);}.hero-main-heading{font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:900;line-height:1.15;color:var(--dark-heading);letter-spacing:-0.8px;margin-bottom:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}.hero-main-subtext{font-size:1.02rem;color:#475569;font-weight:500;line-height:1.55;margin-bottom:22px;}.hero-price-pill{display:inline-flex;align-items:center;gap:10px;background:var(--slide-accent-soft);border:1px solid color-mix(in srgb,var(--slide-accent) 35%,transparent);padding:8px 18px;border-radius:14px;margin-bottom:26px;}.hero-price-label{font-size:0.75rem;text-transform:uppercase;font-weight:700;color:#64748b;color:color-mix(in srgb,var(--slide-accent) 72%,#64748b);letter-spacing:0.04em;}.hero-price-amount{font-size:1.125rem;font-weight:800;color:var(--slide-accent);letter-spacing:-0.02em;}.hero-cta-group{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}.hero-cta-group .btn-primary{background:linear-gradient(135deg,var(--slide-accent) 0%,var(--slide-accent-dark) 100%);color:var(--slide-on-accent);border-radius:50px;padding:13.5px 32px;font-size:0.95rem;font-weight:800;letter-spacing:0.3px;box-shadow:0 10px 25px -5px color-mix(in srgb,var(--slide-accent) 42%,transparent);border:1px solid rgba(255,255,255,0.25);transition:all 0.3s cubic-bezier(0.16,1,0.3,1);}.hero-cta-group .btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 32px -6px color-mix(in srgb,var(--slide-accent) 52%,transparent);filter:brightness(1.06);}.hero-cta-group .btn-outline{background:color-mix(in srgb,var(--slide-accent) 8%,transparent);color:var(--slide-accent);border:1.5px solid color-mix(in srgb,var(--slide-accent) 45%,transparent);border-radius:50px;padding:13px 26px;font-size:0.88rem;font-weight:700;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);}.hero-cta-group .btn-outline:hover{background:var(--slide-accent);color:var(--slide-on-accent);border-color:var(--slide-accent);transform:translateY(-2px);box-shadow:0 10px 20px -5px color-mix(in srgb,var(--slide-accent) 35%,transparent);}.hero-slide.active .hero-badge-pill{animation:slideUpFade 0.6s cubic-bezier(0.16,1,0.3,1) 0.1s both;}.hero-slide.active .hero-main-heading{animation:slideUpFade 0.6s cubic-bezier(0.16,1,0.3,1) 0.2s both;}.hero-slide.active .hero-main-subtext{animation:slideUpFade 0.6s cubic-bezier(0.16,1,0.3,1) 0.3s both;}.hero-slide.active .hero-price-pill{animation:slideUpFade 0.6s cubic-bezier(0.16,1,0.3,1) 0.4s both;}.hero-slide.active .hero-cta-group{animation:slideUpFade 0.6s cubic-bezier(0.16,1,0.3,1) 0.5s both;}.hero-slide.active .hero-visual-col{animation:zoomFade 0.8s cubic-bezier(0.16,1,0.3,1) 0.2s both;}@keyframes slideUpFade{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:translateY(0);}}@keyframes zoomFade{from{opacity:0;transform:scale(0.9);}to{opacity:1;transform:scale(1);}}@keyframes ambientGlowPulse{0%,100%{transform:scale(1);opacity:0.8;}50%{transform:scale(1.1);opacity:1;}}.hero-visual-col{position:relative;width:100%;max-width:380px;aspect-ratio:1 / 1;margin:0 auto;display:flex;align-items:center;justify-content:center;}.hero-glow-backdrop{position:absolute;width:100%;height:100%;background:radial-gradient(circle,color-mix(in srgb,var(--slide-accent) 28%,transparent) 0%,color-mix(in srgb,var(--slide-accent) 8%,transparent) 50%,transparent 75%);border-radius:50%;z-index:1;animation:ambientGlowPulse 6s ease-in-out infinite;}.hero-image-box{position:relative;z-index:2;width:100%;height:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;padding:0;border-radius:24px;overflow:hidden;background:color-mix(in srgb,var(--slide-accent) 8%,#f8fafc);box-shadow:0 18px 36px -12px rgba(15,23,42,0.22);}.floating-hero-img{width:100%;height:100%;max-height:100%;max-width:100%;aspect-ratio:1 / 1;object-fit:contain;border-radius:24px;animation:floatHero 6s ease-in-out infinite;}@keyframes floatHero{0%,100%{transform:scale(1);}50%{transform:scale(1.03);}}.hero-feature-chip{position:absolute;z-index:3;background:rgba(255,255,255,0.92);backdrop-filter:blur(8px);border:1px solid var(--border-color);padding:8px 14px;border-radius:30px;font-size:0.78rem;font-weight:700;color:var(--dark-heading);box-shadow:0 8px 20px rgba(0,0,0,0.08);display:flex;align-items:center;gap:8px;}.chip-left{top:15%;left:-10px;}.chip-right{bottom:15%;right:-10px;}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;font-size:0.95rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all 0.3s ease;text-align:center;}.btn-primary{background-color:var(--primary-cyan);color:#ffffff;}.btn-primary:hover{background-color:var(--primary-cyan-hover);box-shadow:0 4px 12px rgba(3,168,127,0.35);transform:translateY(-1px);}.btn-secondary{background-color:var(--secondary-pink);color:#ffffff;}.btn-secondary:hover{background-color:var(--secondary-pink-hover);box-shadow:0 4px 12px rgba(255,122,89,0.35);transform:translateY(-1px);}.btn-dark{background-color:var(--dark-heading);color:#ffffff;}.btn-dark:hover{background-color:#1e293b;}.btn-outline{background:transparent;border:1.5px solid var(--primary-cyan);color:var(--primary-cyan);}.btn-outline:hover{background-color:var(--primary-cyan);color:#ffffff;}.btn-whatsapp{background-color:#25d366;color:#ffffff;font-weight:700;}.btn-whatsapp:hover{background-color:#1eb857;box-shadow:0 4px 12px rgba(37,211,102,0.35);}.slider-nav-container{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.85);backdrop-filter:blur(6px);padding:6px 14px;border-radius:20px;border:1px solid var(--border-color);box-shadow:0 4px 12px rgba(0,0,0,0.06);}.slider-dot{position:relative;width:10px;height:10px;border-radius:50%;background-color:#cbd5e1;border:none;cursor:pointer;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);padding:0;}.slider-dot::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;pointer-events:auto;}.slider-dot.active{background-color:var(--slide-accent,var(--primary-cyan));width:26px;border-radius:6px;}.quick-categories-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin:32px 0;}@media (max-width:1024px){.quick-categories-grid{grid-template-columns:repeat(3,1fr);gap:18px;}}@media (max-width:640px){.quick-categories-grid{grid-template-columns:repeat(3,1fr);gap:12px;}}.quick-cat-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);}.quick-cat-item:hover{transform:translateY(-6px);}.quick-cat-circle{width:110px;height:110px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(226,232,240,0.9);box-shadow:0 10px 25px -5px rgba(15,23,42,0.08);position:relative;transition:all 0.35s cubic-bezier(0.16,1,0.3,1);}.quick-cat-item:hover .quick-cat-circle{box-shadow:0 16px 35px -6px rgba(3,168,127,0.35);border-color:transparent;}.quick-cat-icon{font-size:2.2rem;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;}.quick-cat-item:hover .quick-cat-icon{transform:scale(1.12);}.quick-cat-label{margin-top:12px;font-size:0.88rem;font-weight:800;color:#0f172a;text-align:center;letter-spacing:-0.2px;transition:color 0.2s ease;}.quick-cat-item:hover .quick-cat-label{color:var(--primary-cyan);}.quick-cat-card h3{font-size:0.95rem;font-weight:700;color:var(--dark-heading);}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}.section-title{font-size:1.5rem;font-weight:800;color:var(--dark-heading);position:relative;}.section-title::after{content:'';display:block;width:40px;height:3px;background-color:var(--primary-cyan);margin-top:4px;border-radius:2px;}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;margin-bottom:48px;}@keyframes cardReveal{from{opacity:0;transform:translateY(22px) scale(0.97);}to{opacity:1;transform:translateY(0) scale(1);}}.product-card{background-color:#ffffff;border:1px solid rgba(226,232,240,0.9);border-radius:24px;overflow:hidden;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),box-shadow 0.4s cubic-bezier(0.16,1,0.3,1),border-color 0.3s ease;display:flex;flex-direction:column;position:relative;box-shadow:0 10px 30px -10px rgba(15,23,42,0.05);animation:cardReveal 0.65s cubic-bezier(0.16,1,0.3,1) both;}.products-grid .product-card:nth-child(1){animation-delay:0.04s;}.products-grid .product-card:nth-child(2){animation-delay:0.08s;}.products-grid .product-card:nth-child(3){animation-delay:0.12s;}.products-grid .product-card:nth-child(4){animation-delay:0.16s;}.products-grid .product-card:nth-child(5){animation-delay:0.20s;}.products-grid .product-card:nth-child(6){animation-delay:0.24s;}.products-grid .product-card:nth-child(7){animation-delay:0.28s;}.products-grid .product-card:nth-child(8){animation-delay:0.32s;}.product-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -12px rgba(15,23,42,0.14),0 0 0 1px rgba(3,168,127,0.3);border-color:rgba(3,168,127,0.4);}.product-badge{position:absolute;top:14px;left:14px;z-index:10;background:linear-gradient(135deg,#e86d4b 0%,#fa5252 100%);color:#ffffff;font-size:0.68rem;font-weight:800;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 4px 12px rgba(255,122,89,0.35);}.product-badge.brand-new{background:linear-gradient(135deg,#03a87f 0%,#028a67 100%);box-shadow:0 4px 12px rgba(3,168,127,0.35);}.product-image-wrap{width:100%;aspect-ratio:1 / 1;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#ffffff 0%,#f8fafc 100%);padding:24px;position:relative;border-bottom:1px solid #f1f5f9;}.product-image-wrap img{width:100%;height:100%;object-fit:contain;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),opacity 0.5s ease-out;filter:drop-shadow(0 8px 16px rgba(15,23,42,0.06));animation:imageFadeIn 0.6s cubic-bezier(0.16,1,0.3,1) both;}@keyframes imageFadeIn{from{opacity:0;transform:scale(0.93);}to{opacity:1;transform:scale(1);}}.product-card:hover .product-image-wrap img{transform:scale(1.08);}.product-info{padding:20px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;}.product-title{font-size:0.96rem;font-weight:800;color:#0f172a;margin-bottom:8px;line-height:1.35;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:100%;}.product-title a{color:#0f172a;text-decoration:none;transition:color 0.2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;}.product-title a:hover{color:var(--primary-cyan);}.product-price-block{margin-top:auto;display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:16px;text-align:center;}.current-price{font-size:1.18rem;font-weight:900;color:#0f172a;}.original-price{font-size:0.85rem;color:#94a3b8;text-decoration:line-through;font-weight:600;}.btn-sm-buy{display:inline-flex;align-items:center;justify-content:center;padding:8px 24px;font-size:0.84rem;font-weight:800;border-radius:30px;width:auto;min-width:110px;background:linear-gradient(135deg,#03a87f 0%,#028a67 100%);color:#ffffff;border:none;cursor:pointer;box-shadow:0 6px 18px -3px rgba(3,168,127,0.4);transition:all 0.25s cubic-bezier(0.16,1,0.3,1);margin:0 auto;text-decoration:none;}.btn-sm-buy:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 10px 22px -4px rgba(3,168,127,0.55);color:#ffffff !important;}.home-section{margin-top:40px;margin-bottom:40px;}.banner-cta-block{background:radial-gradient(circle at top right,rgba(255,122,89,0.22) 0%,rgba(3,168,127,0.15) 50%,transparent 80%),#0f172a;border-radius:24px;border:1px solid rgba(255,255,255,0.1);padding:44px 40px;color:#ffffff;margin-top:40px;margin-bottom:40px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden;box-shadow:0 20px 45px -12px rgba(15,23,42,0.14);}.banner-cta-block::after{content:'';position:absolute;right:-50px;bottom:-50px;width:250px;height:250px;background:rgba(3,168,127,0.1);border-radius:50%;}.banner-cta-content h2{font-size:1.85rem;font-weight:900;margin-bottom:8px;letter-spacing:-0.3px;}.banner-cta-content p{color:#cbd5e1;font-size:0.96rem;max-width:620px;line-height:1.55;}.showcase-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px;margin-bottom:40px;}@media (max-width:1024px){.showcase-cards-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:640px){.showcase-cards-grid{grid-template-columns:1fr;}}.showcase-card{position:relative;height:440px;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),box-shadow 0.4s cubic-bezier(0.16,1,0.3,1),border-color 0.3s ease;}.showcase-card.card-theme-dark{background-color:#000000;border:1px solid rgba(255,255,255,0.15);box-shadow:0 20px 45px -12px rgba(0,0,0,0.5);}.showcase-card.card-theme-dark .showcase-card-stage{background:#000000;}.showcase-card.card-theme-dark .showcase-card-title{color:#ffffff;}.showcase-card.card-theme-dark .showcase-card-subtitle{color:#cbd5e1;}.showcase-card.card-theme-dark .showcase-card-badge{background:rgba(3,168,127,0.18);color:#03a87f;border:1px solid rgba(3,168,127,0.35);}.showcase-card.card-theme-dark .showcase-card-btn{background:rgba(255,255,255,0.12);backdrop-filter:blur(8px);color:#ffffff;border:1px solid rgba(255,255,255,0.25);}.showcase-card.card-theme-white{background-color:#ffffff;border:1px solid rgba(226,232,240,0.95);box-shadow:0 16px 40px -12px rgba(15,23,42,0.08);}.showcase-card.card-theme-white .showcase-card-stage{background:radial-gradient(circle at 50% 30%,#ffffff 0%,#f8fafc 100%);}.showcase-card.card-theme-white .showcase-card-title{color:#0f172a;}.showcase-card.card-theme-white .showcase-card-subtitle{color:#64748b;}.showcase-card.card-theme-white .showcase-card-badge{background:#f0f9ff;color:#028a67;border:1px solid rgba(2,132,199,0.25);}.showcase-card.card-theme-white .showcase-card-btn{background:#0f172a;color:#ffffff;border:1px solid #0f172a;}.showcase-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -15px rgba(15,23,42,0.2),0 0 0 1px rgba(3,168,127,0.4);}.showcase-card-stage{position:absolute;inset:0;z-index:1;}.showcase-card-content{position:relative;z-index:10;padding:32px 28px 0 28px;max-width:88%;}.showcase-card-badge{display:inline-block;font-size:0.68rem;font-weight:800;text-transform:uppercase;letter-spacing:0.6px;padding:4px 12px;border-radius:20px;margin-bottom:10px;}.showcase-card-title{font-size:1.55rem;font-weight:900;margin-bottom:6px;line-height:1.25;letter-spacing:-0.3px;}.showcase-card-subtitle{font-size:0.85rem;font-weight:500;line-height:1.45;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.showcase-card-btn{display:inline-flex;align-items:center;gap:8px;font-size:0.78rem;font-weight:800;padding:8px 18px;border-radius:30px;text-decoration:none;transition:all 0.25s ease;}.showcase-card:hover .showcase-card-btn{background:linear-gradient(135deg,#03a87f 0%,#028a67 100%);border-color:transparent;color:#ffffff;box-shadow:0 6px 18px rgba(3,168,127,0.4);}.showcase-card-visual{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:88%;height:74%;z-index:5;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;}.showcase-card-visual img{width:100%;height:100%;object-fit:contain;object-position:bottom center;transition:transform 0.5s cubic-bezier(0.16,1,0.3,1);filter:drop-shadow(0 16px 24px rgba(15,23,42,0.25));}.showcase-card:hover .showcase-card-visual img{transform:scale(1.06) translateY(-4px);}.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:40px;margin-bottom:40px;background-color:#ffffff;border:1px solid rgba(226,232,240,0.9);border-radius:24px;padding:28px 32px;box-shadow:0 10px 30px -10px rgba(15,23,42,0.05);}.trust-item{display:flex;align-items:center;gap:14px;}.trust-icon{width:48px;height:48px;border-radius:12px;background:#f0f9ff;color:var(--primary-cyan);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;}.trust-text h4{font-size:0.9rem;font-weight:700;}.trust-text p{font-size:0.78rem;color:var(--text-muted);}.site-footer{background:transparent;padding:0 16px;margin-top:56px;margin-bottom:24px;}.footer-boxed-card{max-width:1280px;margin:0 auto;background-color:#ffffff;border-radius:24px;border:1px solid rgba(226,232,240,0.9);box-shadow:0 20px 50px -12px rgba(15,23,42,0.1);padding:48px 40px 24px 40px;position:relative;}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:36px;margin-bottom:40px;}@media (max-width:1024px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:32px;}}@media (max-width:640px){.footer-grid{grid-template-columns:1fr;gap:28px;}}.footer-desc{font-size:0.88rem;color:#64748b;line-height:1.6;}.footer-socials{display:flex;align-items:center;gap:10px;}.social-icon-btn{width:38px;height:38px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;color:#0f172a;font-size:1.05rem;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);}.social-icon-btn:hover{background:linear-gradient(135deg,#03a87f 0%,#028a67 100%);color:#ffffff;border-color:transparent;transform:translateY(-2px);box-shadow:0 6px 16px -3px rgba(3,168,127,0.4);}.social-icon-btn.whatsapp-btn:hover{background:linear-gradient(135deg,#25d366 0%,#16a34a 100%);box-shadow:0 6px 16px -3px rgba(37,211,102,0.4);}.footer-heading{color:#0f172a;font-size:1.02rem;font-weight:800;margin-bottom:20px;letter-spacing:-0.2px;}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;}.footer-links li a{font-size:0.88rem;font-weight:600;color:#475569;text-decoration:none;transition:all 0.2s ease;display:inline-flex;align-items:center;}.footer-links li a:hover{color:var(--primary-cyan);transform:translateX(3px);}.footer-contact-info{display:flex;flex-direction:column;gap:14px;}.contact-item{font-size:0.86rem;color:#475569;font-weight:500;display:flex;align-items:flex-start;gap:10px;line-height:1.45;}.contact-item i{font-size:1rem;margin-top:2px;flex-shrink:0;}.footer-bottom{border-top:1px solid #f1f5f9;padding-top:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;font-size:0.85rem;}.footer-copy{color:#64748b;}.footer-copy strong{color:#0f172a;}.footer-payments{display:flex;align-items:center;gap:14px;}.payment-label{font-size:0.75rem;font-weight:800;text-transform:uppercase;letter-spacing:0.5px;color:#94a3b8;}.mpesa-badge{display:inline-flex;align-items:center;gap:6px;background:#ecfdf5;color:#047857;border:1px solid rgba(16,185,129,0.3);padding:4px 12px;border-radius:20px;font-size:0.75rem;font-weight:800;}.pulse-dot{width:7px;height:7px;border-radius:50%;background-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,0.3);animation:mpesaPulse 2s infinite;}@keyframes mpesaPulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.3);opacity:0.7;}}.payment-icons{display:flex;align-items:center;gap:10px;font-size:1.5rem;}.cart-drawer-overlay{position:fixed;inset:0;background-color:rgba(15,23,42,0.6);z-index:1000;display:none;opacity:0;transition:opacity 0.3s ease;}.cart-drawer-overlay.open{display:block;opacity:1;}.cart-drawer{position:fixed;top:0;right:-420px;width:100%;max-width:420px;height:100%;background-color:#ffffff;z-index:1001;box-shadow:-5px 0 25px rgba(0,0,0,0.15);display:flex;flex-direction:column;transition:right 0.3s cubic-bezier(0.16,1,0.3,1);}.cart-drawer.open{right:0;}.cart-drawer-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;}.cart-drawer-header h3{font-size:1.1rem;font-weight:800;}.cart-drawer-close{background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--text-muted);}.cart-drawer-body{flex:1;overflow-y:auto;padding:20px;}.cart-item{display:flex;gap:12px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--border-color);}.cart-item img{width:70px;height:70px;object-fit:cover;border-radius:8px;background:#f8fafc;}.cart-item-info{flex:1;}.cart-item-title{font-size:0.9rem;font-weight:700;margin-bottom:4px;}.cart-item-meta{font-size:0.75rem;color:var(--text-muted);margin-bottom:6px;}.cart-item-price{font-weight:800;color:var(--dark-heading);font-size:0.95rem;}.cart-drawer-footer{padding:20px;border-top:1px solid var(--border-color);background-color:#f8fafc;}.cart-total-row{display:flex;align-items:center;justify-content:space-between;font-size:1.1rem;font-weight:800;margin-bottom:16px;}@keyframes pdpEntrance{0%{opacity:0;transform:translateY(24px) scale(0.98);}100%{opacity:1;transform:translateY(0) scale(1);}}@keyframes pdpImgSwap{0%{opacity:0.3;transform:scale(0.95);}100%{opacity:1;transform:scale(1);}}.pdp-main-card{animation:pdpEntrance 0.6s cubic-bezier(0.16,1,0.3,1) forwards;border-radius:28px;background:#ffffff;border:1px solid rgba(226,232,240,0.9);box-shadow:0 25px 60px -15px rgba(15,23,42,0.08);}.pdp-visual-stage{position:relative;border-radius:24px;background:#ffffff;border:1px solid #e2e8f0;overflow:hidden;transition:all 0.4s ease;display:flex;align-items:center;justify-content:center;}.pdp-visual-stage img{max-width:88%;max-height:88%;object-fit:contain;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),filter 0.3s ease;will-change:transform;}.pdp-visual-stage:hover img{transform:scale(1.03);}.pdp-visual-stage img.swapping{animation:pdpImgSwap 0.35s cubic-bezier(0.16,1,0.3,1) forwards;}.pdp-thumb-item{border-radius:16px;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);cursor:pointer;box-sizing:border-box;position:relative;}.pdp-thumb-item img{max-width:85%;max-height:85%;object-fit:contain;transition:transform 0.2s ease;}.pdp-thumb-item:hover{transform:translateY(-2px);border-color:#03a87f !important;box-shadow:0 4px 14px rgba(3,168,127,0.25);}.pdp-thumb-item:hover img{transform:scale(1.05);}.pdp-thumb-item.active-thumb{border-color:#03a87f !important;box-shadow:0 0 0 2px #03a87f,0 4px 14px rgba(3,168,127,0.25);}.pdp-price-box{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid rgba(226,232,240,0.9);border-radius:20px;padding:20px;transition:all 0.3s ease;}.pdp-description-content{font-size:0.9375rem;line-height:1.75;color:#334155;letter-spacing:-0.011em;font-weight:450;}.pdp-description-content h2{font-size:1.35rem;font-weight:800;color:#0f172a;margin-top:1.75rem;margin-bottom:0.75rem;letter-spacing:-0.03em;border-bottom:1px solid #f1f5f9;padding-bottom:0.5rem;}.pdp-description-content h3{font-size:1.15rem;font-weight:750;color:#0f172a;margin-top:1.5rem;margin-bottom:0.5rem;letter-spacing:-0.022em;}.pdp-description-content h4{font-size:1.0rem;font-weight:700;color:#1e293b;margin-top:1.25rem;margin-bottom:0.4rem;letter-spacing:-0.015em;}.pdp-description-content p{margin-bottom:1.1rem;line-height:1.75;color:#475569;}.pdp-description-content strong,.pdp-description-content b{color:#0f172a;font-weight:700;}.pdp-description-content ul{list-style:none;padding-left:0;margin-top:0.5rem;margin-bottom:1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px 16px;}.pdp-description-content ul li{position:relative;padding:8px 12px 8px 28px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;font-size:0.85rem;font-weight:500;color:#334155;line-height:1.5;}.pdp-description-content ul li::before{content:"✓";position:absolute;left:10px;top:8px;color:#03a87f;font-weight:900;font-size:0.8rem;}.pdp-description-content hr{border:none;border-top:1px solid #e2e8f0;margin:2rem 0;}.variant-option-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f1f5f9;}.variant-option-label{font-size:0.78rem;font-weight:800;text-transform:uppercase;letter-spacing:0.5px;color:#64748b;min-width:100px;flex-shrink:0;}.variant-selector-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border:1.5px solid #e2e8f0;border-radius:24px;font-size:0.78rem;font-weight:700;cursor:pointer;background-color:#ffffff;color:#334155;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);}.variant-selector-btn:hover{border-color:#03a87f;color:#03a87f;transform:translateY(-2px);box-shadow:0 6px 14px rgba(3,168,127,0.15);}.variant-selector-btn.active{border-color:#03a87f;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);color:#028a67;font-weight:800;box-shadow:0 0 0 1.5px #03a87f,0 6px 16px rgba(3,168,127,0.2);transform:scale(1.02);}.pdp-btn-buy{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#03a87f 0%,#028a67 100%);color:#ffffff;border:none;border-radius:30px;font-size:0.78rem;font-weight:800;padding:10px 24px;text-decoration:none;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);box-shadow:0 8px 20px rgba(3,168,127,0.3);cursor:pointer;}.pdp-btn-buy:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 12px 28px rgba(3,168,127,0.45);background:linear-gradient(135deg,#028a67 0%,#0369a1 100%);}.pdp-btn-cart{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#0f172a;color:#ffffff;border:none;border-radius:30px;font-size:0.78rem;font-weight:800;padding:10px 20px;text-decoration:none;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);box-shadow:0 6px 16px rgba(15,23,42,0.25);cursor:pointer;}.pdp-btn-cart:hover{transform:translateY(-2px) scale(1.04);background:#1e293b;box-shadow:0 10px 24px rgba(15,23,42,0.35);}.pdp-btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#25d366;color:#ffffff;border:none;border-radius:30px;font-size:0.78rem;font-weight:800;padding:10px 20px;text-decoration:none;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);box-shadow:0 6px 16px rgba(37,211,102,0.3);cursor:pointer;}.pdp-btn-whatsapp:hover{transform:translateY(-2px) scale(1.04);background:#1da851;box-shadow:0 10px 24px rgba(37,211,102,0.45);}.pdp-btn-tradein{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#ffffff;color:#e86d4b;border:1.5px solid #e86d4b;border-radius:30px;font-size:0.78rem;font-weight:800;padding:10px 20px;text-decoration:none;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);box-shadow:0 4px 12px rgba(255,122,89,0.12);cursor:pointer;}.pdp-btn-tradein:hover{transform:translateY(-2px) scale(1.04);background:#e86d4b;color:#ffffff;box-shadow:0 10px 24px rgba(255,122,89,0.35);}@media (max-width:768px){.header-wrapper{flex-wrap:wrap;}.search-box-wrapper{order:3;max-width:100%;width:100%;}.hero-title{font-size:1.8rem;}.products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));}.banner-cta-block{flex-direction:column;padding:24px;text-align:center;}}.floating-chat-widget{position:fixed;bottom:24px;right:24px;z-index:45;display:flex;flex-direction:column;align-items:flex-end;}.floating-chat-btn{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#ffffff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px -3px rgba(16,185,129,0.45),0 4px 10px rgba(0,0,0,0.1);cursor:pointer;border:2px solid rgba(255,255,255,0.9);transition:all 0.3s cubic-bezier(0.16,1,0.3,1);position:relative;}.floating-chat-btn:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 14px 30px -3px rgba(16,185,129,0.55);}.floating-chat-btn .pulse-badge{position:absolute;top:0;right:0;width:14px;height:14px;background:#e86d4b;border:2px solid #ffffff;border-radius:50%;}.floating-chat-modal{position:absolute;bottom:72px;right:0;width:330px;background:#ffffff;border:1px solid rgba(226,232,240,0.9);border-radius:24px;box-shadow:0 20px 40px -10px rgba(15,23,42,0.18);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(12px) scale(0.96);transform-origin:bottom right;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);pointer-events:none;}.floating-chat-modal.active{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto;}.floating-chat-header{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);padding:18px 20px;color:#ffffff;display:flex;align-items:center;justify-content:space-between;}.floating-chat-body{padding:16px;}.mobile-hamburger-btn{display:none !important;}@media (max-width:1024px){.nav-menu-desktop{display:none !important;}.mobile-hamburger-btn{display:inline-flex !important;}.navbar-boxed-card{padding:0 16px;border-radius:18px;}.navbar-inner{height:64px;gap:12px;}.header-icon-actions{gap:6px;}.nav-icon-button{width:36px;height:36px;font-size:0.95rem;}}.mobile-nav-drawer-overlay{position:fixed;inset:0;background:rgba(15,23,42,0.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1100;opacity:0;visibility:hidden;transition:all 0.35s cubic-bezier(0.16,1,0.3,1);}.mobile-nav-drawer-overlay.active{opacity:1;visibility:visible;}.mobile-nav-drawer-panel{position:absolute;top:0;right:0;bottom:0;width:88%;max-width:380px;background:#ffffff;box-shadow:-15px 0 40px rgba(0,0,0,0.2);display:flex;flex-direction:column;transform:translateX(100%);transition:transform 0.35s cubic-bezier(0.16,1,0.3,1);}.mobile-nav-drawer-overlay.active .mobile-nav-drawer-panel{transform:translateX(0);}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f1f5f9;}.mobile-drawer-close{width:36px;height:36px;border-radius:50%;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;}.mobile-drawer-close:hover{background:#fee2e2;color:#ef4444;}.mobile-drawer-content{flex:1;overflow-y:auto;padding:16px 20px;-webkit-overflow-scrolling:touch;}.mobile-nav-group{margin-bottom:20px;}.mobile-group-title{font-size:0.68rem;font-weight:900;text-transform:uppercase;letter-spacing:0.8px;color:#94a3b8;margin-bottom:8px;}.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:12px;font-size:0.88rem;font-weight:700;color:#1e293b;text-decoration:none;transition:all 0.2s ease;}.mobile-nav-link:hover,.mobile-nav-link.active{background:#f0f9ff;color:var(--primary-cyan);}.mobile-cat-card{display:flex;flex-direction:column;align-items:flex-start;padding:12px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;text-decoration:none;transition:all 0.2s ease;}.mobile-cat-card:hover{background:#f0f9ff;border-color:var(--primary-cyan);transform:translateY(-2px);}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,0.92);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(226,232,240,0.85);box-shadow:0 -4px 20px rgba(15,23,42,0.06);padding:6px 12px calc(6px+env(safe-area-inset-bottom,0px)) 12px;}.mobile-bottom-nav-inner{display:flex;align-items:center;justify-content:space-around;max-width:500px;margin:0 auto;}.mobile-tab-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 12px;border-radius:12px;color:#475569;font-size:0.68rem;font-weight:700;text-decoration:none;background:transparent;border:none;cursor:pointer;transition:all 0.2s ease;position:relative;min-width:48px;min-height:48px;}.mobile-tab-btn i{font-size:1.15rem;transition:transform 0.2s ease;}.mobile-tab-btn:hover,.mobile-tab-btn.active{color:var(--primary-cyan);}.mobile-tab-btn.active i{transform:scale(1.1);color:var(--primary-cyan);}.mobile-tab-search-icon{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#03a87f 0%,#028a67 100%);color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:0.85rem;margin-top:-8px;box-shadow:0 4px 12px rgba(3,168,127,0.35);transition:transform 0.2s ease;}.mobile-tab-btn:hover .mobile-tab-search-icon{transform:scale(1.08);}.mobile-badge-count{position:absolute;top:2px;right:12px;background:#e86d4b;color:#ffffff;font-size:0.6rem;font-weight:900;min-width:15px;height:15px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 3px;border:1.5px solid #ffffff;}@media (max-width:768px){body{padding-bottom:76px;}.floating-chat-widget{bottom:78px;right:16px;}.floating-chat-modal{bottom:68px;right:0;width:295px;}#floatingCompareBar{bottom:74px !important;}}@media (max-width:1024px){.hero-slider-section{margin:12px auto 28px auto;border-radius:20px;}.hero-slide-container{grid-template-columns:1fr 1fr;gap:20px;padding:36px 32px;min-height:400px;}.hero-main-heading{font-size:1.85rem;white-space:normal;}.hero-visual-col{max-width:320px;}}@media (max-width:768px){.hero-slider-section{margin:8px auto 24px auto;border-radius:20px;}.hero-slide-container{grid-template-columns:1fr;gap:20px;padding:24px 20px 32px 20px;min-height:auto;text-align:center;}.hero-text-col{align-items:center;text-align:center;max-width:100%;}.hero-badge-pill{margin-bottom:12px;}.hero-main-heading{font-size:1.55rem;line-height:1.2;white-space:normal;text-align:center;margin-bottom:10px;}.hero-main-subtext{font-size:0.88rem;margin-bottom:16px;text-align:center;line-height:1.5;}.hero-price-pill{margin-bottom:18px;padding:6px 14px;}.hero-cta-group{justify-content:center;width:100%;gap:10px;}.hero-cta-group .btn-primary{padding:11px 22px;font-size:0.85rem;flex:1;min-width:140px;}.hero-cta-group .btn-outline{padding:11px 18px;font-size:0.82rem;flex:1;min-width:140px;}.hero-visual-col{max-width:240px;height:240px;margin:0 auto;order:-1;}.hero-image-box,.floating-hero-img{border-radius:24px;}}@media (max-width:480px){.hero-slide-container{padding:20px 16px 28px 16px;}.hero-visual-col{max-width:200px;height:200px;}.hero-main-heading{font-size:1.35rem;}.hero-cta-group{flex-direction:column;width:100%;}.hero-cta-group .btn-primary,.hero-cta-group .btn-outline{width:100%;}}.text-brand-primary,.icon-brand-primary{color:#03a87f !important;}.bg-brand-primary{background-color:#03a87f !important;}.border-brand-primary{border-color:#03a87f !important;}.text-brand-coral,.icon-brand-coral{color:#e86d4b !important;}.bg-brand-coral{background-color:#e86d4b !important;}.border-brand-coral{border-color:#e86d4b !important;}.text-brand-gray,.icon-brand-gray{color:#606060 !important;}.bg-brand-gray{background-color:#606060 !important;}.border-brand-gray{border-color:#606060 !important;}.hover\:text-brand-primary:hover{color:#03a87f !important;}.hover\:bg-brand-primary:hover{background-color:#03a87f !important;}.hover\:text-brand-coral:hover{color:#e86d4b !important;}.hover\:bg-brand-coral:hover{background-color:#e86d4b !important;}.hover\:text-brand-gray:hover{color:#606060 !important;}
.brand-desktop-logo { display: block !important; height: 22px !important; width: auto !important; max-height: 24px !important; object-fit: contain !important; }
.brand-mobile-logo { display: none !important; height: 26px !important; width: auto !important; max-height: 28px !important; object-fit: contain !important; }
@media (max-width: 768px) { .brand-desktop-logo { display: block !important; height: 22px !important; width: auto !important; max-height: 24px !important; object-fit: contain !important; } .brand-mobile-logo { display: none !important; height: 26px !important; width: auto !important; max-height: 28px !important; object-fit: contain !important; } }


/* ============================================================
   2-COLUMN HERO SECTION WITH 1:1 SLIDER & 2x3 CATEGORY GRID
   ============================================================ */
.hero-two-col-grid {
  margin-top: 16px;
  margin-bottom: 36px;
}
.hero-square-slider-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 24px;
  overflow: hidden;
  background: linear-gradient(135deg, #090e17 0%, #0d172a 50%, #041f17 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 20px 45px -12px rgba(15, 23, 42, 0.25);
}
.hero-slide.hero-slide-square {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.hero-slide.hero-slide-square.active {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  animation: fadeInSlide 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.hero-square-glow {
  position: absolute;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 65% 50%, rgba(3, 168, 127, 0.2) 0%, rgba(3, 168, 127, 0.05) 45%, transparent 70%);
  pointer-events: none;
  z-index: 1;
}
.hero-square-content {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px 24px 20px 24px;
}
.hero-square-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 90%;
}
.hero-square-heading {
  font-size: clamp(1.25rem, 2.2vw, 1.75rem);
  font-weight: 900;
  line-height: 1.2;
  color: #ffffff;
  letter-spacing: -0.02em;
  margin-top: 4px;
  margin-bottom: 4px;
}
.hero-square-subtext {
  font-size: clamp(0.72rem, 1.1vw, 0.84rem);
  color: #cbd5e1;
  font-weight: 500;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.hero-square-visual {
  position: relative;
  flex: 1;
  width: 100%;
  max-height: 48%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 4px 0;
}
.hero-square-visual img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 14px 20px rgba(0, 0, 0, 0.45));
}
.hero-square-footer {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
}
.hero-square-slider-wrapper .slider-nav-container {
  bottom: 12px;
  padding: 4px 10px;
  background: rgba(15, 23, 42, 0.65);
  backdrop-filter: blur(8px);
  border-color: rgba(255, 255, 255, 0.15);
}
.hero-square-slider-wrapper .slider-dot {
  background-color: rgba(255, 255, 255, 0.35);
  width: 7px;
  height: 7px;
}
.hero-square-slider-wrapper .slider-dot.active {
  background-color: #03a87f;
  width: 20px;
}

/* Category Square Cards (2x3 Grid) */
.category-square-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 20px;
  padding: 12px 8px;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}
.category-square-card:hover {
  transform: translateY(-3px) scale(1.02);
  border-color: rgba(3, 168, 127, 0.5);
  box-shadow: 0 12px 24px -6px rgba(3, 168, 127, 0.2);
}
.category-square-icon-box {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  margin-bottom: 8px;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.category-square-card:hover .category-square-icon-box {
  transform: scale(1.1);
}
.category-square-title {
  font-size: 0.85rem;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.2;
  transition: color 0.2s ease;
}
.category-square-card:hover .category-square-title {
  color: #03a87f;
}
.category-square-hint {
  font-size: 0.68rem;
  font-weight: 600;
  color: #64748b;
  margin-top: 2px;
}
@media (max-width: 640px) {
  .hero-square-content {
    padding: 18px 16px 16px 16px;
  }
  .category-square-icon-box {
    width: 38px;
    height: 38px;
    font-size: 1.15rem;
    margin-bottom: 6px;
  }
  .category-square-title {
    font-size: 0.78rem;
  }
  .category-square-hint {
    display: none;
  }
}


/* ============================================================
   REFINED 2-COLUMN HERO SECTION: 1:1 SLIDER & 2x3 CATEGORY GRID
   ============================================================ */
.hero-two-col-section {
  max-width: 1280px;
  margin: 16px auto 36px auto;
}
.hero-two-col-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: stretch;
}

/* 1. Left Column: 1:1 Aspect Ratio Slider Card */
.hero-slider-square-card {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 28px;
  overflow: hidden;
  background: radial-gradient(circle at 80% 20%, #0d2822 0%, #0a141d 45%, #05080c 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 20px 50px -12px rgba(15, 23, 42, 0.35);
}
.hero-slider-square-card .hero-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transform: scale(0.97);
  display: flex !important;
}
.hero-slider-square-card .hero-slide.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: scale(1);
  z-index: 2;
}
.hero-slide-square-inner {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px 32px 28px 32px;
}
.hero-slide-ambient-glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 70% 50%, rgba(3, 168, 127, 0.22) 0%, rgba(3, 168, 127, 0.05) 50%, transparent 75%);
  pointer-events: none;
  z-index: 1;
}
.hero-slide-top-info {
  position: relative;
  z-index: 6;
  max-width: 85%;
}
.hero-slide-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: linear-gradient(90deg, #e86d4b 0%, #fa5252 100%);
  color: #ffffff;
  font-size: 0.7rem;
  font-weight: 800;
  padding: 5px 12px;
  border-radius: 30px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin-bottom: 8px;
  box-shadow: 0 4px 12px rgba(255, 122, 89, 0.35);
}
.hero-slide-title {
  font-size: clamp(1.35rem, 2.3vw, 1.95rem);
  font-weight: 900;
  line-height: 1.18;
  color: #ffffff;
  letter-spacing: -0.03em;
  margin-bottom: 6px;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}
.hero-slide-subtitle {
  font-size: clamp(0.75rem, 1.1vw, 0.88rem);
  color: #cbd5e1;
  font-weight: 500;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 90%;
}
.hero-slide-price-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(3, 168, 127, 0.15);
  border: 1px solid rgba(3, 168, 127, 0.35);
  padding: 5px 14px;
  border-radius: 12px;
  margin-top: 10px;
  backdrop-filter: blur(6px);
}
.hero-slide-price-label {
  font-size: 0.68rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #a7f3d0;
  letter-spacing: 0.05em;
}
.hero-slide-price-val {
  font-size: 1.05rem;
  font-weight: 900;
  color: #03a87f;
  letter-spacing: -0.02em;
}
.hero-slide-visual-stage {
  position: absolute;
  right: 16px;
  bottom: 65px;
  width: 58%;
  height: 58%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  z-index: 3;
  pointer-events: none;
}
.hero-slide-visual-stage img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 16px 25px rgba(0, 0, 0, 0.55));
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  animation: floatHeroSquare 6s ease-in-out infinite;
}
@keyframes floatHeroSquare {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-6px) scale(1.02); }
}
.hero-slide-bottom-actions {
  position: relative;
  z-index: 8;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: auto;
  padding-bottom: 4px;
}
.hero-slide-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: linear-gradient(135deg, #03a87f 0%, #028e6b 100%);
  color: #ffffff !important;
  font-size: 0.82rem;
  font-weight: 800;
  padding: 10px 22px;
  border-radius: 30px;
  text-decoration: none;
  box-shadow: 0 8px 20px -4px rgba(3, 168, 127, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.25s ease;
}
.hero-slide-btn-primary:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 12px 24px -4px rgba(3, 168, 127, 0.6);
  color: #ffffff !important;
}
.hero-slide-btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: rgba(15, 23, 42, 0.6);
  color: #e2e8f0 !important;
  font-size: 0.8rem;
  font-weight: 700;
  padding: 9.5px 18px;
  border-radius: 30px;
  text-decoration: none;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(6px);
  transition: all 0.25s ease;
}
.hero-slide-btn-outline:hover {
  background: #ffffff;
  color: #0f172a !important;
  border-color: #ffffff;
  transform: translateY(-2px);
}
.hero-slider-square-card .slider-nav-container {
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(15, 23, 42, 0.75);
  backdrop-filter: blur(8px);
  padding: 5px 12px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  z-index: 15;
}
.hero-slider-square-card .slider-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.35);
  border: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.hero-slider-square-card .slider-dot.active {
  width: 22px;
  border-radius: 6px;
  background: #03a87f;
}

/* 2. Right Column: Explore Categories Panel (2x3 Grid) */
.hero-categories-panel {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 28px;
  padding: 24px;
  box-shadow: 0 16px 40px -12px rgba(15, 23, 42, 0.08);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.hero-categories-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f1f5f9;
}
.hero-categories-title-group h2 {
  font-size: 1.15rem;
  font-weight: 900;
  color: #0f172a;
  display: flex;
  align-items: center;
  gap: 8px;
  letter-spacing: -0.02em;
}
.hero-categories-title-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #03a87f;
  box-shadow: 0 0 0 3px rgba(3, 168, 127, 0.2);
}
.hero-categories-title-group p {
  font-size: 0.72rem;
  color: #64748b;
  font-weight: 600;
  margin-top: 2px;
}
.hero-categories-view-all {
  font-size: 0.78rem;
  font-weight: 800;
  color: #03a87f;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: transform 0.2s ease;
}
.hero-categories-view-all:hover {
  text-decoration: underline;
  transform: translateX(2px);
}
.hero-categories-2x3-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 14px;
  flex: 1;
}
.hero-cat-square-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
  border-radius: 20px;
  padding: 16px 10px;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}
.hero-cat-square-box:hover {
  background: #ffffff;
  transform: translateY(-4px);
  border-color: #03a87f;
  box-shadow: 0 14px 28px -6px rgba(3, 168, 127, 0.22);
}
.hero-cat-icon-wrap {
  width: 50px;
  height: 50px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.45rem;
  color: #03a87f;
  margin-bottom: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.hero-cat-square-box:hover .hero-cat-icon-wrap {
  background: linear-gradient(135deg, #03a87f 0%, #028e6b 100%);
  color: #ffffff;
  border-color: transparent;
  transform: scale(1.1);
  box-shadow: 0 8px 18px rgba(3, 168, 127, 0.35);
}
.hero-cat-name {
  font-size: 0.88rem;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.2;
  transition: color 0.2s ease;
}
.hero-cat-square-box:hover .hero-cat-name {
  color: #03a87f;
}
.hero-cat-sub {
  font-size: 0.68rem;
  font-weight: 700;
  color: #64748b;
  margin-top: 3px;
}
.hero-cat-square-box.tradein-highlight {
  border-color: rgba(3, 168, 127, 0.4);
  background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%);
}
.hero-cat-square-box.tradein-highlight .hero-cat-icon-wrap {
  background: #03a87f;
  color: #ffffff;
  border-color: #03a87f;
}

/* Responsive adjustments */
@media (max-width: 991px) {
  .hero-two-col-layout {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .hero-slider-square-card {
    aspect-ratio: 4 / 3;
  }
  .hero-categories-panel {
    min-height: auto;
  }
}
@media (max-width: 640px) {
  .hero-slider-square-card {
    aspect-ratio: 1 / 1;
    border-radius: 22px;
  }
  .hero-slide-square-inner {
    padding: 20px 18px 20px 18px;
  }
  .hero-slide-visual-stage {
    width: 50%;
    height: 50%;
    bottom: 58px;
    right: 10px;
  }
  .hero-slide-title {
    font-size: 1.3rem;
  }
  .hero-slide-bottom-actions {
    gap: 8px;
  }
  .hero-slide-btn-primary {
    padding: 8px 16px;
    font-size: 0.75rem;
  }
  .hero-slide-btn-outline {
    padding: 8px 14px;
    font-size: 0.75rem;
  }
  .hero-categories-panel {
    padding: 18px 14px;
    border-radius: 22px;
  }
  .hero-categories-2x3-grid {
    gap: 10px;
  }
  .hero-cat-square-box {
    padding: 12px 6px;
    border-radius: 16px;
  }
  .hero-cat-icon-wrap {
    width: 40px;
    height: 40px;
    font-size: 1.2rem;
    margin-bottom: 6px;
    border-radius: 12px;
  }
  .hero-cat-name {
    font-size: 0.78rem;
  }
  .hero-cat-sub {
    display: none;
  }
}


/* ============================================================
   COMPACT HEIGHT 2-COLUMN HERO SECTION
   ============================================================ */
.hero-two-col-section {
  max-width: 1280px;
  margin: 12px auto 28px auto;
}
.hero-two-col-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  align-items: stretch;
}

/* 1. Left Column: Compact Slider Card */
.hero-slider-square-card {
  position: relative;
  width: 100%;
  height: 380px;
  max-height: 390px;
  border-radius: 24px;
  overflow: hidden;
  background: radial-gradient(circle at 80% 20%, #0d2822 0%, #0a141d 45%, #05080c 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 16px 40px -12px rgba(15, 23, 42, 0.3);
}
.hero-slider-square-card .hero-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1), transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  transform: scale(0.98);
  display: flex !important;
}
.hero-slider-square-card .hero-slide.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: scale(1);
  z-index: 2;
}
.hero-slide-square-inner {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px 24px 20px 24px;
}
.hero-slide-ambient-glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 70% 50%, rgba(3, 168, 127, 0.2) 0%, rgba(3, 168, 127, 0.04) 50%, transparent 75%);
  pointer-events: none;
  z-index: 1;
}
.hero-slide-top-info {
  position: relative;
  z-index: 6;
  max-width: 75%;
}
.hero-slide-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: linear-gradient(90deg, #e86d4b 0%, #fa5252 100%);
  color: #ffffff;
  font-size: 0.65rem;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin-bottom: 6px;
  box-shadow: 0 4px 10px rgba(255, 122, 89, 0.3);
}
.hero-slide-title {
  font-size: clamp(1.2rem, 1.8vw, 1.6rem);
  font-weight: 900;
  line-height: 1.18;
  color: #ffffff;
  letter-spacing: -0.025em;
  margin-bottom: 4px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
.hero-slide-subtitle {
  font-size: 0.78rem;
  color: #cbd5e1;
  font-weight: 500;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 90%;
}
.hero-slide-price-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(3, 168, 127, 0.15);
  border: 1px solid rgba(3, 168, 127, 0.35);
  padding: 4px 10px;
  border-radius: 10px;
  margin-top: 6px;
  backdrop-filter: blur(6px);
}
.hero-slide-price-label {
  font-size: 0.62rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #a7f3d0;
  letter-spacing: 0.05em;
}
.hero-slide-price-val {
  font-size: 0.95rem;
  font-weight: 900;
  color: #03a87f;
  letter-spacing: -0.02em;
}
.hero-slide-visual-stage {
  position: absolute;
  right: 14px;
  bottom: 48px;
  width: 52%;
  height: 62%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  z-index: 3;
  pointer-events: none;
}
.hero-slide-visual-stage img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 14px 20px rgba(0, 0, 0, 0.5));
  animation: floatHeroSquare 6s ease-in-out infinite;
}
.hero-slide-bottom-actions {
  position: relative;
  z-index: 8;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-bottom: 2px;
}
.hero-slide-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: linear-gradient(135deg, #03a87f 0%, #028e6b 100%);
  color: #ffffff !important;
  font-size: 0.78rem;
  font-weight: 800;
  padding: 8.5px 18px;
  border-radius: 25px;
  text-decoration: none;
  box-shadow: 0 6px 16px -3px rgba(3, 168, 127, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.25s ease;
}
.hero-slide-btn-primary:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 10px 20px -3px rgba(3, 168, 127, 0.55);
  color: #ffffff !important;
}
.hero-slide-btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: rgba(15, 23, 42, 0.6);
  color: #e2e8f0 !important;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 8px 15px;
  border-radius: 25px;
  text-decoration: none;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(6px);
  transition: all 0.25s ease;
}
.hero-slide-btn-outline:hover {
  background: #ffffff;
  color: #0f172a !important;
  border-color: #ffffff;
  transform: translateY(-2px);
}
.hero-slider-square-card .slider-nav-container {
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(15, 23, 42, 0.75);
  backdrop-filter: blur(8px);
  padding: 4px 10px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  z-index: 15;
}
.hero-slider-square-card .slider-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.35);
  border: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.hero-slider-square-card .slider-dot.active {
  width: 18px;
  border-radius: 5px;
  background: #03a87f;
}

/* 2. Right Column: Compact Explore Categories Panel */
.hero-categories-panel {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 24px;
  padding: 18px 20px;
  box-shadow: 0 16px 40px -12px rgba(15, 23, 42, 0.06);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 380px;
  max-height: 390px;
}
.hero-categories-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #f1f5f9;
}
.hero-categories-title-group h2 {
  font-size: 1.02rem;
  font-weight: 900;
  color: #0f172a;
  display: flex;
  align-items: center;
  gap: 7px;
  letter-spacing: -0.02em;
}
.hero-categories-title-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #03a87f;
  box-shadow: 0 0 0 3px rgba(3, 168, 127, 0.2);
}
.hero-categories-title-group p {
  font-size: 0.68rem;
  color: #64748b;
  font-weight: 600;
  margin-top: 1px;
}
.hero-categories-view-all {
  font-size: 0.74rem;
  font-weight: 800;
  color: #03a87f;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  transition: transform 0.2s ease;
}
.hero-categories-view-all:hover {
  text-decoration: underline;
  transform: translateX(2px);
}
.hero-categories-2x3-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 10px;
  flex: 1;
}
.hero-cat-square-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
  border-radius: 16px;
  padding: 10px 6px;
  text-decoration: none;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}
.hero-cat-square-box:hover {
  background: #ffffff;
  transform: translateY(-3px);
  border-color: #03a87f;
  box-shadow: 0 10px 22px -5px rgba(3, 168, 127, 0.2);
}
.hero-cat-icon-wrap {
  width: 42px;
  height: 42px;
  border-radius: 13px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  color: #03a87f;
  margin-bottom: 6px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.04);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.hero-cat-square-box:hover .hero-cat-icon-wrap {
  background: linear-gradient(135deg, #03a87f 0%, #028e6b 100%);
  color: #ffffff;
  border-color: transparent;
  transform: scale(1.08);
  box-shadow: 0 6px 14px rgba(3, 168, 127, 0.3);
}
.hero-cat-name {
  font-size: 0.82rem;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.2;
  transition: color 0.2s ease;
}
.hero-cat-square-box:hover .hero-cat-name {
  color: #03a87f;
}
.hero-cat-sub {
  font-size: 0.64rem;
  font-weight: 600;
  color: #64748b;
  margin-top: 1px;
}
.hero-cat-square-box.tradein-highlight {
  border-color: rgba(3, 168, 127, 0.35);
  background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%);
}
.hero-cat-square-box.tradein-highlight .hero-cat-icon-wrap {
  background: #03a87f;
  color: #ffffff;
  border-color: #03a87f;
}

/* Responsive adjustments */
@media (max-width: 991px) {
  .hero-two-col-layout {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .hero-slider-square-card {
    height: 340px;
    max-height: 350px;
  }
  .hero-categories-panel {
    height: auto;
    max-height: none;
    min-height: 280px;
  }
}
@media (max-width: 640px) {
  .hero-slider-square-card {
    height: 290px;
    max-height: 300px;
    border-radius: 20px;
  }
  .hero-slide-square-inner {
    padding: 16px 16px 16px 16px;
  }
  .hero-slide-visual-stage {
    width: 48%;
    height: 52%;
    bottom: 44px;
    right: 8px;
  }
  .hero-slide-title {
    font-size: 1.15rem;
  }
  .hero-slide-top-info {
    max-width: 70%;
  }
  .hero-slide-bottom-actions {
    gap: 6px;
  }
  .hero-slide-btn-primary {
    padding: 7px 14px;
    font-size: 0.72rem;
  }
  .hero-slide-btn-outline {
    padding: 6.5px 12px;
    font-size: 0.7rem;
  }
  .hero-categories-panel {
    padding: 16px 12px;
    border-radius: 20px;
  }
  .hero-categories-2x3-grid {
    gap: 8px;
  }
  .hero-cat-square-box {
    padding: 10px 4px;
    border-radius: 14px;
  }
  .hero-cat-icon-wrap {
    width: 36px;
    height: 36px;
    font-size: 1.15rem;
    margin-bottom: 4px;
    border-radius: 10px;
  }
  .hero-cat-name {
    font-size: 0.75rem;
  }
  .hero-cat-sub {
    display: none;
  }
}


/* ============================================================
   ULTRA-SLEEK COMPACT HEIGHT 2-COLUMN HERO (320px)
   ============================================================ */
.hero-two-col-section {
  max-width: 1280px;
  margin: 10px auto 24px auto;
}
.hero-two-col-layout {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 16px;
  align-items: stretch;
}

/* 1. Left Column: Compact Slider with Dynamic Background */
.hero-slider-square-card {
  position: relative;
  width: 100%;
  height: 320px;
  max-height: 330px;
  border-radius: 22px;
  overflow: hidden;
  background: radial-gradient(circle at 80% 20%, #0d2822 0%, #0a141d 45%, #05080c 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 14px 35px -10px rgba(15, 23, 42, 0.3);
  transition: background 0.6s ease;
}
.hero-slider-square-card .hero-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1), transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
  transform: scale(0.98);
  display: flex !important;
  border-radius: 22px;
}
.hero-slider-square-card .hero-slide.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: scale(1);
  z-index: 2;
}
.hero-slide-square-inner {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 22px 18px 22px;
}
.hero-slide-ambient-glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  transition: background 0.6s ease;
}
.hero-slide-top-info {
  position: relative;
  z-index: 6;
  max-width: 72%;
}
.hero-slide-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: linear-gradient(90deg, #e86d4b 0%, #fa5252 100%);
  color: #ffffff;
  font-size: 0.62rem;
  font-weight: 800;
  padding: 3px 9px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin-bottom: 5px;
  box-shadow: 0 3px 8px rgba(255, 122, 89, 0.3);
}
.hero-slide-title {
  font-size: clamp(1.1rem, 1.6vw, 1.45rem);
  font-weight: 900;
  line-height: 1.16;
  color: #ffffff;
  letter-spacing: -0.025em;
  margin-bottom: 3px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
}
.hero-slide-subtitle {
  font-size: 0.75rem;
  color: #cbd5e1;
  font-weight: 500;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 90%;
}
.hero-slide-price-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(3, 168, 127, 0.18);
  border: 1px solid rgba(3, 168, 127, 0.4);
  padding: 3.5px 9px;
  border-radius: 9px;
  margin-top: 5px;
  backdrop-filter: blur(6px);
}
.hero-slide-price-label {
  font-size: 0.6rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #a7f3d0;
  letter-spacing: 0.05em;
}
.hero-slide-price-val {
  font-size: 0.88rem;
  font-weight: 900;
  color: var(--slide-accent, #03a87f);
  letter-spacing: -0.02em;
}
.hero-slide-visual-stage {
  position: absolute;
  right: 10px;
  bottom: 38px;
  width: 52%;
  height: 65%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  z-index: 3;
  pointer-events: none;
}
.hero-slide-visual-stage img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 12px 18px rgba(0, 0, 0, 0.55));
  animation: floatHeroSquare 6s ease-in-out infinite;
}
.hero-slide-bottom-actions {
  position: relative;
  z-index: 8;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-bottom: 2px;
}
.hero-slide-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: linear-gradient(135deg, var(--slide-accent, #03a87f) 0%, var(--slide-accent-dark, #028e6b) 100%);
  color: #ffffff !important;
  font-size: 0.75rem;
  font-weight: 800;
  padding: 7px 16px;
  border-radius: 22px;
  text-decoration: none;
  box-shadow: 0 5px 14px -2px rgba(3, 168, 127, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.25s ease;
}
.hero-slide-btn-primary:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 8px 18px -2px rgba(3, 168, 127, 0.55);
}
.hero-slide-btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: rgba(15, 23, 42, 0.65);
  color: #e2e8f0 !important;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 6.5px 13px;
  border-radius: 22px;
  text-decoration: none;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(6px);
  transition: all 0.25s ease;
}
.hero-slide-btn-outline:hover {
  background: #ffffff;
  color: #0f172a !important;
  border-color: #ffffff;
  transform: translateY(-2px);
}
.hero-slider-square-card .slider-nav-container {
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(15, 23, 42, 0.75);
  backdrop-filter: blur(8px);
  padding: 3.5px 9px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  z-index: 15;
}
.hero-slider-square-card .slider-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.35);
  border: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.hero-slider-square-card .slider-dot.active {
  width: 16px;
  border-radius: 4px;
  background: var(--slide-accent, #03a87f);
}

/* 2. Right Column: Compact Explore Categories Panel */
.hero-categories-panel {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 22px;
  padding: 14px 16px;
  box-shadow: 0 14px 35px -10px rgba(15, 23, 42, 0.05);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 320px;
  max-height: 330px;
}
.hero-categories-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid #f1f5f9;
}
.hero-categories-title-group h2 {
  font-size: 0.96rem;
  font-weight: 900;
  color: #0f172a;
  display: flex;
  align-items: center;
  gap: 6px;
  letter-spacing: -0.02em;
}
.hero-categories-title-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #03a87f;
  box-shadow: 0 0 0 2.5px rgba(3, 168, 127, 0.2);
}
.hero-categories-title-group p {
  font-size: 0.65rem;
  color: #64748b;
  font-weight: 600;
}
.hero-categories-view-all {
  font-size: 0.72rem;
  font-weight: 800;
  color: #03a87f;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  transition: transform 0.2s ease;
}
.hero-categories-view-all:hover {
  text-decoration: underline;
  transform: translateX(2px);
}
.hero-categories-2x3-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 8px;
  flex: 1;
}
.hero-cat-square-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
  border-radius: 14px;
  padding: 8px 4px;
  text-decoration: none;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}
.hero-cat-square-box:hover {
  background: #ffffff;
  transform: translateY(-2.5px);
  border-color: #03a87f;
  box-shadow: 0 8px 18px -4px rgba(3, 168, 127, 0.2);
}
.hero-cat-icon-wrap {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem;
  color: #03a87f;
  margin-bottom: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.hero-cat-square-box:hover .hero-cat-icon-wrap {
  background: linear-gradient(135deg, #03a87f 0%, #028e6b 100%);
  color: #ffffff;
  border-color: transparent;
  transform: scale(1.06);
  box-shadow: 0 5px 12px rgba(3, 168, 127, 0.3);
}
.hero-cat-name {
  font-size: 0.78rem;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.2;
  transition: color 0.2s ease;
}
.hero-cat-square-box:hover .hero-cat-name {
  color: #03a87f;
}
.hero-cat-sub {
  font-size: 0.62rem;
  font-weight: 600;
  color: #64748b;
  margin-top: 1px;
}
.hero-cat-square-box.tradein-highlight {
  border-color: rgba(3, 168, 127, 0.35);
  background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%);
}
.hero-cat-square-box.tradein-highlight .hero-cat-icon-wrap {
  background: #03a87f;
  color: #ffffff;
  border-color: #03a87f;
}

/* Responsive adjustments */
@media (max-width: 991px) {
  .hero-two-col-layout {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .hero-slider-square-card {
    height: 300px;
    max-height: 310px;
  }
  .hero-categories-panel {
    height: auto;
    max-height: none;
    min-height: 250px;
  }
}
@media (max-width: 640px) {
  .hero-slider-square-card {
    height: 260px;
    max-height: 270px;
    border-radius: 18px;
  }
  .hero-slide-square-inner {
    padding: 14px 14px 14px 14px;
  }
  .hero-slide-visual-stage {
    width: 48%;
    height: 52%;
    bottom: 34px;
    right: 6px;
  }
  .hero-slide-title {
    font-size: 1.05rem;
  }
  .hero-slide-top-info {
    max-width: 68%;
  }
  .hero-slide-bottom-actions {
    gap: 6px;
  }
  .hero-slide-btn-primary {
    padding: 6px 12px;
    font-size: 0.7rem;
  }
  .hero-slide-btn-outline {
    padding: 5.5px 10px;
    font-size: 0.68rem;
  }
  .hero-categories-panel {
    padding: 14px 10px;
    border-radius: 18px;
  }
  .hero-categories-2x3-grid {
    gap: 6px;
  }
  .hero-cat-square-box {
    padding: 8px 3px;
    border-radius: 12px;
  }
  .hero-cat-icon-wrap {
    width: 32px;
    height: 32px;
    font-size: 1.05rem;
    margin-bottom: 3px;
    border-radius: 9px;
  }
  .hero-cat-name {
    font-size: 0.72rem;
  }
  .hero-cat-sub {
    display: none;
  }
}


/* ============================================================
   40% SLIDER / 60% EXPLORE CATEGORIES 2-COLUMN HERO LAYOUT
   ============================================================ */
.hero-two-col-section {
  max-width: 1280px;
  margin: 10px auto 24px auto;
}
.hero-two-col-layout {
  display: grid;
  grid-template-columns: 40% calc(60% - 18px);
  gap: 18px;
  align-items: stretch;
}

/* 1. Left Column (40%): Slider Card with Dynamic Background */
.hero-slider-square-card {
  position: relative;
  width: 100%;
  height: 320px;
  max-height: 330px;
  border-radius: 22px;
  overflow: hidden;
  background: radial-gradient(circle at 80% 20%, #0d2822 0%, #0a141d 45%, #05080c 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 14px 35px -10px rgba(15, 23, 42, 0.3);
  transition: background 0.6s ease;
}
.hero-slider-square-card .hero-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1), transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
  transform: scale(0.98);
  display: flex !important;
  border-radius: 22px;
}
.hero-slider-square-card .hero-slide.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: scale(1);
  z-index: 2;
}
.hero-slide-square-inner {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 18px 20px 16px 20px;
}
.hero-slide-ambient-glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  transition: background 0.6s ease;
}
.hero-slide-top-info {
  position: relative;
  z-index: 6;
  max-width: 68%;
}
.hero-slide-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: linear-gradient(90deg, #e86d4b 0%, #fa5252 100%);
  color: #ffffff;
  font-size: 0.6rem;
  font-weight: 800;
  padding: 3px 8px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  margin-bottom: 4px;
  box-shadow: 0 3px 8px rgba(255, 122, 89, 0.3);
}
.hero-slide-title {
  font-size: clamp(1.05rem, 1.45vw, 1.35rem);
  font-weight: 900;
  line-height: 1.15;
  color: #ffffff;
  letter-spacing: -0.025em;
  margin-bottom: 2px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
}
.hero-slide-subtitle {
  font-size: 0.72rem;
  color: #cbd5e1;
  font-weight: 500;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 88%;
}
.hero-slide-price-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(3, 168, 127, 0.18);
  border: 1px solid rgba(3, 168, 127, 0.4);
  padding: 3px 8px;
  border-radius: 8px;
  margin-top: 4px;
  backdrop-filter: blur(6px);
}
.hero-slide-price-label {
  font-size: 0.58rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #a7f3d0;
  letter-spacing: 0.05em;
}
.hero-slide-price-val {
  font-size: 0.85rem;
  font-weight: 900;
  color: var(--slide-accent, #03a87f);
  letter-spacing: -0.02em;
}
.hero-slide-visual-stage {
  position: absolute;
  right: 6px;
  bottom: 34px;
  width: 50%;
  height: 64%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  z-index: 3;
  pointer-events: none;
}
.hero-slide-visual-stage img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 12px 16px rgba(0, 0, 0, 0.55));
  animation: floatHeroSquare 6s ease-in-out infinite;
}
.hero-slide-bottom-actions {
  position: relative;
  z-index: 8;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: auto;
  padding-bottom: 2px;
}
.hero-slide-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: linear-gradient(135deg, var(--slide-accent, #03a87f) 0%, var(--slide-accent-dark, #028e6b) 100%);
  color: #ffffff !important;
  font-size: 0.72rem;
  font-weight: 800;
  padding: 6.5px 14px;
  border-radius: 20px;
  text-decoration: none;
  box-shadow: 0 4px 12px -2px rgba(3, 168, 127, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.25s ease;
}
.hero-slide-btn-primary:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 8px 16px -2px rgba(3, 168, 127, 0.55);
}
.hero-slide-btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: rgba(15, 23, 42, 0.65);
  color: #e2e8f0 !important;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 6px 11px;
  border-radius: 20px;
  text-decoration: none;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(6px);
  transition: all 0.25s ease;
}
.hero-slide-btn-outline:hover {
  background: #ffffff;
  color: #0f172a !important;
  border-color: #ffffff;
  transform: translateY(-2px);
}
.hero-slider-square-card .slider-nav-container {
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(15, 23, 42, 0.75);
  backdrop-filter: blur(8px);
  padding: 3px 8px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  z-index: 15;
}
.hero-slider-square-card .slider-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.35);
  border: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.hero-slider-square-card .slider-dot.active {
  width: 14px;
  border-radius: 4px;
  background: var(--slide-accent, #03a87f);
}

/* 2. Right Column (60%): Explore Categories Panel (2x3 Grid) */
.hero-categories-panel {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 22px;
  padding: 14px 18px;
  box-shadow: 0 14px 35px -10px rgba(15, 23, 42, 0.05);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 320px;
  max-height: 330px;
}
.hero-categories-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid #f1f5f9;
}
.hero-categories-title-group h2 {
  font-size: 1.0rem;
  font-weight: 900;
  color: #0f172a;
  display: flex;
  align-items: center;
  gap: 6px;
  letter-spacing: -0.02em;
}
.hero-categories-title-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #03a87f;
  box-shadow: 0 0 0 2.5px rgba(3, 168, 127, 0.2);
}
.hero-categories-title-group p {
  font-size: 0.65rem;
  color: #64748b;
  font-weight: 600;
}
.hero-categories-view-all {
  font-size: 0.74rem;
  font-weight: 800;
  color: #03a87f;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  transition: transform 0.2s ease;
}
.hero-categories-view-all:hover {
  text-decoration: underline;
  transform: translateX(2px);
}
.hero-categories-2x3-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 10px;
  flex: 1;
}
.hero-cat-square-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
  border-radius: 16px;
  padding: 10px 6px;
  text-decoration: none;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}
.hero-cat-square-box:hover {
  background: #ffffff;
  transform: translateY(-2.5px);
  border-color: #03a87f;
  box-shadow: 0 10px 20px -4px rgba(3, 168, 127, 0.22);
}
.hero-cat-icon-wrap {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  color: #03a87f;
  margin-bottom: 5px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.hero-cat-square-box:hover .hero-cat-icon-wrap {
  background: linear-gradient(135deg, #03a87f 0%, #028e6b 100%);
  color: #ffffff;
  border-color: transparent;
  transform: scale(1.08);
  box-shadow: 0 6px 14px rgba(3, 168, 127, 0.35);
}
.hero-cat-name {
  font-size: 0.82rem;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.2;
  transition: color 0.2s ease;
}
.hero-cat-square-box:hover .hero-cat-name {
  color: #03a87f;
}
.hero-cat-sub {
  font-size: 0.64rem;
  font-weight: 600;
  color: #64748b;
  margin-top: 1px;
}
.hero-cat-square-box.tradein-highlight {
  border-color: rgba(3, 168, 127, 0.35);
  background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%);
}
.hero-cat-square-box.tradein-highlight .hero-cat-icon-wrap {
  background: #03a87f;
  color: #ffffff;
  border-color: #03a87f;
}

/* Responsive adjustments */
@media (max-width: 991px) {
  .hero-two-col-layout {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .hero-slider-square-card {
    height: 300px;
    max-height: 310px;
  }
  .hero-slide-top-info {
    max-width: 75%;
  }
  .hero-categories-panel {
    height: auto;
    max-height: none;
    min-height: 250px;
  }
}
@media (max-width: 640px) {
  .hero-slider-square-card {
    height: 260px;
    max-height: 270px;
    border-radius: 18px;
  }
  .hero-slide-square-inner {
    padding: 14px 14px 14px 14px;
  }
  .hero-slide-visual-stage {
    width: 48%;
    height: 52%;
    bottom: 30px;
    right: 6px;
  }
  .hero-slide-title {
    font-size: 1.05rem;
  }
  .hero-slide-top-info {
    max-width: 68%;
  }
  .hero-slide-bottom-actions {
    gap: 6px;
  }
  .hero-slide-btn-primary {
    padding: 6px 12px;
    font-size: 0.7rem;
  }
  .hero-slide-btn-outline {
    padding: 5.5px 10px;
    font-size: 0.68rem;
  }
  .hero-categories-panel {
    padding: 14px 10px;
    border-radius: 18px;
  }
  .hero-categories-2x3-grid {
    gap: 6px;
  }
  .hero-cat-square-box {
    padding: 8px 3px;
    border-radius: 12px;
  }
  .hero-cat-icon-wrap {
    width: 32px;
    height: 32px;
    font-size: 1.05rem;
    margin-bottom: 3px;
    border-radius: 9px;
  }
  .hero-cat-name {
    font-size: 0.72rem;
  }
  .hero-cat-sub {
    display: none;
  }
}


/* ============================================================
   EXACT 400px by 400px HERO SLIDER & MATCHING CATEGORIES GRID
   ============================================================ */
.hero-two-col-section {
  max-width: 1280px;
  margin: 12px auto 30px auto;
}
.hero-two-col-layout {
  display: grid;
  grid-template-columns: 400px 1fr;
  gap: 20px;
  align-items: stretch;
}

/* 1. Left Column: EXACT 400px by 400px Slider Card */
.hero-slider-square-card {
  position: relative;
  width: 400px;
  height: 400px;
  min-width: 400px;
  min-height: 400px;
  max-width: 400px;
  max-height: 400px;
  border-radius: 24px;
  overflow: hidden;
  background: radial-gradient(circle at 80% 20%, #0d2822 0%, #0a141d 45%, #05080c 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 16px 45px -10px rgba(15, 23, 42, 0.35);
  transition: background 0.6s ease;
  flex-shrink: 0;
}
.hero-slider-square-card .hero-slide {
  position: absolute;
  inset: 0;
  width: 400px;
  height: 400px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1), transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
  transform: scale(0.98);
  display: flex !important;
  border-radius: 24px;
}
.hero-slider-square-card .hero-slide.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: scale(1);
  z-index: 2;
}
.hero-slide-square-inner {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px 24px 20px 24px;
}
.hero-slide-ambient-glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  transition: background 0.6s ease;
}
.hero-slide-top-info {
  position: relative;
  z-index: 6;
  max-width: 78%;
}
.hero-slide-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: linear-gradient(90deg, #e86d4b 0%, #fa5252 100%);
  color: #ffffff;
  font-size: 0.65rem;
  font-weight: 800;
  padding: 3.5px 10px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin-bottom: 6px;
  box-shadow: 0 3px 8px rgba(255, 122, 89, 0.3);
}
.hero-slide-title {
  font-size: 1.35rem;
  font-weight: 900;
  line-height: 1.18;
  color: #ffffff;
  letter-spacing: -0.025em;
  margin-bottom: 4px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
}
.hero-slide-subtitle {
  font-size: 0.78rem;
  color: #cbd5e1;
  font-weight: 500;
  line-height: 1.38;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 90%;
}
.hero-slide-price-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(3, 168, 127, 0.18);
  border: 1px solid rgba(3, 168, 127, 0.4);
  padding: 4px 10px;
  border-radius: 10px;
  margin-top: 6px;
  backdrop-filter: blur(6px);
}
.hero-slide-price-label {
  font-size: 0.62rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #a7f3d0;
  letter-spacing: 0.05em;
}
.hero-slide-price-val {
  font-size: 0.95rem;
  font-weight: 900;
  color: var(--slide-accent, #03a87f);
  letter-spacing: -0.02em;
}
.hero-slide-visual-stage {
  position: absolute;
  right: 12px;
  bottom: 44px;
  width: 52%;
  height: 60%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  z-index: 3;
  pointer-events: none;
}
.hero-slide-visual-stage img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 14px 22px rgba(0, 0, 0, 0.55));
  animation: floatHeroSquare 6s ease-in-out infinite;
}
.hero-slide-bottom-actions {
  position: relative;
  z-index: 8;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-bottom: 2px;
}
.hero-slide-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: linear-gradient(135deg, var(--slide-accent, #03a87f) 0%, var(--slide-accent-dark, #028e6b) 100%);
  color: #ffffff !important;
  font-size: 0.76rem;
  font-weight: 800;
  padding: 8px 18px;
  border-radius: 22px;
  text-decoration: none;
  box-shadow: 0 4px 12px -2px rgba(3, 168, 127, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.25s ease;
}
.hero-slide-btn-primary:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 8px 18px -2px rgba(3, 168, 127, 0.55);
}
.hero-slide-btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: rgba(15, 23, 42, 0.65);
  color: #e2e8f0 !important;
  font-size: 0.74rem;
  font-weight: 700;
  padding: 7.5px 14px;
  border-radius: 22px;
  text-decoration: none;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(6px);
  transition: all 0.25s ease;
}
.hero-slide-btn-outline:hover {
  background: #ffffff;
  color: #0f172a !important;
  border-color: #ffffff;
  transform: translateY(-2px);
}
.hero-slider-square-card .slider-nav-container {
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(15, 23, 42, 0.75);
  backdrop-filter: blur(8px);
  padding: 4px 10px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  z-index: 15;
}
.hero-slider-square-card .slider-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.35);
  border: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.hero-slider-square-card .slider-dot.active {
  width: 18px;
  border-radius: 4px;
  background: var(--slide-accent, #03a87f);
}

/* 2. Right Column: Matching 400px Height Explore Categories Panel */
.hero-categories-panel {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 24px;
  padding: 18px 22px;
  box-shadow: 0 16px 40px -10px rgba(15, 23, 42, 0.06);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 400px;
  min-height: 400px;
  max-height: 400px;
}
.hero-categories-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #f1f5f9;
}
.hero-categories-title-group h2 {
  font-size: 1.05rem;
  font-weight: 900;
  color: #0f172a;
  display: flex;
  align-items: center;
  gap: 7px;
  letter-spacing: -0.02em;
}
.hero-categories-title-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #03a87f;
  box-shadow: 0 0 0 2.5px rgba(3, 168, 127, 0.2);
}
.hero-categories-title-group p {
  font-size: 0.68rem;
  color: #64748b;
  font-weight: 600;
}
.hero-categories-view-all {
  font-size: 0.76rem;
  font-weight: 800;
  color: #03a87f;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  transition: transform 0.2s ease;
}
.hero-categories-view-all:hover {
  text-decoration: underline;
  transform: translateX(2px);
}
.hero-categories-2x3-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 12px;
  flex: 1;
}
.hero-cat-square-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #f8fafc;
  border: 1.5px solid #e2e8f0;
  border-radius: 18px;
  padding: 12px 8px;
  text-decoration: none;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}
.hero-cat-square-box:hover {
  background: #ffffff;
  transform: translateY(-3px);
  border-color: #03a87f;
  box-shadow: 0 10px 22px -4px rgba(3, 168, 127, 0.22);
}
.hero-cat-icon-wrap {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  color: #03a87f;
  margin-bottom: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.hero-cat-square-box:hover .hero-cat-icon-wrap {
  background: linear-gradient(135deg, #03a87f 0%, #028e6b 100%);
  color: #ffffff;
  border-color: transparent;
  transform: scale(1.08);
  box-shadow: 0 6px 14px rgba(3, 168, 127, 0.35);
}
.hero-cat-name {
  font-size: 0.85rem;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.2;
  transition: color 0.2s ease;
}
.hero-cat-square-box:hover .hero-cat-name {
  color: #03a87f;
}
.hero-cat-sub {
  font-size: 0.66rem;
  font-weight: 600;
  color: #64748b;
  margin-top: 1px;
}
.hero-cat-square-box.tradein-highlight {
  border-color: rgba(3, 168, 127, 0.35);
  background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%);
}
.hero-cat-square-box.tradein-highlight .hero-cat-icon-wrap {
  background: #03a87f;
  color: #ffffff;
  border-color: #03a87f;
}

/* Responsive adjustments */
@media (max-width: 991px) {
  .hero-two-col-layout {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .hero-slider-square-card {
    width: 100%;
    max-width: 400px;
    height: 380px;
    min-width: 0;
    min-height: 0;
    max-height: 400px;
    margin: 0 auto;
  }
  .hero-slider-square-card .hero-slide {
    width: 100%;
    height: 100%;
  }
  .hero-categories-panel {
    height: auto;
    max-height: none;
    min-height: 280px;
  }
}
@media (max-width: 640px) {
  .hero-slider-square-card {
    width: 100%;
    max-width: 100%;
    height: 320px;
    min-width: 0;
    min-height: 0;
    max-height: 340px;
    border-radius: 20px;
  }
  .hero-slide-square-inner {
    padding: 16px 16px 14px 16px;
  }
  .hero-slide-visual-stage {
    width: 48%;
    height: 54%;
    bottom: 34px;
    right: 8px;
  }
  .hero-slide-title {
    font-size: 1.15rem;
  }
  .hero-slide-top-info {
    max-width: 68%;
  }
  .hero-slide-bottom-actions {
    gap: 6px;
  }
  .hero-slide-btn-primary {
    padding: 6.5px 13px;
    font-size: 0.72rem;
  }
  .hero-slide-btn-outline {
    padding: 6px 11px;
    font-size: 0.7rem;
  }
  .hero-categories-panel {
    padding: 14px 10px;
    border-radius: 20px;
  }
  .hero-categories-2x3-grid {
    gap: 8px;
  }
  .hero-cat-square-box {
    padding: 10px 4px;
    border-radius: 14px;
  }
  .hero-cat-icon-wrap {
    width: 36px;
    height: 36px;
    font-size: 1.15rem;
    margin-bottom: 4px;
    border-radius: 10px;
  }
  .hero-cat-name {
    font-size: 0.75rem;
  }
  .hero-cat-sub {
    display: none;
  }
}


/* ============================================================
   BRAND-COLORED EXPLORE CATEGORIES CARDS (#03a87f)
   ============================================================ */
.hero-categories-panel {
  background: linear-gradient(180deg, #ffffff 0%, #f7fbf9 100%);
  border: 1.5px solid rgba(3, 168, 127, 0.18);
  border-radius: 24px;
  padding: 18px 22px;
  box-shadow: 0 16px 40px -10px rgba(3, 168, 127, 0.08);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 400px;
  min-height: 400px;
  max-height: 400px;
}
.hero-categories-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(3, 168, 127, 0.12);
}
.hero-categories-title-group h2 {
  font-size: 1.05rem;
  font-weight: 900;
  color: #0f172a;
  display: flex;
  align-items: center;
  gap: 7px;
  letter-spacing: -0.02em;
}
.hero-categories-title-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #03a87f;
  box-shadow: 0 0 0 3px rgba(3, 168, 127, 0.25);
}
.hero-categories-title-group p {
  font-size: 0.68rem;
  color: #03a87f;
  font-weight: 700;
}
.hero-categories-view-all {
  font-size: 0.76rem;
  font-weight: 800;
  color: #03a87f;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 20px;
  background: rgba(3, 168, 127, 0.08);
  border: 1px solid rgba(3, 168, 127, 0.2);
  transition: all 0.25s ease;
}
.hero-categories-view-all:hover {
  background: #03a87f;
  color: #ffffff !important;
  border-color: #03a87f;
  transform: translateX(2px);
  text-decoration: none;
}
.hero-categories-2x3-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 12px;
  flex: 1;
}
.hero-cat-square-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #ffffff;
  border: 1.5px solid rgba(3, 168, 127, 0.16);
  border-radius: 18px;
  padding: 12px 8px;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(3, 168, 127, 0.04);
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}
.hero-cat-square-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #03a87f, #03a87f);
  opacity: 0;
  transition: opacity 0.25s ease;
}
.hero-cat-square-box:hover {
  background: linear-gradient(180deg, #ffffff 0%, #f0fdf9 100%);
  transform: translateY(-4px);
  border-color: #03a87f;
  box-shadow: 0 14px 28px -6px rgba(3, 168, 127, 0.25);
}
.hero-cat-square-box:hover::before {
  opacity: 1;
}
.hero-cat-icon-wrap {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(3, 168, 127, 0.12) 0%, rgba(3, 168, 127, 0.04) 100%);
  border: 1.5px solid rgba(3, 168, 127, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  color: #03a87f;
  margin-bottom: 6px;
  box-shadow: 0 3px 8px rgba(3, 168, 127, 0.08);
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}
.hero-cat-square-box:hover .hero-cat-icon-wrap {
  background: linear-gradient(135deg, #03a87f 0%, #028e6b 100%);
  color: #ffffff;
  border-color: transparent;
  transform: scale(1.1);
  box-shadow: 0 8px 18px rgba(3, 168, 127, 0.38);
}
.hero-cat-name {
  font-size: 0.86rem;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.2;
  transition: color 0.2s ease;
}
.hero-cat-square-box:hover .hero-cat-name {
  color: #03a87f;
}
.hero-cat-sub {
  font-size: 0.64rem;
  font-weight: 700;
  color: #03a87f;
  background: rgba(3, 168, 127, 0.08);
  border: 1px solid rgba(3, 168, 127, 0.22);
  padding: 2px 8px;
  border-radius: 12px;
  margin-top: 4px;
  display: inline-block;
  transition: all 0.2s ease;
}
.hero-cat-square-box:hover .hero-cat-sub {
  background: #03a87f;
  color: #ffffff;
  border-color: #03a87f;
}
.hero-cat-square-box.tradein-highlight {
  border-color: rgba(3, 168, 127, 0.4);
  background: linear-gradient(135deg, #f0fdf9 0%, #e6fcf4 100%);
}
.hero-cat-square-box.tradein-highlight .hero-cat-icon-wrap {
  background: linear-gradient(135deg, #03a87f 0%, #028e6b 100%);
  color: #ffffff;
  border-color: transparent;
  box-shadow: 0 4px 12px rgba(3, 168, 127, 0.3);
}
.hero-cat-square-box.tradein-highlight .hero-cat-sub {
  background: #03a87f;
  color: #ffffff;
  border-color: #03a87f;
}