@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Inter:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;600;700&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family: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::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}.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}}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.z-10{z-index:10}.mx-8{margin-left:2rem;margin-right:2rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-0{margin-bottom:0}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.me-2{margin-inline-end:.5rem}.me-auto{margin-inline-end:auto}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.block{display:block}.table{display:table}.grid{display:grid}.hidden{display:none}.h-16{height:4rem}.h-20{height:5rem}.h-3{height:.75rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.max-h-8{max-height:2rem}.min-h-screen{min-height:100vh}.w-16{width:4rem}.w-20{width:5rem}.w-3{width:.75rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-grow{flex-grow:1}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.bg-white\/30{background-color:#ffffff4d}.bg-opacity-50{--tw-bg-opacity: .5}.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-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-1{padding:.25rem}.p-3{padding:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.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-bold{font-weight:700}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/90{color:#ffffffe6}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-90{opacity:.9}.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)}.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)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,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-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-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/50:hover{background-color:#ffffff80}.group:hover .group-hover\:translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:inline{display:inline}.sm\:flex-row{flex-direction:row}}@media (min-width: 768px){.md\:block{display:block}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:py-32{padding-top:8rem;padding-bottom:8rem}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-7xl{font-size:4.5rem;line-height:1}.lg\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width: 1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}:root{--primary-50: #fdf2f8;--primary-100: #fce7f3;--primary-200: #fbcfe8;--primary-300: #f9a8d4;--primary-400: #f472b6;--primary-500: #c5077f;--primary-600: #a21caf;--primary-700: #86198f;--primary-800: #701a75;--primary-900: #581c87;--secondary-50: #faf7ff;--secondary-100: #f3f0ff;--secondary-200: #e9e5ff;--secondary-300: #d4d4ff;--secondary-400: #a8a5ff;--secondary-500: #7c3c68;--secondary-600: #6b21b8;--secondary-700: #581c87;--secondary-800: #4c1d95;--secondary-900: #3b0764;--accent-50: #fffbeb;--accent-100: #fef3c7;--accent-200: #fed7aa;--accent-300: #fdba74;--accent-400: #fb923c;--accent-500: #f0b856;--accent-600: #ea580c;--accent-700: #c2410c;--accent-800: #9a3412;--accent-900: #7c2d12;--neutral-50: #fafafa;--neutral-100: #f4f4f5;--neutral-200: #e4e4e7;--neutral-300: #d4d4d8;--neutral-400: #a1a1aa;--neutral-500: #71717a;--neutral-600: #52525b;--neutral-700: #3f3f46;--neutral-800: #27272a;--neutral-900: #18181b;--dark-50: #fafafa;--dark-100: #f1f1f3;--dark-200: #e9e9ec;--dark-300: #d7d7d7;--dark-400: #a3a3a6;--dark-500: #737376;--dark-600: #52525b;--dark-700: #3f3f46;--dark-800: #312e37;--dark-900: #51294b;--success-50: #f0fdf4;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--warning-50: #fffbeb;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--error-50: #fef2f2;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--info-50: #eff6ff;--info-500: #3b82f6;--info-600: #2563eb;--info-700: #1d4ed8;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--text-xs: clamp(.75rem, .7rem + .2vw, .8rem);--text-sm: clamp(.875rem, .8rem + .3vw, .95rem);--text-base: clamp(1rem, .95rem + .3vw, 1.125rem);--text-lg: clamp(1.125rem, 1.05rem + .4vw, 1.25rem);--text-xl: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.35rem + .7vw, 1.875rem);--text-3xl: clamp(1.875rem, 1.65rem + 1vw, 2.25rem);--text-4xl: clamp(2.25rem, 1.95rem + 1.5vw, 3rem);--text-5xl: clamp(3rem, 2.5rem + 2.5vw, 3.75rem);--text-6xl: clamp(3.75rem, 3rem + 3.5vw, 4.5rem);--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-px: 1px;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-40: 10rem;--space-48: 12rem;--space-56: 14rem;--space-64: 16rem;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-base: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--shadow-cosmic-sm: 0 4px 15px rgb(197 7 127 / .15);--shadow-cosmic-base: 0 8px 25px rgb(197 7 127 / .2);--shadow-cosmic-lg: 0 15px 35px rgb(197 7 127 / .25);--shadow-cosmic-xl: 0 25px 50px rgb(197 7 127 / .3);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--breakpoint-xs: 475px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px;--background-primary: var(--dark-800);--background-secondary: var(--dark-900);--background-tertiary: var(--dark-700);--text-primary: var(--dark-300);--text-secondary: var(--dark-400);--text-muted: var(--dark-500);--border-primary: var(--primary-500);--border-secondary: var(--dark-600)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:linear-gradient(135deg,var(--background-primary) 0%,var(--background-secondary) 100%);min-height:100vh;font-feature-settings:"kern"}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizeSpeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture,svg{max-width:100%;height:auto;display:block}article>*+*{margin-block-start:1em}input,button,textarea,select{font:inherit;color:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight);letter-spacing:-.025em;margin-block-end:var(--space-6);color:var(--text-primary)}h1{font-size:var(--text-5xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--primary-500),var(--accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-block-end:var(--space-8)}h2{font-size:var(--text-4xl);margin-block-end:var(--space-6)}h3{font-size:var(--text-3xl);margin-block-end:var(--space-5)}h4{font-size:var(--text-2xl);margin-block-end:var(--space-4)}h5{font-size:var(--text-xl);margin-block-end:var(--space-4)}h6{font-size:var(--text-lg);margin-block-end:var(--space-3)}p{margin-block-end:var(--space-4);line-height:var(--leading-relaxed);max-width:70ch}.text-balance{text-wrap:balance}.container{width:100%;max-width:var(--container-xl);margin-inline:auto;padding-inline:var(--space-4)}@media (min-width: 640px){.container{padding-inline:var(--space-6)}}@media (min-width: 1024px){.container{padding-inline:var(--space-8)}}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-xl{max-width:var(--container-xl)}.container-2xl{max-width:var(--container-2xl)}.grid{display:grid;gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}@media (min-width: 768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.md\\:grid-cols-6{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1024px){.lg\\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\\:grid-cols-5{grid-template-columns:repeat(5,1fr)}.lg\\:grid-cols-6{grid-template-columns:repeat(6,1fr)}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-12{gap:var(--space-12)}.card{background:linear-gradient(145deg,rgba(124,60,104,.1),rgba(197,7,127,.05));border:1px solid rgba(197,7,127,.2);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-6);transition:all var(--transition-base);box-shadow:var(--shadow-cosmic-sm)}.card:hover{box-shadow:var(--shadow-cosmic-lg);transform:translateY(-2px);border-color:#c5077f4d}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid rgba(197,7,127,.1)}.card-body{margin-bottom:var(--space-4);font-size:var(--text-sm)}.card-body h1,.card-body h2,.card-body h3{font-size:var(--text-lg)}.card-body h4{font-size:var(--text-base)}.card-body h5,.card-body h6{font-size:var(--text-sm)}.card-body p{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(197,7,127,.1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-display);font-weight:var(--font-weight-medium);font-size:var(--text-sm);line-height:1;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:focus{outline:2px solid var(--primary-500);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:var(--shadow-cosmic-sm)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:var(--shadow-cosmic-base);transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg,var(--secondary-500),var(--secondary-600));color:#fff;box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:linear-gradient(135deg,var(--secondary-600),var(--secondary-700));box-shadow:var(--shadow-base);transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,var(--accent-500),var(--accent-600));color:var(--dark-900);box-shadow:var(--shadow-sm)}.btn-accent:hover{background:linear-gradient(135deg,var(--accent-600),var(--accent-700));box-shadow:var(--shadow-base);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--primary-500);border:1px solid var(--primary-500)}.btn-outline:hover{background:var(--primary-500);color:#fff}.btn-ghost{background:transparent;color:var(--text-primary)}.btn-ghost:hover{background:rgba(197,7,127,.1);color:var(--primary-500)}.btn-xs{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-base)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-xl)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-xl);border-radius:var(--radius-2xl)}.btn-full{width:100%}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);background:rgba(124,60,104,.1);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);color:var(--text-primary);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #c5077f1a;background:rgba(124,60,104,.15)}.form-input::placeholder{color:var(--text-muted)}.form-textarea{min-height:120px;resize:vertical}.form-select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1rem;padding-right:var(--space-10);-webkit-appearance:none;-moz-appearance:none;appearance:none}.nav{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-4) 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(197,7,127,.2)}.nav-brand{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--primary-500);text-decoration:none}.nav-links{display:flex;list-style:none;gap:var(--space-6);margin-left:auto}.nav-link{color:var(--text-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md)}.nav-link:hover,.nav-link.active{color:var(--primary-500);background:rgba(197,7,127,.1)}@media (max-width: 768px){.nav{flex-wrap:wrap}.nav-links{width:100%;margin-left:0;margin-top:var(--space-4);flex-wrap:wrap}}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:var(--primary-500);color:#fff}.badge-secondary{background:var(--secondary-500);color:#fff}.badge-success{background:var(--success-500);color:#fff}.badge-warning{background:var(--warning-500);color:#fff}.badge-error{background:var(--error-500);color:#fff}.badge-outline{background:transparent;border:1px solid currentColor}.alert{padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);border:1px solid;margin-bottom:var(--space-4)}.alert-success{background:var(--success-50);border-color:var(--success-200);color:var(--success-700)}.alert-warning{background:var(--warning-50);border-color:var(--warning-200);color:var(--warning-700)}.alert-error{background:var(--error-50);border-color:var(--error-200);color:var(--error-700)}.alert-info{background:var(--info-50);border-color:var(--info-200);color:var(--info-700)}[data-theme=dark] .alert-success{background:rgba(34,197,94,.1);border-color:#22c55e33;color:var(--success-400)}[data-theme=dark] .alert-warning{background:rgba(245,158,11,.1);border-color:#f59e0b33;color:var(--warning-400)}[data-theme=dark] .alert-error{background:rgba(239,68,68,.1);border-color:#ef444433;color:var(--error-400)}[data-theme=dark] .alert-info{background:rgba(59,130,246,.1);border-color:#3b82f633;color:var(--info-400)}.text-accent{color:var(--accent-500)}.text-success{color:var(--success-500)}.text-warning{color:var(--warning-500)}.text-error{color:var(--error-500)}.shadow-cosmic{box-shadow:var(--shadow-cosmic-base)}.transition-fast{transition:all var(--transition-fast)}.transition-base{transition:all var(--transition-base)}.transition-slow{transition:all var(--transition-slow)}.transform{transform:translateZ(0)}.hover\\:scale-105:hover{transform:scale(1.05)}.hover\\:scale-110:hover{transform:scale(1.1)}.hover\\:-translate-y-1:hover{transform:translateY(-.25rem)}.hover\\:-translate-y-2:hover{transform:translateY(-.5rem)}@keyframes pulse-cosmic{0%,to{box-shadow:0 0 #c5077f66;opacity:1}50%{box-shadow:0 0 0 10px #c5077f00;opacity:.8}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(197,7,127,.4),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.animate-pulse-cosmic{animation:pulse-cosmic 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}abbr[title]:after{content:" (" attr(title) ")"}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}*:focus{outline:2px solid var(--primary-500);outline-offset:2px}.focus\\:ring-0:focus{box-shadow:0 0 0 0 transparent}.focus\\:ring-primary:focus{box-shadow:0 0 0 3px #c5077f33}.skip-link{position:absolute;top:-40px;left:6px;background:var(--primary-500);color:#fff;padding:8px 16px;text-decoration:none;border-radius:var(--radius-md);z-index:1000;transition:top var(--transition-fast)}.skip-link:focus{top:6px}.hero-section{min-height:100vh;display:flex;align-items:center;position:relative}.hero-background{background:linear-gradient(135deg,var(--dark-900) 0%,var(--dark-800) 25%,var(--primary-900) 50%,var(--secondary-800) 75%,var(--dark-800) 100%)}.hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(197,7,127,.3) 0%,rgba(124,60,104,.2) 35%,rgba(49,46,55,.8) 70%,rgba(81,41,75,.95) 100%)}.cosmic-particles{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(240,184,86,.8),transparent),radial-gradient(2px 2px at 40px 70px,rgba(197,7,127,.6),transparent),radial-gradient(1px 1px at 90px 40px,rgba(124,60,104,.7),transparent),radial-gradient(1px 1px at 130px 80px,rgba(240,184,86,.5),transparent),radial-gradient(2px 2px at 160px 30px,rgba(197,7,127,.8),transparent);background-repeat:repeat;background-size:200px 150px;animation:cosmic-drift 20s linear infinite}@keyframes cosmic-drift{0%{transform:translate(0)}25%{transform:translate(-10px,-5px)}50%{transform:translate(5px,-10px)}75%{transform:translate(-5px,5px)}to{transform:translate(0)}}.hero-title{text-shadow:0 4px 20px rgba(197,7,127,.4);letter-spacing:-.02em}.hero-brand-text{animation:shimmer 3s ease-in-out infinite}.hero-subtitle{text-shadow:0 2px 10px rgba(0,0,0,.5);font-weight:300}.hero-primary-cta{box-shadow:0 8px 25px #f0b85666;transform:translateY(0);transition:all var(--transition-base)}.hero-primary-cta:hover{transform:translateY(-2px);box-shadow:0 12px 35px #f0b85699}.hero-secondary-cta{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);transition:all var(--transition-base)}.hero-secondary-cta:hover{background:rgba(255,255,255,.95);color:var(--dark-800)!important;transform:translateY(-2px);box-shadow:0 8px 25px #ffffff4d}.indicator-dot{cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.indicator-dot:hover{transform:scale(1.2)}.section-title{font-family:var(--font-display);text-shadow:0 2px 10px rgba(197,7,127,.2);letter-spacing:-.02em}.section-subtitle{font-weight:300;line-height:var(--leading-relaxed)}.features-section{position:relative}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(197,7,127,.3),transparent)}.feature-card{transition:all var(--transition-base);border:1px solid rgba(197,7,127,.1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(197,7,127,.02) 0%,rgba(240,184,86,.02) 100%);opacity:0;transition:opacity var(--transition-base)}.feature-card:hover:before{opacity:1}.feature-card:hover{border-color:#c5077f4d;transform:translateY(-5px);box-shadow:0 20px 40px #c5077f26,0 0 0 1px #c5077f1a}.icon-container{position:relative;overflow:hidden}.icon-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform var(--transition-slow)}.feature-card:hover .icon-container:before{transform:translate(100%)}.products-grid{animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.products-grid .product-card:nth-child(odd){animation-delay:.1s}.products-grid .product-card:nth-child(2n){animation-delay:.2s}.seller-card{transition:all var(--transition-base);border:1px solid rgba(124,60,104,.1)}.seller-card:hover{border-color:#7c3c684d;box-shadow:var(--shadow-cosmic-base)}.seller-avatar img{border:2px solid rgba(197,7,127,.2);transition:all var(--transition-base)}.seller-card:hover .seller-avatar img{border-color:var(--primary-500);box-shadow:0 8px 25px #c5077f4d}.cta-section{position:relative}.cosmic-overlay{background-image:radial-gradient(circle at 25% 25%,rgba(240,184,86,.3) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(197,7,127,.3) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(124,60,104,.2) 0%,transparent 50%);animation:cosmic-pulse 8s ease-in-out infinite}@keyframes cosmic-pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.05)}}.cta-title{text-shadow:0 4px 20px rgba(0,0,0,.3);letter-spacing:-.02em}.cta-subtitle{text-shadow:0 2px 10px rgba(0,0,0,.2)}.loading-container,.error-container,.no-products{padding:var(--space-16) 0}@media (max-width: 768px){.hero-section{min-height:80vh}.hero-content{padding-top:var(--space-16);padding-bottom:var(--space-16)}.hero-title{font-size:var(--text-4xl);line-height:var(--leading-tight)}.hero-subtitle{font-size:var(--text-lg);margin-bottom:var(--space-6)}.hero-cta-buttons{flex-direction:column;gap:var(--space-3)}.features-grid{grid-template-columns:1fr;gap:var(--space-6)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.sellers-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.section-title{font-size:var(--text-3xl)}.section-subtitle{font-size:var(--text-base)}.cta-title{font-size:var(--text-3xl)}.cta-subtitle{font-size:var(--text-base)}}@media (max-width: 480px){.hero-title{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-base)}.products-grid{grid-template-columns:1fr}.cosmic-particles{background-size:150px 100px}}.app-header{position:sticky;top:0;z-index:var(--z-fixed);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(49,46,55,.8);border-bottom:1px solid rgba(197,7,127,.2);height:60px;overflow:hidden}.app-header .container{height:100%}.app-header .container>div{flex-wrap:nowrap;height:100%}.app-header .container>div>div:nth-child(2){max-width:200px;flex-shrink:1;margin:0 .5rem}.app-header .container>div>div:last-child{flex-shrink:0}.navbar-brand{font-family:var(--font-display);font-size:clamp(var(--text-lg),2vw,var(--text-xl));font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--primary-500),var(--accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;transition:all var(--transition-base);max-height:48px;overflow:hidden;line-height:1.2}.navbar-brand:hover{filter:brightness(1.2);transform:scale(1.05)}.navbar-nav .nav-link{color:var(--text-primary);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;position:relative}.navbar-nav .nav-link:hover{color:var(--primary-500);background:rgba(197,7,127,.1)}.navbar-nav .nav-link.active{color:var(--primary-500);background:rgba(197,7,127,.15)}.navbar-nav .nav-link.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent,var(--primary-500),transparent)}.dropdown-menu{background:rgba(49,46,55,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(197,7,127,.2);border-radius:var(--radius-lg);box-shadow:var(--shadow-cosmic-lg);padding:var(--space-2)}.dropdown-item{color:var(--text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;display:block}.dropdown-item:hover{color:var(--primary-500);background:rgba(197,7,127,.1)}.nav-icon-link{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);color:var(--text-primary);text-decoration:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-lg);transition:var(--transition-base);font-weight:var(--font-weight-medium);min-width:3rem;max-width:4rem;position:relative;height:fit-content;max-height:48px;overflow:hidden}.nav-icon-link:hover{color:var(--primary-400);background:rgba(197,7,127,.1)}.nav-icon-link .nav-label{font-size:clamp(.65rem,1.5vw,var(--text-xs));font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;line-height:1.1}.nav-icon-link i{font-size:clamp(.9rem,2vw,1.1rem);line-height:1}.nav-horizontal-link{color:var(--text-primary);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);transition:var(--transition-base);font-weight:var(--font-weight-medium);white-space:nowrap}.nav-horizontal-link:hover{color:var(--primary-400);background:rgba(197,7,127,.1)}.nav-horizontal-label{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.2}.nav-icon-only{display:flex;align-items:center;justify-content:center;color:var(--text-primary);text-decoration:none;padding:var(--space-2);border-radius:var(--radius-lg);transition:var(--transition-base);font-weight:var(--font-weight-medium);width:2.5rem;height:2.5rem;position:relative;background:none;border:none;cursor:pointer}.nav-icon-only:hover{color:var(--primary-400);background:rgba(197,7,127,.1)}.nav-icon-only i{font-size:1.1rem;line-height:1}.nav-pipe-divider{color:var(--text-secondary);font-weight:var(--font-weight-normal);font-size:var(--text-base);opacity:.6}@media (max-width: 768px){.app-header{min-height:56px;max-height:64px}.navbar-brand{font-size:var(--text-base);max-height:40px}.nav-icon-link{min-width:2.5rem;max-width:3rem;padding:var(--space-1);max-height:40px}.nav-icon-link i{font-size:.9rem}.nav-icon-link .nav-label{font-size:.65rem}.nav-horizontal-link{padding:var(--space-1) var(--space-2)}.nav-horizontal-label{font-size:var(--text-sm)}.nav-icon-only{width:2rem;height:2rem;padding:var(--space-1)}.nav-icon-only i{font-size:.9rem}.nav-pipe-divider{font-size:var(--text-sm)}}.badge{display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);min-height:1.25rem}@media (max-width: 768px){.navbar-collapse{background:rgba(49,46,55,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);margin-top:var(--space-4);padding:var(--space-4);border:1px solid rgba(197,7,127,.2)}}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-4);margin:var(--space-8) 0}@media (max-width: 768px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3)}}.product-card{background:linear-gradient(145deg,rgba(124,60,104,.1),rgba(197,7,127,.05));border:1px solid rgba(197,7,127,.2);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-cosmic-sm);position:relative;cursor:pointer;aspect-ratio:1 / 1;min-height:0;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-cosmic-lg);border-color:#c5077f66}.product-image-container{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--background-secondary);flex:1 1 70%;min-height:0}.product-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-image{transform:scale(1.05)}.product-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base)}.product-card:hover .product-overlay{opacity:1}.product-quick-view{background:rgba(255,255,255,.9);border:none;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);color:var(--dark-800);font-size:1.2rem}.product-quick-view:hover{background:white;transform:scale(1.1);box-shadow:0 4px 15px #0003}.product-badge{position:absolute;top:var(--space-3);right:var(--space-3);background:linear-gradient(135deg,var(--accent-500),var(--accent-600));color:var(--dark-900);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;z-index:2}.product-info{padding:var(--space-3);flex:0 1 30%;display:flex;flex-direction:column;gap:var(--space-2);min-height:0;overflow:hidden}.product-header{display:flex;flex-direction:column;gap:var(--space-2)}.product-title{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--leading-tight);margin:0;transition:color var(--transition-fast);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.product-title:hover{color:var(--primary-500)}.product-rating{display:flex;align-items:center;gap:var(--space-2)}.product-description{color:var(--text-secondary);font-size:.55rem;line-height:var(--leading-relaxed);flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.product-footer{display:flex;flex-direction:column;gap:var(--space-4);margin-top:auto}.product-card .product-info{padding:var(--space-4);text-align:center}.product-card .product-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.product-card .product-title:hover{color:var(--primary-400)}.product-price{display:flex;align-items:center;gap:var(--space-2)}.price-current{font-family:var(--font-display);font-size:.85rem;font-weight:var(--font-weight-bold);color:var(--accent-500)}.price-original{font-size:.65rem;color:var(--text-muted);text-decoration:line-through}.product-actions{display:flex;gap:var(--space-2);align-items:center}.btn-add-to-cart{flex:1;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border:none;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);font-size:.55rem;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-add-to-cart:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600),var(--primary-700));transform:translateY(-1px);box-shadow:var(--shadow-cosmic-base)}.btn-add-to-cart:active{transform:translateY(0)}.btn-add-to-cart:disabled{background:var(--text-muted);cursor:not-allowed;transform:none}.btn-favorite{background:transparent;border:1px solid rgba(197,7,127,.3);color:var(--text-secondary);padding:var(--space-3);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;flex-shrink:0}.btn-favorite:hover{border-color:var(--primary-500);color:var(--primary-500);background:rgba(197,7,127,.1)}.btn-favorite.active{border-color:var(--primary-500);color:var(--primary-500);background:rgba(197,7,127,.15)}.cart-sidebar{position:fixed;top:0;right:-400px;width:400px;height:100vh;background:rgba(49,46,55,.98);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:1px solid rgba(197,7,127,.2);z-index:var(--z-modal);transition:right var(--transition-base);overflow-y:auto}.cart-sidebar.open{right:0}.cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:all var(--transition-base)}.cart-overlay.active{opacity:1;visibility:visible}.cart-header{padding:var(--space-6);border-bottom:1px solid rgba(197,7,127,.2);display:flex;align-items:center;justify-content:space-between}.cart-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin:0}.cart-close{background:none;border:none;color:var(--text-secondary);font-size:var(--text-xl);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.cart-close:hover{color:var(--primary-500);background:rgba(197,7,127,.1)}.cart-items{padding:var(--space-4)}.cart-item{display:flex;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-3);background:rgba(124,60,104,.05);transition:all var(--transition-fast)}.cart-item:hover{background:rgba(124,60,104,.1)}.cart-item-image{width:60px;height:60px;border-radius:var(--radius-md);object-fit:cover;background:var(--background-secondary)}.cart-item-info{flex:1}.cart-item-title{font-weight:var(--font-weight-medium);font-size:var(--text-sm);margin-bottom:var(--space-1);color:var(--text-primary)}.cart-item-price{color:var(--accent-500);font-weight:var(--font-weight-semibold);font-size:var(--text-sm)}.cart-item-quantity{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.quantity-btn{width:24px;height:24px;border:1px solid rgba(197,7,127,.3);background:transparent;border-radius:var(--radius-base);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm)}.quantity-btn:hover{border-color:var(--primary-500);color:var(--primary-500)}.quantity-input{width:40px;text-align:center;background:transparent;border:none;color:var(--text-primary);font-size:var(--text-sm)}.cart-total{padding:var(--space-6);border-top:1px solid rgba(197,7,127,.2);background:rgba(124,60,104,.05)}.total-row{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.total-label{color:var(--text-secondary)}.total-value{font-weight:var(--font-weight-medium);color:var(--text-primary)}.total-final{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--accent-500);border-top:1px solid rgba(197,7,127,.2);padding-top:var(--space-3);margin-top:var(--space-3)}.checkout-btn{width:100%;background:linear-gradient(135deg,var(--accent-500),var(--accent-600));color:var(--dark-900);border:none;padding:var(--space-4);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-4)}.checkout-btn:hover{background:linear-gradient(135deg,var(--accent-600),var(--accent-700));transform:translateY(-1px);box-shadow:var(--shadow-base)}.game-container{background:linear-gradient(145deg,rgba(124,60,104,.1),rgba(197,7,127,.05));border:1px solid rgba(197,7,127,.2);border-radius:var(--radius-2xl);padding:var(--space-8);margin:var(--space-6) 0;text-align:center;box-shadow:var(--shadow-cosmic-base);position:relative;overflow:hidden}.game-container:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--primary-500),var(--accent-500),var(--primary-500));background-size:300% 300%;animation:shimmer 3s ease-in-out infinite;border-radius:var(--radius-2xl);z-index:-1}.game-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--primary-500),var(--accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-6);text-shadow:0 0 30px rgba(197,7,127,.3)}.frequency-display{font-family:var(--font-mono);font-size:var(--text-6xl);font-weight:var(--font-weight-bold);color:var(--accent-500);margin:var(--space-8) 0;text-shadow:0 0 20px rgba(240,184,86,.5);filter:drop-shadow(0 0 10px rgba(240,184,86,.3))}.frequency-slider-container{margin:var(--space-8) 0;position:relative}.frequency-slider{width:100%;height:12px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--primary-500),var(--accent-500),var(--primary-500));outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:relative}.frequency-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--accent-500);border:3px solid var(--primary-500);cursor:pointer;box-shadow:0 4px 12px #f0b85666;-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast)}.frequency-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 6px 20px #f0b85699}.frequency-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--accent-500);border:3px solid var(--primary-500);cursor:pointer;box-shadow:0 4px 12px #f0b85666}.game-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-4);margin-top:var(--space-6)}.stat-card{background:rgba(124,60,104,.1);border:1px solid rgba(197,7,127,.2);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.stat-value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--accent-500);display:block;margin-bottom:var(--space-1)}.stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.game-achievements{margin-top:var(--space-6)}.achievement-list{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.achievement-badge{background:rgba(124,60,104,.2);border:1px solid rgba(197,7,127,.3);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.achievement-badge.unlocked{background:linear-gradient(135deg,var(--accent-500),var(--accent-600));color:var(--dark-900);border-color:var(--accent-500);animation:pulse-cosmic 2s infinite}.admin-layout{min-height:100vh;background:var(--background-primary)}.admin-sidebar{width:280px;background:rgba(49,46,55,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid rgba(197,7,127,.2);height:100vh;position:fixed;left:0;top:0;z-index:var(--z-fixed);overflow-y:auto}.admin-main{margin-left:280px;padding:var(--space-8)}@media (max-width: 1024px){.admin-sidebar{transform:translate(-100%);transition:transform var(--transition-base)}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0}}.admin-nav{padding:var(--space-6)}.admin-nav-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--primary-500);margin-bottom:var(--space-6)}.admin-nav-list{list-style:none}.admin-nav-item{margin-bottom:var(--space-2)}.admin-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.admin-nav-link:hover{color:var(--primary-500);background:rgba(197,7,127,.1)}.admin-nav-link.active{color:var(--primary-500);background:rgba(197,7,127,.15);border-left:3px solid var(--primary-500)}.admin-page-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid rgba(197,7,127,.2)}.admin-page-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--primary-500),var(--accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-page-subtitle{color:var(--text-secondary);font-size:var(--text-lg)}.admin-content-card{background:rgba(49,46,55,.4);border:1px solid rgba(197,7,127,.2);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-table{width:100%;border-collapse:collapse;background:rgba(49,46,55,.2);border-radius:var(--radius-lg);overflow:hidden}.admin-table th,.admin-table td{padding:var(--space-4);text-align:left;border-bottom:1px solid rgba(197,7,127,.1)}.admin-table th{background:rgba(124,60,104,.2);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em}.admin-table td{color:var(--text-secondary)}.admin-table tr:hover td{background:rgba(197,7,127,.05);color:var(--text-primary)}.admin-form-group{margin-bottom:var(--space-6)}.admin-form-label{display:block;font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-2);font-size:var(--text-sm)}.admin-form-input{width:100%;padding:var(--space-4);background:rgba(124,60,104,.1);border:1px solid rgba(197,7,127,.2);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);transition:all var(--transition-fast)}.admin-form-input:focus{outline:none;border-color:var(--primary-500);background:rgba(124,60,104,.15);box-shadow:0 0 0 3px #c5077f1a}.admin-form-textarea{min-height:120px;resize:vertical;font-family:inherit}.loading-spinner{display:inline-block;width:40px;height:40px;border:3px solid rgba(197,7,127,.2);border-top:3px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);color:var(--text-secondary)}.loading-text{font-size:var(--text-base);font-weight:var(--font-weight-medium)}.error-message{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);color:var(--error-400);display:flex;align-items:center;gap:var(--space-3)}.success-message{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);color:var(--success-400);display:flex;align-items:center;gap:var(--space-3)}@media (max-width: 768px){.products-grid{grid-template-columns:1fr}.cart-sidebar{width:100vw;right:-100vw}.game-container{padding:var(--space-6)}.frequency-display{font-size:var(--text-4xl)}.game-stats{grid-template-columns:repeat(2,1fr)}.admin-main{padding:var(--space-4)}}.optimized-image{transition:all .3s ease;position:relative}.optimized-image.loading{filter:blur(5px)}.optimized-image.loaded{filter:none}.optimized-image.error{opacity:.5}.optimized-image.lazy{background:linear-gradient(90deg,var(--surface-secondary) 0%,var(--surface-tertiary) 50%,var(--surface-secondary) 100%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-photo{aspect-ratio:4 / 3}.aspect-portrait{aspect-ratio:3 / 4}.img-cover{object-fit:cover;width:100%;height:100%}.img-contain{object-fit:contain;width:100%;height:100%}.img-responsive{max-width:100%;height:auto}.cms-dashboard,.cms-artists,.cms-products,.cms-media,.cms-achievements{padding:2rem 0;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%);min-height:100vh;color:#fff}.cosmic-header{font-size:2.5rem;margin-bottom:.5rem;font-family:Orbitron,Courier New,monospace;text-transform:uppercase;letter-spacing:2px}.neon-text{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor,0 0 20px #00ffff,0 0 35px #00ffff,0 0 40px #00ffff;animation:neonFlicker 2s infinite alternate}@keyframes neonFlicker{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.8;filter:brightness(1.2)}}.cosmic-subtitle{color:#b4b4b4;font-size:1.1rem;margin-bottom:2rem;font-style:italic}.cms-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #00ffff}.cms-actions{display:flex;gap:1rem;align-items:center}.btn.cosmic{background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1);background-size:300% 300%;animation:cosmicGradient 3s ease infinite;border:none;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5);box-shadow:0 0 10px #ff6b6b4d,0 0 20px #4ecdc44d,0 0 30px #45b7d14d;transition:all .3s ease}.btn.cosmic:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff6b6b66,0 5px 25px #4ecdc466,0 5px 35px #45b7d166}@keyframes cosmicGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.stats-grid{margin-bottom:3rem}.stat-card{background:rgba(255,255,255,.05);border:1px solid rgba(0,255,255,.3);border-radius:15px;padding:2rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.1),transparent);transition:all .5s}.stat-card:hover:before{left:100%}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0ff3;border-color:#0ff}.stat-icon{font-size:3rem;margin-bottom:1rem;display:block}.stat-content h3{font-size:2.5rem;margin-bottom:.5rem;color:#0ff;text-shadow:0 0 10px currentColor}.stat-content p{margin-bottom:1rem;color:#b4b4b4;text-transform:uppercase;letter-spacing:1px}.stat-link{color:#0ff;text-decoration:none;font-weight:700;transition:all .3s ease}.stat-link:hover{color:#fff;text-shadow:0 0 5px #00ffff}.quick-actions-card,.system-status-card,.recent-activity-card,.system-nav-card,.cms-table-card,.bulk-actions-card{background:rgba(255,255,255,.03);border:1px solid rgba(0,255,255,.2);border-radius:15px;padding:2rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin-bottom:2rem}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.status-items{display:flex;flex-direction:column;gap:1rem}.status-item{display:flex;align-items:center;gap:1rem;padding:.5rem;background:rgba(0,0,0,.2);border-radius:8px}.status-indicator{width:12px;height:12px;border-radius:50%;background:#4ecdc4;box-shadow:0 0 10px currentColor;animation:statusPulse 2s infinite}.status-indicator.online{background:#4ecdc4}.status-indicator.warning{background:#ffd93d}.status-indicator.error{background:#ff6b6b}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{margin-left:auto;color:#4ecdc4;font-weight:700}.cms-filters{background:rgba(0,0,0,.3);padding:1.5rem;border-radius:10px;border:1px solid rgba(0,255,255,.2);margin-bottom:2rem}.cms-filters.advanced .filter-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;align-items:center}.search-form{display:flex;gap:.5rem;width:100%}.search-input-group{display:flex;align-items:center;width:100%;position:relative}.search-input-group .search-input{flex:1;padding-right:2.5rem}.search-input-group .search-button{position:absolute;right:.5rem;background:none;border:none;color:var(--cp-muted, #888);cursor:pointer;padding:.25rem;font-size:.85rem}.search-input-group .search-button:hover{color:var(--cp-cyan, #00ffff)}.search-input,.filter-select{background:rgba(0,0,0,.5);border:1px solid rgba(0,255,255,.3);color:#fff;padding:.5rem .75rem;border-radius:8px;transition:all .3s ease;font-size:.8rem}.search-input:focus,.filter-select:focus{outline:none;border-color:#0ff;box-shadow:0 0 10px #00ffff4d}.filter-select option{background:#1a1a2e;color:#fff}.status-filters{display:flex;gap:.5rem;margin-top:1rem}.cms-table{width:100%;border-collapse:collapse;background:transparent}.cms-table th,.cms-table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(0,255,255,.1)}.cms-table th{background:rgba(0,255,255,.1);color:#0ff;text-transform:uppercase;letter-spacing:1px;font-weight:700}.cms-table tr:hover{background:rgba(0,255,255,.05)}.artist-info{display:flex;align-items:center;gap:1rem}.artist-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #00ffff}.artist-meta{font-size:.9rem;color:#b4b4b4}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.status-badge.published{background:rgba(76,205,196,.2);color:#4ecdc4;border:1px solid #4ecdc4}.status-badge.draft{background:rgba(255,211,61,.2);color:#ffd93d;border:1px solid #ffd93d}.status-badge.archived{background:rgba(180,180,180,.2);color:#b4b4b4;border:1px solid #b4b4b4}.status-badge.inactive{background:rgba(255,107,107,.2);color:#ff6b6b;border:1px solid #ff6b6b}.unlock-badge{padding:.25rem .5rem;background:rgba(69,183,209,.2);color:#45b7d1;border:1px solid #45b7d1;border-radius:15px;font-size:.7rem}.content-stats{display:flex;flex-wrap:wrap;gap:.5rem}.stat-item{display:flex;align-items:center;gap:.25rem;font-size:.9rem;color:#b4b4b4}.date-info small{color:#888;font-size:.8rem}.action-buttons{display:flex;gap:.5rem}.btn-sm{padding:.5rem .75rem;font-size:.8rem}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.product-card{background:rgba(255,255,255,.05);border:1px solid rgba(0,255,255,.2);border-radius:15px;overflow:hidden;transition:all .3s ease;position:relative}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00ffff1a;border-color:#0ff}.product-image{position:relative;height:200px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);color:#666}.product-overlay{position:absolute;top:1rem;right:1rem}.status-badges{display:flex;flex-direction:column;gap:.5rem}.product-content{padding:1.5rem}.product-title{margin-bottom:1rem;font-size:1.2rem}.product-title a{color:#0ff;text-decoration:none;transition:all .3s ease}.product-title a:hover{color:#fff;text-shadow:0 0 5px #00ffff}.product-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.9rem}.category{background:rgba(69,183,209,.2);color:#45b7d1;padding:.25rem .5rem;border-radius:10px;font-size:.8rem}.price{color:#4ecdc4;font-weight:700;font-size:1.1rem}.product-stats{display:flex;gap:1rem;margin-bottom:1rem;font-size:.9rem;color:#b4b4b4}.product-stats .stat{display:flex;align-items:center;gap:.25rem}.product-description p{color:#b4b4b4;font-size:.9rem;line-height:1.4;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.product-actions{display:flex;gap:.5rem;margin-bottom:1rem}.product-footer{padding-top:1rem;border-top:1px solid rgba(0,255,255,.1);color:#888;font-size:.8rem}.cms-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:rgba(0,0,0,.3);border-radius:10px;border:1px solid rgba(0,255,255,.2)}.pagination-info{color:#b4b4b4}.pagination-controls{display:flex;align-items:center;gap:1rem}.page-info{color:#0ff;font-weight:700}.empty-state{text-align:center;padding:4rem 2rem;color:#b4b4b4}.empty-state i{color:#666;margin-bottom:2rem}.empty-state h3{color:#fff;margin-bottom:1rem}.nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:rgba(0,0,0,.3);border:1px solid rgba(0,255,255,.2);border-radius:10px;text-decoration:none;color:#b4b4b4;transition:all .3s ease}.nav-item:hover{color:#0ff;border-color:#0ff;box-shadow:0 5px 15px #00ffff1a;transform:translateY(-2px)}.nav-item i{font-size:2rem}.activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.activity-section h3{color:#0ff;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.activity-list{list-style:none;padding:0}.activity-item{margin-bottom:1rem}.activity-item a{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:rgba(0,0,0,.3);border:1px solid rgba(0,255,255,.1);border-radius:8px;text-decoration:none;color:#b4b4b4;transition:all .3s ease}.activity-item a:hover{border-color:#0ff;background:rgba(0,255,255,.05);color:#fff}.activity-time{font-size:.8rem;color:#888}.bulk-actions-card{border-color:#ffd33d4d}.bulk-buttons{display:flex;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){.cms-header{flex-direction:column;gap:1rem;align-items:stretch}.cms-actions{justify-content:center}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cms-filters.advanced .filter-row{grid-template-columns:1fr;gap:1rem}.products-grid{grid-template-columns:1fr}.pagination-controls{flex-direction:column;gap:.5rem}.activity-grid{grid-template-columns:1fr}.nav-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.3)}::-webkit-scrollbar-thumb{background:rgba(0,255,255,.3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(0,255,255,.5)}:root{--cp-bg: #070814;--cp-bg-alt: #0c0e1a;--cp-surface: #111425;--cp-border: #2a2a72;--cp-cyan: #16e0bd;--cp-magenta: #ff2aad;--cp-purple: #7b2fff;--cp-gold: #f0c040;--cp-white: #e6e6ff;--cp-muted: #8888aa;--cp-glow-cyan: 0 0 8px rgba(22,224,189,.45), 0 0 20px rgba(22,224,189,.15);--cp-glow-mag: 0 0 8px rgba(255,42,173,.45), 0 0 20px rgba(255,42,173,.15);--nav-height: 60px}.pixel-art,.pixel-art img{image-rendering:pixelated;image-rendering:crisp-edges}body{background:var(--cp-bg);color:var(--cp-white)}.grid-container{background:var(--cp-bg)}.grid-container:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);mix-blend-mode:multiply}.app-header{background:rgba(7,8,20,.88)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:2px solid var(--cp-border)!important;box-shadow:0 2px 0 var(--cp-border),0 4px 24px #16e0bd14;position:sticky;top:0;z-index:1000}.app-header:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg,var(--cp-cyan) 0px,var(--cp-cyan) 4px,transparent 4px,transparent 8px);opacity:.5}.navbar-brand span{font-family:Orbitron,sans-serif!important;color:var(--cp-cyan)!important;text-shadow:var(--cp-glow-cyan);letter-spacing:2px}.nav-horizontal-link{color:var(--cp-white)!important;font-family:Orbitron,sans-serif;font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;transition:color .2s,text-shadow .2s}.nav-horizontal-link:hover{color:var(--cp-cyan)!important;text-shadow:var(--cp-glow-cyan)}.nav-pipe-divider{color:var(--cp-border)!important;opacity:.6}.nav-icon-only{color:var(--cp-muted)!important;transition:color .2s,text-shadow .2s}.nav-icon-only:hover{color:var(--cp-magenta)!important;text-shadow:var(--cp-glow-mag)}.card,.cosmic-card{background:var(--cp-surface)!important;border:2px solid var(--cp-border)!important;border-radius:0!important;box-shadow:4px 4px 0 var(--cp-border),inset 0 0 30px #16e0bd08;transition:box-shadow .2s,transform .2s}.card:hover,.cosmic-card:hover{box-shadow:4px 4px 0 var(--cp-cyan),var(--cp-glow-cyan);transform:translate(-1px,-1px)}.card-body h3{font-family:Orbitron,sans-serif;color:var(--cp-cyan);text-shadow:0 0 6px rgba(22,224,189,.3)}.btn-primary,.spaceship-button{background:var(--cp-cyan)!important;color:var(--cp-bg)!important;border:none!important;border-radius:0!important;font-family:Orbitron,sans-serif;font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase;padding:10px 20px;box-shadow:3px 3px 0 var(--cp-border);transition:transform .1s,box-shadow .1s;cursor:pointer}.btn-primary:hover,.spaceship-button:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--cp-border),var(--cp-glow-cyan)}.btn-primary:active,.spaceship-button:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--cp-border)}.btn-secondary{background:transparent!important;color:var(--cp-magenta)!important;border:2px solid var(--cp-magenta)!important;border-radius:0!important;font-family:Orbitron,sans-serif;font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase;padding:8px 18px;box-shadow:3px 3px #ff2aad4d;transition:transform .1s,box-shadow .1s,background .2s;cursor:pointer}.btn-secondary:hover{background:rgba(255,42,173,.1)!important;transform:translate(-2px,-2px);box-shadow:5px 5px #ff2aad4d,var(--cp-glow-mag)}.btn-ghost{background:transparent;color:var(--cp-cyan);border:1px solid var(--cp-border);border-radius:0;font-family:Orbitron,sans-serif;font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase;padding:8px 18px;transition:border-color .2s,color .2s;cursor:pointer;text-decoration:none}.btn-ghost:hover{border-color:var(--cp-cyan);text-shadow:var(--cp-glow-cyan)}.section-title{font-family:Orbitron,sans-serif;color:var(--cp-white);text-transform:uppercase;letter-spacing:3px;position:relative;display:inline-block}.section-title:after{content:"";display:block;height:2px;margin-top:8px;background:linear-gradient(90deg,var(--cp-cyan),var(--cp-magenta),transparent)}@keyframes cp-glow-pulse{0%,to{text-shadow:0 0 4px rgba(22,224,189,.3)}50%{text-shadow:0 0 12px rgba(22,224,189,.6),0 0 30px rgba(22,224,189,.15)}}.section-title{animation:cp-glow-pulse 4s ease-in-out infinite}@keyframes cp-glitch{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}to{transform:translate(0)}}.btn-primary:hover,.btn-secondary:hover{animation:cp-glitch .3s ease-in-out}.section{padding:4rem 0;position:relative}.section-lead{color:var(--cp-muted);max-width:600px}.social-link{color:var(--cp-muted);font-size:1.4rem;transition:color .2s,text-shadow .2s,transform .2s}.social-link:hover{color:var(--cp-cyan);text-shadow:var(--cp-glow-cyan);transform:translateY(-2px)}.footer-section{background:var(--cp-bg-alt);border-top:2px solid var(--cp-border);padding:1.5rem 0}.footer-text{color:var(--cp-muted);font-size:.8rem}.footer-link{color:var(--cp-muted);text-decoration:none;font-size:.8rem;transition:color .2s}.footer-link:hover{color:var(--cp-cyan)}input,select,textarea{background:var(--cp-surface);border:2px solid var(--cp-border);border-radius:0;color:var(--cp-white);padding:8px 12px;font-family:Inter,sans-serif}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cp-cyan);box-shadow:var(--cp-glow-cyan)}.product-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--cp-bg)}::-webkit-scrollbar-thumb{background:var(--cp-border);border:1px solid var(--cp-bg)}::-webkit-scrollbar-thumb:hover{background:var(--cp-cyan)}@media (prefers-reduced-motion: reduce){.section-title,.btn-primary:hover,.btn-secondary:hover{animation:none!important}.grid-container:after{display:none}}@media (max-width: 768px){.nav-horizontal-link{font-size:.6rem;letter-spacing:1px}}html,body{overscroll-behavior:none}.grid-container{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}header.row{position:relative;z-index:5}main{position:relative;z-index:3}footer.row.center{position:relative;z-index:3}.cosmic-card{background:linear-gradient(145deg,rgba(124,60,104,.2),rgba(197,7,127,.1));border:1px solid rgba(197,7,127,.3);border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;margin:10px 0;box-shadow:0 8px 32px #c5077f26;transition:all .3s ease}.cosmic-card:hover{box-shadow:0 12px 40px #c5077f40;transform:translateY(-2px)}.spaceship-button{background:linear-gradient(45deg,var(--primary-500),var(--accent-500));color:var(--dark-800);border:none;padding:12px 24px;border-radius:25px;font-family:Orbitron,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #c5077f4d}.spaceship-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c5077f66;filter:brightness(1.1)}.cosmic-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--primary-500);padding:1rem 0}.cosmic-input{background:rgba(124,60,104,.2);border:1px solid var(--primary-500);border-radius:8px;padding:12px 16px;color:var(--text-primary);font-family:Inter,sans-serif}.cosmic-input:focus{outline:none;border-color:var(--accent-500);box-shadow:0 0 10px #f0b8564d}.game-container-legacy{background:linear-gradient(135deg,var(--background-secondary),var(--background-primary));border:2px solid var(--primary-500);border-radius:20px;padding:30px;margin:20px 0;text-align:center;box-shadow:0 15px 35px #c5077f33}.cosmic-title{font-family:Orbitron,sans-serif;background:linear-gradient(45deg,var(--primary-500),var(--accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.frequency-slider-legacy{width:100%;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--primary-500) 0%,var(--accent-500) 50%,var(--primary-500) 100%);outline:none;margin:20px 0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.frequency-slider-legacy::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:var(--accent-500);border:2px solid var(--primary-500);cursor:pointer;box-shadow:0 4px 8px #0000004d}.frequency-slider-legacy::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:var(--accent-500);border:2px solid var(--primary-500);cursor:pointer;box-shadow:0 4px 8px #0000004d}.cosmic-achievement{background:linear-gradient(145deg,rgba(124,60,104,.95),rgba(197,7,127,.95));border:1px solid var(--accent-500);box-shadow:0 8px 25px #c5077f66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cosmic-toast-header{background:rgba(240,184,86,.2);border-bottom:1px solid var(--accent-500);color:var(--text-primary)}.cosmic-toast-body{color:var(--text-primary)}.achievement-icon{font-size:1.5em;animation:pulse 2s infinite}.achievement-name{color:var(--accent-500);font-family:Orbitron,sans-serif;font-weight:600;margin-bottom:5px}.achievement-description{font-size:.9em;opacity:.9}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.locked-content{filter:grayscale(1) opacity(.5);position:relative}.unlock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(49,46,55,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sparkle-animation{animation:sparkle 2s infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.game-stats{background:rgba(124,60,104,.2);border-radius:10px;padding:15px;margin:10px 0}.stat-item{display:flex;justify-content:space-between;align-items:center;margin:5px 0}.stat-label{font-weight:500;color:var(--text-secondary)}.stat-value{font-weight:600;color:var(--accent-500);font-family:Orbitron,sans-serif}@media (max-width: 768px){.game-container-legacy{margin:10px;padding:20px}.frequency-slider-legacy{margin:15px 0}.cosmic-card{margin:10px;padding:15px}.spaceship-button{width:100%;margin:10px 0}}