@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Mono:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800;900&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--gp-primary: #00D4FF;--gp-primary-glow: rgba(0, 212, 255, .25);--gp-primary-dim: rgba(0, 212, 255, .1);--gp-secondary: #7C3AED;--gp-secondary-glow: rgba(124, 58, 237, .25);--gp-bg-deep: #050A0F;--gp-bg-card: #0A1628;--gp-bg-hover: #0F2040;--gp-bg-surface: rgba(10, 22, 40, .85);--gp-bg-overlay: rgba(5, 10, 15, .92);--gp-text: #E8F4FF;--gp-text-muted: #6B8EAA;--gp-text-bright: #FFFFFF;--gp-text-code: #00D4FF;--gp-success: #00E5A0;--gp-warn: #FFB800;--gp-error: #FF4B6E;--gp-info: #00D4FF;--gp-border: rgba(0, 212, 255, .12);--gp-border-hover: rgba(0, 212, 255, .35);--gp-border-active: rgba(0, 212, 255, .6);--gp-border-subtle: rgba(255, 255, 255, .06);--gp-sans: "Inter", system-ui, -apple-system, sans-serif;--gp-mono: "Space Mono", "JetBrains Mono", "Fira Code", monospace;--gp-display: "Inter", system-ui, sans-serif;--gp-text-xs: 11px;--gp-text-sm: 13px;--gp-text-base: 15px;--gp-text-lg: 18px;--gp-text-xl: 22px;--gp-text-2xl: 28px;--gp-text-3xl: 36px;--gp-text-hero: 72px;--gp-radius-sm: 8px;--gp-radius: 12px;--gp-radius-lg: 18px;--gp-radius-xl: 24px;--gp-shadow: 0 4px 24px rgba(0, 0, 0, .4);--gp-shadow-lg: 0 20px 60px rgba(0, 0, 0, .6);--gp-glow-primary: 0 0 30px rgba(0, 212, 255, .3);--gp-glow-secondary: 0 0 30px rgba(124, 58, 237, .3);--gp-glow-card: 0 0 0 1px rgba(0, 212, 255, .12), 0 8px 32px rgba(0, 0, 0, .5);--gp-transition: all .22s cubic-bezier(.4, 0, .2, 1);--gp-transition-fast: all .12s cubic-bezier(.4, 0, .2, 1);--gp-transition-slow: all .4s cubic-bezier(.4, 0, .2, 1);--gp-gradient-hero: linear-gradient(135deg, #00D4FF 0%, #7C3AED 60%, #050A0F 100%);--gp-gradient-primary: linear-gradient(135deg, rgba(0,212,255,.15), rgba(124,58,237,.15));--gp-gradient-card: linear-gradient(145deg, rgba(10,22,40,.95), rgba(5,10,15,.98));--gp-gradient-glow: radial-gradient(ellipse at 50% 0%, rgba(0,212,255,.15) 0%, transparent 70%);--gp-glass-bg: rgba(10, 22, 40, .72);--gp-glass-blur: blur(32px);--gp-glass-border: 1px solid rgba(0, 212, 255, .12);--gp-z-base: 1;--gp-z-overlay: 100;--gp-z-modal: 200;--gp-z-toast: 300;--gp-z-top: 400}*,*:before,*:after{box-sizing:border-box}body{background-color:var(--gp-bg-deep);color:var(--gp-text);font-family:var(--gp-sans);font-size:var(--gp-text-base);line-height:1.6;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gp-bg-deep)}::-webkit-scrollbar-thumb{background:#00d4ff40;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d4ff80}::selection{background:#00d4ff40;color:#fff}@keyframes gp-spin{to{transform:rotate(360deg)}}@keyframes gp-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes gp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gp-slide-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes gp-shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes gp-glow-pulse{0%,to{box-shadow:0 0 20px #00d4ff33}50%{box-shadow:0 0 50px #00d4ff99}}.gp-glass{background:var(--gp-glass-bg);backdrop-filter:var(--gp-glass-blur);-webkit-backdrop-filter:var(--gp-glass-blur);border:var(--gp-glass-border)}.gp-gradient-text{background:var(--gp-gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gp-card{background:var(--gp-bg-card);border:1px solid var(--gp-border);border-radius:var(--gp-radius-lg);box-shadow:var(--gp-glow-card);transition:var(--gp-transition)}.gp-card:hover{border-color:var(--gp-border-hover);box-shadow:var(--gp-glow-primary),var(--gp-shadow-lg);transform:translateY(-2px)}.gp-price{font-family:var(--gp-mono);font-size:var(--gp-text-xl);font-weight:700;color:var(--gp-primary);letter-spacing:-.02em}.gp-badge-ai{background:#00d4ff1f;border:1px solid rgba(0,212,255,.3);border-radius:6px;color:var(--gp-primary);font-family:var(--gp-mono);font-size:var(--gp-text-xs);font-weight:700;letter-spacing:.06em;padding:3px 8px;text-transform:uppercase}.gp-animate-float{animation:gp-float 4s ease-in-out infinite}.gp-animate-pulse{animation:gp-pulse 2s ease-in-out infinite}.gp-animate-spin{animation:gp-spin 1s linear infinite}.gp-animate-slide{animation:gp-slide-in .4s ease forwards}.gp-animate-fade{animation:gp-fade-in .3s ease forwards}:root{--gp-display: "Syne", sans-serif;--gp-sans: "DM Sans", sans-serif;--gp-mono: "JetBrains Mono", monospace;--gp-cyan: #00D4FF;--gp-purple: #7C3AED;--gp-bg: #04040C;--gp-surface: rgba(8,8,18,.8);--gp-border: rgba(255,255,255,.06);--gp-text: #F1F5F9;--gp-muted: #64748B;--gp-gradient: linear-gradient(135deg, #00D4FF 0%, #7C3AED 100%);--gp-glow: 0 0 60px rgba(0,212,255,.15), 0 0 120px rgba(124,58,237,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--gp-bg);color:var(--gp-text);font-family:var(--gp-sans);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00d4ff33;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#00d4ff66}::selection{background:#00d4ff33;color:#f8fafc}:focus-visible{outline:2px solid rgba(0,212,255,.4);outline-offset:2px;border-radius:4px}#root{min-height:100vh;isolation:isolate}.void-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.void-bg:before{content:"";position:absolute;top:-20%;left:-10%;width:60%;height:60%;background:radial-gradient(ellipse,rgba(0,212,255,.05) 0%,transparent 70%);animation:gp-float-1 20s ease-in-out infinite}.void-bg:after{content:"";position:absolute;bottom:-20%;right:-10%;width:50%;height:50%;background:radial-gradient(ellipse,rgba(124,58,237,.06) 0%,transparent 70%);animation:gp-float-2 25s ease-in-out infinite}.void-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(0,212,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.02) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%)}@keyframes gp-float-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(3%,5%) scale(1.05)}66%{transform:translate(-2%,2%) scale(.98)}}@keyframes gp-float-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-3%,-4%) scale(1.03)}66%{transform:translate(2%,-2%) scale(1.06)}}@keyframes gp-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes gp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes gp-slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.gp-animate-up{animation:gp-fade-up .6s cubic-bezier(.4,0,.2,1) both}.gp-animate-up:nth-child(1){animation-delay:0ms}.gp-animate-up:nth-child(2){animation-delay:80ms}.gp-animate-up:nth-child(3){animation-delay:.16s}.gp-animate-up:nth-child(4){animation-delay:.24s}.void-card{background:#080812b3;border:1px solid rgba(255,255,255,.06);border-radius:16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.void-card:hover{border-color:#00d4ff26;box-shadow:0 8px 40px #00d4ff14}h1,h2,h3,h4,h5,h6{font-family:var(--gp-display);font-weight:700;line-height:1.2;color:var(--gp-text)}p{font-family:var(--gp-sans);line-height:1.6;color:var(--gp-muted)}a{color:var(--gp-cyan)}.gp-btn-primary{background:var(--gp-gradient);border:none;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:700;color:#000;cursor:pointer;font-family:var(--gp-sans);transition:all .3s ease;box-shadow:0 0 30px #00d4ff26}.gp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 50px #00d4ff40}.gp-btn-secondary{background:transparent;border:1px solid rgba(0,212,255,.2);border-radius:10px;padding:12px 24px;font-size:14px;font-weight:600;color:var(--gp-cyan);cursor:pointer;font-family:var(--gp-sans);transition:all .2s ease}.gp-btn-secondary:hover{background:#00d4ff14;border-color:#00d4ff66}.gp-badge{display:inline-flex;align-items:center;gap:6px;background:#00d4ff14;border:1px solid rgba(0,212,255,.2);border-radius:30px;padding:4px 12px;font-size:11px;font-weight:600;color:var(--gp-cyan);font-family:var(--gp-mono);letter-spacing:.08em;text-transform:uppercase}input,textarea,select{font-family:var(--gp-sans);color:var(--gp-text)}input::placeholder,textarea::placeholder{color:var(--gp-muted)}.gp-gradient-text{background:var(--gp-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gp-mono{font-family:var(--gp-mono)}.gp-display{font-family:var(--gp-display)}@media(max-width:1200px){.gp-hero-grid{grid-template-columns:1fr!important}.gp-chat-panel{display:none}.gp-categories-grid,.gp-products-grid{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:768px){.gp-stats-grid,.gp-categories-grid,.gp-products-grid{grid-template-columns:repeat(2,1fr)!important}}