*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.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{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}[visible=""]{visibility:visible;}.absolute{position:absolute;}.fixed,[fixed=""]{position:fixed;}.relative{position:relative;}.inset-0{inset:0;}.bottom-6{bottom:1.5rem;}.left-2{left:0.5rem;}.right-6{right:1.5rem;}.top-0{top:0;}.top-2{top:0.5rem;}.z-30{z-index:30;}.z-40{z-index:40;}.z-50{z-index:50;}.grid{display:grid;}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}.mx-1{margin-left:0.25rem;margin-right:0.25rem;}.mx-auto{margin-left:auto;margin-right:auto;}.mb-1{margin-bottom:0.25rem;}.mb-3{margin-bottom:0.75rem;}.mb-4{margin-bottom:1rem;}.mt-1{margin-top:0.25rem;}.mt-2{margin-top:0.5rem;}.mt-3{margin-top:0.75rem;}.mt-4{margin-top:1rem;}.mt-6{margin-top:1.5rem;}.mt-auto{margin-top:auto;}.block{display:block;}.inline-block{display:inline-block;}.aspect-\[16\/9\],.aspect-video{aspect-ratio:16/9;}.h-16{height:4rem;}.h-6{height:1.5rem;}.h-full{height:100%;}.max-h-64{max-height:16rem;}.max-w-3xl{max-width:48rem;}.max-w-6xl{max-width:72rem;}.max-w-lg{max-width:32rem;}.min-h-\[600px\]{min-height:600px;}.min-h-screen{min-height:100vh;}.w-16{width:4rem;}.w-6{width:1.5rem;}.w-full{width:100%;}.flex{display:flex;}.flex-1{flex:1 1 0%;}.shrink-0{flex-shrink:0;}.flex-col{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.hover\:scale-105:hover{--un-scale-x:1.05;--un-scale-y:1.05;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite;}.cursor-pointer{cursor:pointer;}.items-center{align-items:center;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.gap-2{gap:0.5rem;}.gap-4{gap:1rem;}.gap-6{gap:1.5rem;}.overflow-hidden{overflow:hidden;}.whitespace-normal{white-space:normal;}.break-words{overflow-wrap:break-word;}.break-all{word-break:break-all;}.b-\[4px\],.border-4{border-width:4px;}.border{border-width:1px;}.border-2{border-width:2px;}.border-b{border-bottom-width:1px;}.border-t-4{border-top-width:4px;}.border-\[\#3b82f6\]{--un-border-opacity:1;border-color:rgb(59 130 246 / var(--un-border-opacity));}.border-blue-400{--un-border-opacity:1;border-color:rgb(96 165 250 / var(--un-border-opacity));}.border-cyan-400{--un-border-opacity:1;border-color:rgb(34 211 238 / var(--un-border-opacity));}.border-cyan-600\/20{border-color:rgb(8 145 178 / 0.2);}.border-gray-400{--un-border-opacity:1;border-color:rgb(156 163 175 / var(--un-border-opacity));}.border-gray-700{--un-border-opacity:1;border-color:rgb(55 65 81 / var(--un-border-opacity));}.border-yellow-400{--un-border-opacity:1;border-color:rgb(250 204 21 / var(--un-border-opacity));}.border-yellow-400\/50{border-color:rgb(250 204 21 / 0.5);}.border-t-transparent{border-top-color:transparent;}.rounded-full{border-radius:9999px;}.rounded-lg{border-radius:0.5rem;}.rounded-md{border-radius:0.375rem;}.rounded-xl{border-radius:0.75rem;}.border-solid{border-style:solid;}.bg-black{--un-bg-opacity:1;background-color:rgb(0 0 0 / var(--un-bg-opacity)) /* #000 */;}.bg-black\/80{background-color:rgb(0 0 0 / 0.8) /* #000 */;}.bg-black\/90{background-color:rgb(0 0 0 / 0.9) /* #000 */;}.bg-cyan-500{--un-bg-opacity:1;background-color:rgb(6 182 212 / var(--un-bg-opacity)) /* #06b6d4 */;}.bg-gray-700{--un-bg-opacity:1;background-color:rgb(55 65 81 / var(--un-bg-opacity)) /* #374151 */;}.bg-gray-800{--un-bg-opacity:1;background-color:rgb(31 41 55 / var(--un-bg-opacity)) /* #1f2937 */;}.bg-gray-900\/80{background-color:rgb(17 24 39 / 0.8) /* #111827 */;}.bg-gray-950{--un-bg-opacity:1;background-color:rgb(3 7 18 / var(--un-bg-opacity)) /* #030712 */;}.bg-pink-600{--un-bg-opacity:1;background-color:rgb(219 39 119 / var(--un-bg-opacity)) /* #db2777 */;}.bg-purple-700\/80{background-color:rgb(126 34 206 / 0.8) /* #7e22ce */;}.bg-purple-800\/40{background-color:rgb(107 33 168 / 0.4) /* #6b21a8 */;}.bg-yellow-400{--un-bg-opacity:1;background-color:rgb(250 204 21 / var(--un-bg-opacity)) /* #facc15 */;}.bg-yellow-900\/10{background-color:rgb(113 63 18 / 0.1) /* #713f12 */;}.hover\:bg-cyan-400:hover{--un-bg-opacity:1;background-color:rgb(34 211 238 / var(--un-bg-opacity)) /* #22d3ee */;}.hover\:bg-pink-400:hover{--un-bg-opacity:1;background-color:rgb(244 114 182 / var(--un-bg-opacity)) /* #f472b6 */;}.hover\:bg-purple-500:hover{--un-bg-opacity:1;background-color:rgb(168 85 247 / var(--un-bg-opacity)) /* #a855f7 */;}.hover\:bg-purple-600\/60:hover{background-color:rgb(147 51 234 / 0.6) /* #9333ea */;}.hover\:bg-yellow-300:hover{--un-bg-opacity:1;background-color:rgb(253 224 71 / var(--un-bg-opacity)) /* #fde047 */;}.from-black{--un-gradient-from-position:0%;--un-gradient-from:rgb(0 0 0 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(0 0 0 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.from-cyan-500{--un-gradient-from-position:0%;--un-gradient-from:rgb(6 182 212 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(6 182 212 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.via-gray-900{--un-gradient-via-position:50%;--un-gradient-to:rgb(17 24 39 / 0);--un-gradient-stops:var(--un-gradient-from), rgb(17 24 39 / var(--un-via-opacity, 1)) var(--un-gradient-via-position), var(--un-gradient-to);}.to-black{--un-gradient-to-position:100%;--un-gradient-to:rgb(0 0 0 / var(--un-to-opacity, 1)) var(--un-gradient-to-position);}.to-blue-500{--un-gradient-to-position:100%;--un-gradient-to:rgb(59 130 246 / var(--un-to-opacity, 1)) var(--un-gradient-to-position);}.bg-gradient-to-b{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.bg-gradient-to-r{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}[stroke-width~="\32 "]{stroke-width:2px;}.object-cover{object-fit:cover;}.object-contain{object-fit:contain;}.p-3{padding:0.75rem;}.p-4{padding:1rem;}.px,.px-4{padding-left:1rem;padding-right:1rem;}.px-2{padding-left:0.5rem;padding-right:0.5rem;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.px-6{padding-left:1.5rem;padding-right:1.5rem;}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.py-12{padding-top:3rem;padding-bottom:3rem;}.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.py-4{padding-top:1rem;padding-bottom:1rem;}.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}.py-8{padding-top:2rem;padding-bottom:2rem;}.pt-4{padding-top:1rem;}.text-center{text-align:center;}.text-3xl{font-size:1.875rem;line-height:2.25rem;}.text-base{font-size:1rem;line-height:1.5rem;}.text-lg{font-size:1.125rem;line-height:1.75rem;}.text-sm{font-size:0.875rem;line-height:1.25rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.text-black{--un-text-opacity:1;color:rgb(0 0 0 / var(--un-text-opacity)) /* #000 */;}.text-blue-400{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity)) /* #60a5fa */;}.text-cyan-300{--un-text-opacity:1;color:rgb(103 232 249 / var(--un-text-opacity)) /* #67e8f9 */;}.text-cyan-400{--un-text-opacity:1;color:rgb(34 211 238 / var(--un-text-opacity)) /* #22d3ee */;}.text-gray-400{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity)) /* #9ca3af */;}.text-gray-500{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity)) /* #6b7280 */;}.text-gray-600{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity)) /* #4b5563 */;}.text-purple-300{--un-text-opacity:1;color:rgb(216 180 254 / var(--un-text-opacity)) /* #d8b4fe */;}.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;}.text-yellow-300{--un-text-opacity:1;color:rgb(253 224 71 / var(--un-text-opacity)) /* #fde047 */;}.text-yellow-400{--un-text-opacity:1;color:rgb(250 204 21 / var(--un-text-opacity)) /* #facc15 */;}.hover\:text-cyan-300:hover{--un-text-opacity:1;color:rgb(103 232 249 / var(--un-text-opacity)) /* #67e8f9 */;}.hover\:text-white:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;}.font-bold{font-weight:700;}.font-medium{font-weight:500;}.font-semibold{font-weight:600;}.tracking-wide{letter-spacing:0.025em;}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}.underline{text-decoration-line:underline;}.hover\:underline:hover{text-decoration-line:underline;}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-\[0_0_12px_\#ec4899\]{--un-shadow:0 0 12px var(--un-shadow-color, rgb(236 72 153));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-\[0_0_30px_0_rgba\(255\,215\,0\,0\.4\)\]{--un-shadow:0 0 30px 0 var(--un-shadow-color, rgba(255, 215, 0, 0.4));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-inner{--un-shadow:inset 0 2px 4px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.hover\:shadow-cyan-500\/30:hover{--un-shadow-color:rgb(6 182 212 / 0.3) /* #06b6d4 */;}.hover\:shadow-lg:hover{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.hover\:shadow-md:hover{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.hover\:shadow-yellow-500\/30:hover{--un-shadow-color:rgb(234 179 8 / 0.3) /* #eab308 */;}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.focus\:ring-2:focus{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.ring-yellow-500\/30{--un-ring-color:rgb(234 179 8 / 0.3) /* #eab308 */;}.focus\:ring-cyan-400:focus{--un-ring-opacity:1;--un-ring-color:rgb(34 211 238 / var(--un-ring-opacity)) /* #22d3ee */;}.backdrop-blur{--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.duration-200{transition-duration:200ms;}.duration-300{transition-duration:300ms;}.ease,.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.placeholder-gray-400::placeholder{--un-placeholder-opacity:1;color:rgb(156 163 175 / var(--un-placeholder-opacity)) /* #9ca3af */;}@media (min-width: 640px){.sm\:absolute{position:absolute;}.sm\:right-8{right:2rem;}.sm\:top-8{top:2rem;}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.sm\:mt-0{margin-top:0;}.sm\:w-auto{width:auto;}.sm\:gap-3{gap:0.75rem;}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem;}.sm\:text-sm{font-size:0.875rem;line-height:1.25rem;}}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.md\:px-8{padding-left:2rem;padding-right:2rem;}}@media (min-width: 1024px){.lg\:px-16{padding-left:4rem;padding-right:4rem;}}@media (min-width: 1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}.xl\:px-24{padding-left:6rem;padding-right:6rem;}}/* Reset spacing and enforce box sizing */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100%;
  box-sizing: border-box;
  background-color: #000;
  color: #fff;
  font-family: 'Inter', system-ui, sans-serif;
  scroll-behavior: smooth;
}

/* Inherit box-sizing for all elements */
*, *::before, *::after {
  box-sizing: inherit;
}

/* App container */
#app {
  width: 100%;
  min-height: 100vh;
  font-weight: 400;
  display: flex;
  flex-direction: column;
}

/* Link styling */
a {
  color: #0ea5e9; /* sky-500 */
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: #38bdf8; /* sky-400 */
  text-decoration: underline;
}

/* Buttons */
button {
  font-family: inherit;
  font-weight: 500;
  cursor: pointer;
  border: none;
  outline: none;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  background: linear-gradient(to right, #06b6d4, #3b82f6);
  color: #fff;
  box-shadow: 0 4px 6px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
}

button:hover {
  background: linear-gradient(to right, #3b82f6, #06b6d4);
  transform: translateY(-1px) scale(1.03);
}

button:focus-visible {
  outline: 2px solid #38bdf8;
  outline-offset: 2px;
}

/* Scroll-to-top icon button */
.scroll-top-button {
  font-size: 1.5rem;
  padding: 0.75rem;
  background: #0ea5e9;
  color: white;
  border-radius: 50%;
  box-shadow: 0 8px 20px rgba(14,165,233,0.3);
  transition: background 0.3s ease, transform 0.2s ease;
}

.scroll-top-button:hover {
  background: #38bdf8;
  transform: scale(1.1);
}

/* Loading spinner */
.animate-spin {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Transitions */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.3s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

/* Utility enhancements */
.rounded-full {
  border-radius: 9999px;
}
.shadow-md {
  box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}
.shadow-lg {
  box-shadow: 0 10px 15px rgba(0,0,0,0.3);
}
.hover\:scale-105:hover {
  transform: scale(1.05);
}
.transition-all {
  transition: all 0.3s ease;
}
/* Filters Bar Enhancements */
.filters-bar select {
  background-color: #1e293b; /* slate-800 */
  color: #f8fafc; /* slate-50 */
  border: 1px solid #334155; /* slate-700 */
  border-radius: 0.375rem; /* rounded-md */
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem; /* text-sm */
  transition: all 0.2s ease;
}

.filters-bar select:hover,
.filters-bar select:focus {
  border-color: #0ea5e9; /* sky-500 */
  outline: none;
  box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.4);
  background-color: #0f172a; /* slate-900 */
}

.filters-bar label {
  font-weight: 500;
  color: #cbd5e1; /* slate-300 */
}

.fade-enter-active, .fade-leave-active {
  transition: opacity 0.3s ease;
}
.fade-enter-from, .fade-leave-to {
  opacity: 0;
}

.header-slide-enter-active,
.header-slide-leave-active {
  transition: all 0.5s ease;
}

.header-slide-enter-from,
.header-slide-leave-to {
  opacity: 0;
  transform: translateY(-10px);
}

.header-slide-enter-to,
.header-slide-leave-from {
  opacity: 1;
  transform: translateY(0);
}
.select-button-style {
  font-family: inherit;
  font-weight: 500;
  cursor: pointer;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  background: linear-gradient(to right, #06b6d4, #3b82f6);
  color: #fff;
  border: none;
  box-shadow: 0 4px 6px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
  appearance: none;
}

.select-button-style:hover {
  background: linear-gradient(to right, #3b82f6, #06b6d4);
  transform: translateY(-1px) scale(1.03);
}

.select-button-style:focus-visible {
  outline: 2px solid #38bdf8;
  outline-offset: 2px;
}

/* Placeholder styling */
::placeholder {
  color: #94a3b8;
  opacity: 1;
}

/* Scrollbar (optional) */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #475569;
}
a.button {
  font-family: inherit;
  font-weight: 500;
  cursor: pointer;
  text-align: center;
  border: none;
  outline: none;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  background: linear-gradient(to right, #06b6d4, #3b82f6);
  color: #fff;
  box-shadow: 0 4px 6px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
  display: inline-block;
  text-decoration: none;
}

a.button:hover {
  background: linear-gradient(to right, #3b82f6, #06b6d4);
  transform: translateY(-1px) scale(1.03);
}

a.button:focus-visible {
  outline: 2px solid #38bdf8;
  outline-offset: 2px;
}

@keyframes pulse-slow-7496c471 {
0%, 100% {
    box-shadow: 0 0 0 0 rgba(250, 204, 21, 0.4);
}
50% {
    box-shadow: 0 0 20px 8px rgba(250, 204, 21, 0.2);
}
}
.animate-pulse-slow[data-v-7496c471] {
  animation: pulse-slow-7496c471 3s infinite;
}

/* Ensure the image container reserves space */
.block[data-v-7496c471] {
  display: block;
}
.aspect-\[16\/9\][data-v-7496c471] {
  aspect-ratio: 16 / 9;
}

/* Scoped styles (from your original component) */
.select-button-style[data-v-0d427cc6] {
@apply bg-gray-700 text-white px-3 py-2 rounded-md focus:outline-none focus:ring-2 focus:ring-cyan-400;
}
.fade-enter-active[data-v-0d427cc6], .fade-leave-active[data-v-0d427cc6] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-0d427cc6], .fade-leave-to[data-v-0d427cc6] {
  opacity: 0;
}
.scroll-top-button[data-v-0d427cc6] {
  background-color: #0ea5e9;
  color: #fff;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  transition: background-color 0.3s, transform 0.2s;
}
.scroll-top-button[data-v-0d427cc6]:hover {
  background-color: #38bdf8;
  transform: translateY(-2px);
}

/* New: Styles for the content wrapper */
.content-wrapper[data-v-0d427cc6] {
  /* No specific padding-top here initially, it's applied to <main> */
  /* This wrapper mostly helps contain the overall layout */
}