@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Inter:wght@300;400;500;600&display=swap";: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%;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;-webkit-font-feature-settings:"kern";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]){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)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-500)}.text-success{color:var(--success-500)}.text-warning{color:var(--warning-500)}.text-error{color:var(--error-500)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.border{border:1px solid var(--border-secondary)}.border-primary{border-color:var(--border-primary)}.border-0{border:none}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-base{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-cosmic{box-shadow:var(--shadow-cosmic-base)}.backdrop-blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.backdrop-blur-lg{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}@media (min-width: 640px){.sm\\:block{display:block}.sm\\:hidden{display:none}.sm\\:flex{display:flex}.sm\\:grid{display:grid}.sm\\:text-left{text-align:left}.sm\\:text-center{text-align:center}.sm\\:text-right{text-align:right}}@media (min-width: 768px){.md\\:block{display:block}.md\\:hidden{display:none}.md\\:flex{display:flex}.md\\:grid{display:grid}.md\\:text-left{text-align:left}.md\\:text-center{text-align:center}.md\\:text-right{text-align:right}.md\\:p-6{padding:var(--space-6)}.md\\:p-8{padding:var(--space-8)}}@media (min-width: 1024px){.lg\\:block{display:block}.lg\\:hidden{display:none}.lg\\:flex{display:flex}.lg\\:grid{display:grid}.lg\\:text-left{text-align:left}.lg\\:text-center{text-align:center}.lg\\:text-right{text-align:right}.lg\\:p-8{padding:var(--space-8)}.lg\\:p-12{padding:var(--space-12)}}.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);min-height:60px;max-height:80px;overflow:hidden}.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;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}.search-input,.filter-select{background:rgba(0,0,0,.5);border:1px solid rgba(0,255,255,.3);color:#fff;padding:.75rem;border-radius:8px;transition:all .3s ease}.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)}.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}}