*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-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,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--radius: .625rem;--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: oklch(.205 0 0);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.97 0 0);--secondary-foreground: oklch(.205 0 0);--muted: oklch(.97 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.97 0 0);--accent-foreground: oklch(.205 0 0);--destructive: oklch(.577 .245 27.325);--border: oklch(.922 0 0);--input: oklch(.922 0 0);--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: oklch(.205 0 0);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.205 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.205 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.922 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.704 .191 22.216);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--ring: oklch(.556 0 0);--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(1 0 0 / 10%);--sidebar-ring: oklch(.556 0 0)}*{border-color:var(--border)}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body{background-color:var(--background);color:var(--foreground)}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-inset-1{top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem}.inset-0{top:0;right:0;bottom:0;left:0}.inset-\[1px\]{top:1px;right:1px;bottom:1px;left:1px}.inset-\[2px\]{top:2px;right:2px;bottom:2px;left:2px}.-right-10{right:-2.5rem}.end-0{inset-inline-end:0px}.left-0{left:0}.left-1\/2{left:50%}.top-0{top:0}.top-1\/2{top:50%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-\[19\]{z-index:19}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.mb-0{margin-bottom:0}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.me-1{margin-inline-end:.25rem}.me-2{margin-inline-end:.5rem}.ml-2{margin-left:.5rem}.mr-1{margin-right:.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.size-full{width:100%;height:100%}.h-1\/2{height:50%}.h-12{height:3rem}.h-24{height:6rem}.h-3\/4{height:75%}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[18px\]{height:18px}.h-\[200\%\]{height:200%}.h-\[20px\]{height:20px}.h-\[56px\]{height:56px}.h-full{height:100%}.h-min{height:-moz-min-content;height:min-content}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-36{width:9rem}.w-8{width:2rem}.w-\[18px\]{width:18px}.w-\[200\%\]{width:200%}.w-\[20px\]{width:20px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-grab{cursor:grab}.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}.resize{resize:both}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-\[6px\]{gap:6px}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.rounded-\[11px\]{border-radius:11px}.rounded-\[12px\]{border-radius:12px}.rounded-\[8px\]{border-radius:8px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-\[\#444\]{--tw-border-opacity: 1;border-color:rgb(68 68 68 / var(--tw-border-opacity, 1))}.border-gray-400\/30{border-color:#9ca3af4d}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.bg-background{background-color:var(--background)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/20{background-color:#0003}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-secondary{background-color:var(--secondary)}.bg-white\/10{background-color:#ffffff1a}.bg-white\/5{background-color:#ffffff0d}.bg-\[conic-gradient\(from_0deg\,transparent_0\%\,transparent_70\%\,\#ffffff_100\%\)\]{background-image:conic-gradient(from 0deg,transparent 0%,transparent 70%,#ffffff 100%)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-500\/20{--tw-gradient-from: rgb(59 130 246 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-purple-500\/20{--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(168 85 247 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white\/10{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .1) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-blue-500\/20{--tw-gradient-to: rgb(59 130 246 / .2) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.fill-blue-500\/40{fill:#3b82f666}.fill-transparent{fill:transparent}.stroke-gray-500\/50{stroke:#6b728080}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[2px\]{padding:2px}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[16px\]{font-size:16px}.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-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.tracking-wide{letter-spacing:.025em}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-muted{color:var(--muted)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);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);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{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-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-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-1000{transition-duration:1s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.fade-in{--tw-enter-opacity: 0}.duration-100{animation-duration:.1s}.duration-1000{animation-duration:1s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.duration-700{animation-duration:.7s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.mask-radial-to-90\%{mask-image:radial-gradient(circle,black 0%,transparent 90%);-webkit-mask-image:radial-gradient(circle,black 0%,transparent 90%)}.mask-radial-at-center{mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.hover\:bg-black\/10:hover{background-color:#0000001a}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-zinc-900:hover{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.hover\:text-gray-200:hover{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.focus\:border-white\/50:focus{border-color:#ffffff80}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:rotate-12{--tw-rotate: 12deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:opacity-100{opacity:1}.dark\:bg-white\/20:is(.dark *){background-color:#fff3}.\[\&\:not\(\:hover\)\]\:duration-1000:not(:hover){transition-duration:1s;animation-duration:1s}.navbar[data-v-6604f495]{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0006;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1)}.navbar-container[data-v-6604f495]{max-width:1400px;margin:0 auto;padding:0 40px;height:64px;display:flex;align-items:center;justify-content:space-between}.navbar-logo[data-v-6604f495]{display:flex;align-items:center;cursor:pointer;transition:transform .3s ease}.navbar-logo[data-v-6604f495]:hover{transform:translateY(-2px)}.navbar-menu[data-v-6604f495]{display:flex;align-items:center;gap:32px}.nav-item[data-v-6604f495]{color:#ffffffb3;text-decoration:none;font-size:15px;font-weight:500;transition:all .3s ease;position:relative;padding:8px 0}.nav-item[data-v-6604f495]:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#fff,#e5e5e5);transition:width .3s ease}.nav-item[data-v-6604f495]:hover,.nav-item.active[data-v-6604f495]{color:#fff}.nav-item[data-v-6604f495]:hover:after,.nav-item.active[data-v-6604f495]:after{width:100%}.navbar-user[data-v-6604f495]{position:relative}.login-btn[data-v-6604f495]{padding:8px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.login-btn[data-v-6604f495]:hover{background:#fff3;border-color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.user-info[data-v-6604f495]{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:24px;cursor:pointer;transition:all .3s ease}.user-info[data-v-6604f495]:hover{background:#ffffff26;border-color:#fff6}.user-avatar[data-v-6604f495]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#fff,#e5e5e5);display:flex;align-items:center;justify-content:center;color:#000;font-weight:600;font-size:14px;overflow:hidden}.avatar-img[data-v-6604f495]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-menu[data-v-6604f495]{position:absolute;top:calc(100% + 12px);right:0;min-width:260px;background:#141414f2;border:1px solid rgba(255,255,255,.1);border-radius:16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 40px #00000080;overflow:hidden;animation:menuFadeIn-6604f495 .2s ease;padding:8px}@keyframes menuFadeIn-6604f495{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.user-menu-header[data-v-6604f495]{padding:12px;display:flex;align-items:center;gap:16px;background:transparent;margin-bottom:8px;border-radius:12px;transition:background .2s ease}.user-menu-header[data-v-6604f495]:hover{background:#ffffff08}.user-avatar-large[data-v-6604f495]{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#fff,#e5e5e5);display:flex;align-items:center;justify-content:center;color:#000;font-weight:700;font-size:20px;flex-shrink:0;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.user-details[data-v-6604f495]{flex:1;min-width:0}.user-name[data-v-6604f495]{font-size:15px;font-weight:600;color:#fff;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email[data-v-6604f495]{font-size:13px;color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-divider[data-v-6604f495]{height:1px;background:#ffffff1a;margin:4px 8px}.user-menu-item[data-v-6604f495]{display:flex;align-items:center;gap:12px;padding:10px 12px;color:#ffffffb3;font-size:14px;cursor:pointer;transition:all .2s ease;border-radius:8px;margin:2px 0}.user-menu-item[data-v-6604f495]:hover{background:#ffffff1a;color:#fff;transform:translate(4px)}.user-menu-item svg[data-v-6604f495]{flex-shrink:0;opacity:.8}.user-menu-item:hover svg[data-v-6604f495]{opacity:1}@media (max-width: 768px){.navbar-container[data-v-6604f495]{padding:0 20px}.navbar-menu[data-v-6604f495]{gap:20px}.nav-item[data-v-6604f495]{font-size:14px}}.feature-card[data-v-05e2d4da]{position:relative;background-clip:border-box;-webkit-background-clip:border-box;background:#000c;border-radius:24px;padding:32px;color:#fff;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform-style:preserve-3d;transform:perspective(1000px);z-index:1;cursor:pointer}.feature-card[data-v-05e2d4da]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;padding:1px;background:linear-gradient(90deg,#ffffff1a,#ffffff4d,#ffffff1a,#ffffff4d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background-size:300% 100%;animation:moveGradient-05e2d4da 8s linear infinite}.feature-card[data-v-05e2d4da]:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:24px;background:linear-gradient(90deg,#fff3,#ffffff4d,#fff3);opacity:0;filter:blur(16px);transition:opacity .3s}@keyframes moveGradient-05e2d4da{0%{background-position:0% 0%}to{background-position:300% 0%}}.feature-card[data-v-05e2d4da]:hover:before{background:linear-gradient(90deg,#fff3,#ffffff4d,#fff3);animation:moveGradient-05e2d4da 3s linear infinite}.feature-card[data-v-05e2d4da]:hover:after{opacity:.1}.feature-card[data-v-05e2d4da]:hover{background:linear-gradient(#ffffff03,#ffffff03)}.card-content[data-v-05e2d4da]{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;transform-style:preserve-3d}.card-text[data-v-05e2d4da]{margin-bottom:12px;transform-style:preserve-3d;transform:translateZ(80px)}.card-text h3[data-v-05e2d4da]{font-size:24px;margin:0 0 12px;background:linear-gradient(to bottom,#393939,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transform:translateZ(10px)}.card-text p[data-v-05e2d4da]{color:#94a3b8;margin:0;font-size:14px;line-height:1.5}.card-image[data-v-05e2d4da]{width:100%;height:200px;border-radius:16px;overflow:hidden;transform-style:preserve-3d;transform:translateZ(100px);margin-bottom:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 1px #ffffff0d}.card-image img[data-v-05e2d4da]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.card-button[data-v-05e2d4da]{position:relative;padding:12px 28px;background:#ffffff0d;border-radius:12px;font-size:14px;font-weight:500;color:#fffc;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translateZ(60px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;border:1px solid rgba(255,255,255,.1);text-align:center}.card-button[data-v-05e2d4da]:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.card-button[data-v-05e2d4da]:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(45deg,#fff3,#ffffff1a 30%,#fff3);border-radius:inherit;transition:opacity .4s ease;opacity:0}.card-button[data-v-05e2d4da]:hover{background:#ffffff1a;color:#fff;border-color:#fff3;transform:translateZ(60px) translateY(-2px);box-shadow:0 5px 15px #0000004d,0 0 20px #ffffff0d,0 0 30px #ffffff08,inset 0 0 15px #ffffff0d}.corner[data-v-05e2d4da]{position:absolute;width:100px;height:100px;pointer-events:none}.corner[data-v-05e2d4da]:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,255,255,.15),transparent 70%);opacity:0;transition:opacity .3s}.corner-top-left[data-v-05e2d4da]{top:0;left:0}.corner-top-right[data-v-05e2d4da]{top:0;right:0}.corner-bottom-left[data-v-05e2d4da]{bottom:0;left:0}.corner-bottom-right[data-v-05e2d4da]{bottom:0;right:0}.feature-card:hover .corner[data-v-05e2d4da]:before{opacity:1}.card-hover-effect[data-v-05e2d4da]{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.1),transparent 40%);opacity:0;transition:opacity .3s;pointer-events:none}.feature-card:hover .card-hover-effect[data-v-05e2d4da]{opacity:1}.noise-bg[data-v-05e2d4da]{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../image/Arrow%20Dynamics%20%E2%80%93%20Framer%20Library%20to%20build%20Interactive%20Animations.png);background-repeat:repeat;opacity:.1;mix-blend-mode:overlay;pointer-events:none;z-index:1}.auth-modal-overlay[data-v-7e74034b]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.auth-modal-container[data-v-7e74034b]{position:relative;width:100%;max-width:440px;background:#0a0a0fd9;border-radius:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0009;overflow:hidden;padding:2px}.auth-modal-container[data-v-7e74034b]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:1px;background:linear-gradient(180deg,#fff6,#ffffff1a,#ffffff0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.auth-modal-close[data-v-7e74034b]{position:absolute;top:20px;right:20px;width:32px;height:32px;background:transparent;border:none;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;font-size:32px;line-height:1;padding:0}.auth-modal-close[data-v-7e74034b]:hover{color:#fff;transform:rotate(90deg)}.auth-modal-content[data-v-7e74034b]{padding:40px 32px 32px;position:relative;z-index:1;background:#0a0a0ff2;border-radius:18px}.auth-tabs[data-v-7e74034b]{display:flex;gap:8px;margin-bottom:32px;background:#ffffff08;border-radius:12px;padding:4px;border:1px solid rgba(255,255,255,.1)}.auth-tab[data-v-7e74034b]{flex:1;padding:12px 24px;background:transparent;border:none;border-radius:8px;color:#999;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease}.auth-tab[data-v-7e74034b]:hover{color:#fff;background:#ffffff0d}.auth-tab.active[data-v-7e74034b]{background:#ffffff26;color:#fff;box-shadow:0 2px 8px #ffffff1a}.auth-form[data-v-7e74034b]{display:flex;flex-direction:column}.auth-title[data-v-7e74034b]{font-size:24px;font-weight:700;color:#fff;margin:0 0 8px;text-align:center}.auth-subtitle[data-v-7e74034b]{font-size:14px;color:#999;margin:0 0 28px;text-align:center}.form-group[data-v-7e74034b]{margin-bottom:20px}.form-group label[data-v-7e74034b]{display:block;font-size:14px;font-weight:500;color:#ccc;margin-bottom:8px}.form-group input[data-v-7e74034b]{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:14px;transition:all .3s ease;box-sizing:border-box}.form-group input[data-v-7e74034b]::-moz-placeholder{color:#666}.form-group input[data-v-7e74034b]::placeholder{color:#666}.form-group input[data-v-7e74034b]:focus{outline:none;border-color:#fff6;background:#ffffff14;box-shadow:0 0 0 3px #ffffff0d}.form-options[data-v-7e74034b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.checkbox-label[data-v-7e74034b]{display:flex;align-items:center;gap:8px;font-size:14px;color:#999;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-label input[type=checkbox][data-v-7e74034b]{width:16px;height:16px;cursor:pointer;accent-color:#fff}.checkbox-label.agreement[data-v-7e74034b]{margin-bottom:24px}.forgot-link[data-v-7e74034b],.link[data-v-7e74034b]{color:#fff;text-decoration:none;font-size:14px;transition:color .3s ease}.forgot-link[data-v-7e74034b]:hover,.link[data-v-7e74034b]:hover{color:#ccc;text-decoration:underline}.auth-submit-btn[data-v-7e74034b]{width:100%;padding:14px 24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;display:flex;align-items:center;justify-content:center;min-height:50px}.auth-submit-btn[data-v-7e74034b]:hover:not(:disabled){background:#fff3;border-color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #ffffff1a}.auth-submit-btn[data-v-7e74034b]:active:not(:disabled){transform:translateY(0)}.auth-submit-btn[data-v-7e74034b]:disabled{opacity:.6;cursor:not-allowed}.loading-spinner[data-v-7e74034b]{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-7e74034b .8s linear infinite}@keyframes spin-7e74034b{to{transform:rotate(360deg)}}.error-message[data-v-7e74034b]{margin-top:16px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:14px;text-align:center}.modal-fade-enter-active[data-v-7e74034b],.modal-fade-leave-active[data-v-7e74034b]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-7e74034b],.modal-fade-leave-to[data-v-7e74034b]{opacity:0}.modal-fade-enter-active .auth-modal-container[data-v-7e74034b],.modal-fade-leave-active .auth-modal-container[data-v-7e74034b]{transition:transform .3s ease,opacity .3s ease}.modal-fade-enter-from .auth-modal-container[data-v-7e74034b],.modal-fade-leave-to .auth-modal-container[data-v-7e74034b]{transform:scale(.9);opacity:0}@media (max-width: 480px){.auth-modal-content[data-v-7e74034b]{padding:32px 24px 24px}.auth-title[data-v-7e74034b]{font-size:20px}.auth-subtitle[data-v-7e74034b]{font-size:13px}}.success-message[data-v-7e74034b]{margin-top:1rem;padding:.75rem;background-color:#4caf501a;border:1px solid rgba(76,175,80,.2);color:#4caf50;border-radius:8px;font-size:.9rem;text-align:center}.form-options.center[data-v-7e74034b]{justify-content:center;margin-top:1rem}.back-link[data-v-7e74034b]{color:#fff9;font-size:.9rem;text-decoration:none;transition:color .2s}.back-link[data-v-7e74034b]:hover{color:#fff}.password-wrapper[data-v-7e74034b]{position:relative;display:flex;align-items:center}.password-wrapper input[data-v-7e74034b]{padding-right:40px}.password-toggle[data-v-7e74034b]{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:#999;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .3s;z-index:2}.password-toggle[data-v-7e74034b]:hover{color:#fff}.form-options[data-v-7e74034b]{display:flex;justify-content:space-between;align-items:center}.checkbox-label[data-v-7e74034b]{display:flex;align-items:center;gap:6px;line-height:normal}.form-options .checkbox-label[data-v-7e74034b]{margin-bottom:0!important}.checkbox-label input[data-v-7e74034b]{margin:0;position:relative;top:0}.forgot-link[data-v-7e74034b]{line-height:normal;display:flex;align-items:center}.home-container{position:relative;min-height:100vh;background:#000;color:#fff;overflow-x:hidden;padding-top:64px}.grid-mask{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:0;transition:opacity .3s;background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.12),transparent 40%)}.home-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:40px 40px;z-index:0;opacity:.3;background-clip:border-box;pointer-events:none}.home-container:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.1) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.1) 2px,transparent 2px);background-size:100px 100px;z-index:0;opacity:.3;pointer-events:none}.header{text-align:center;margin-bottom:20px;position:relative;padding:40px 0;overflow:hidden;background:linear-gradient(to bottom,rgba(255,255,255,.01),transparent)}.user-profile-btn{position:absolute;top:20px;right:40px;z-index:100}.login-btn{padding:10px 24px;background:#8b5cf680;border:1px solid #8B5CF6;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8b5cf64d}.login-btn:hover{background:#8b5cf6b3;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.user-info{display:flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:24px;cursor:pointer;transition:all .3s ease;position:relative}.user-info:hover{background:#8b5cf633;border-color:#8b5cf6}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.user-name{color:#fff;font-size:14px;font-weight:500}.user-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:#14141ef2;border:1px solid rgba(139,92,246,.3);border-radius:12px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 24px #0006;overflow:hidden;animation:menuFadeIn .2s ease}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#ccc;font-size:14px;cursor:pointer;transition:all .2s ease}.user-menu-item:hover{background:#8b5cf633;color:#fff}.user-menu-item svg{flex-shrink:0}.header h1{font-size:48px;margin-bottom:16px;background:linear-gradient(to bottom,#393939,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;font-weight:700;letter-spacing:-.02em;line-height:1.2;position:relative;animation:titleFloat 3s ease-in-out infinite}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.header p{color:#ffffffb3;text-align:center;font-size:16px;max-width:600px;margin:0 auto 20px;animation:subtitleFloat 3s ease-in-out infinite .2s}@keyframes subtitleFloat{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(-5px);opacity:1}}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:1280px;margin:0 auto;padding:0 20px;position:relative;z-index:10}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:20px}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{color:#ffffffb3;font-size:16px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:20px}.error-container p{color:#ef4444;font-size:16px}.retry-btn{padding:12px 24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.retry-btn:hover{background:#fff3;border-color:#fff;transform:translateY(-2px)}.card-item{position:relative;background-clip:border-box;-webkit-background-clip:border-box;background:#000c;border-radius:24px;padding:32px;text-decoration:none;color:#fff;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform-style:preserve-3d;transform:perspective(1000px);z-index:1;display:block}.card-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;padding:1px;background:linear-gradient(90deg,#ffffff1a,#ffffff4d,#ffffff1a,#ffffff4d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background-size:300% 100%;animation:moveGradient 8s linear infinite}.card-item:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:24px;background:linear-gradient(90deg,#fff3,#ffffff4d,#fff3);opacity:0;filter:blur(16px);transition:opacity .3s}@keyframes moveGradient{0%{background-position:0% 0%}to{background-position:300% 0%}}.card-item:hover:before{background:linear-gradient(90deg,rgba(255,255,255,.2),rgba(255,255,255,.3),rgba(255,255,255,.2),);animation:moveGradient 3s linear infinite}.card-item:hover:after{opacity:.1}.card-item:hover{background:linear-gradient(#ffffff03,#ffffff03)}.card-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;transform-style:preserve-3d}.card-text{margin-bottom:12px;transform-style:preserve-3d;transform:translateZ(80px)}.card-text h3{font-size:24px;margin:0 0 12px;background:linear-gradient(to bottom,#393939,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transform:translateZ(10px)}.card-text p{color:#94a3b8;margin:0;font-size:14px;line-height:1.5}.card-image{width:100%;height:200px;border-radius:16px;overflow:hidden;transform-style:preserve-3d;transform:translateZ(100px);margin-bottom:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 1px #ffffff0d}.card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.card-button{position:relative;padding:12px 28px;background:#ffffff0d;border-radius:12px;font-size:14px;font-weight:500;color:#fffc;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translateZ(60px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;border:1px solid rgba(255,255,255,.1);text-align:center;cursor:pointer}.card-button:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.card-button:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(45deg,#fff3,#ffffff1a 30%,#fff3);border-radius:inherit;transition:opacity .4s ease;opacity:0}.card-button:hover{background:#ffffff1a;color:#fff;border-color:#fff3;transform:translateZ(60px) translateY(-2px);box-shadow:0 5px 15px #0000004d,0 0 20px #ffffff0d,0 0 30px #ffffff08,inset 0 0 15px #ffffff0d;animation:glow 3s infinite}.card-button:hover:before{transform:translate(0)}.card-button:hover:after{opacity:1}.card-button:active{transform:translateZ(60px) translateY(0);box-shadow:0 2px 10px #0003,0 0 15px #ffffff08,inset 0 0 10px #ffffff0a}@keyframes glow{0%,to{box-shadow:0 0 15px #ffffff08,0 0 30px #ffffff05}50%{box-shadow:0 0 25px #ffffff0d,0 0 50px #ffffff08}}.filter-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:40px;flex-wrap:wrap;position:relative;z-index:10}.filter-tab{padding:8px 16px;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;cursor:pointer;transition:all .3s}.filter-tab.active,.filter-tab:hover{background:#ffffff26;color:#fff;border-color:#ffffff4d}@media (max-width: 768px){.cards-grid{grid-template-columns:1fr}}.card-item .corner{position:absolute;width:100px;height:100px;pointer-events:none}.card-item .corner:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,255,255,.15),transparent 70%);opacity:0;transition:opacity .3s}.card-item .corner-top-left{top:0;left:0}.card-item .corner-top-right{top:0;right:0}.card-item .corner-bottom-left{bottom:0;left:0}.card-item .corner-bottom-right{bottom:0;right:0}.card-item:hover .corner:before{opacity:1}.card-hover-effect{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.1),transparent 40%);opacity:0;transition:opacity .3s;pointer-events:none}.card-item:hover .card-hover-effect{opacity:1}.noise-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../image/Arrow%20Dynamics%20%E2%80%93%20Framer%20Library%20to%20build%20Interactive%20Animations.png);background-repeat:repeat;opacity:.1;mix-blend-mode:overlay;pointer-events:none;z-index:1}.floating-button{position:fixed;right:30px;bottom:30px;width:80px;height:80px;background:#ffffff0d;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.floating-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;padding:2px;background:linear-gradient(45deg,#ffffff1a,#ffffff4d,#ffffff1a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rotate 4s linear infinite}.floating-button:after{content:"";position:absolute;width:150%;height:150%;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 2s ease-out infinite}.button-content{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fffc;font-size:14px;font-weight:500;background:#0003;border-radius:50%;transition:all .3s ease}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.3}to{transform:scale(1);opacity:.5}}.floating-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 10px 20px #0003,0 0 20px #ffffff1a,0 0 40px #ffffff0d}.floating-button:hover .button-content{color:#fff;background:#0000004d}.floating-button:active{transform:translateY(0) scale(.95)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1001;opacity:0;transition:opacity .3s ease;align-items:center;justify-content:center}.modal.show{display:flex;opacity:1}.modal-content{position:relative;width:90%;max-width:400px;margin:auto;background:#14141499;border-radius:24px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 0 40px #0000004d,inset 0 0 0 1px #ffffff1a;transform:scale(.8);transition:all .3s ease;overflow:hidden;padding:20px}