@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";
:root{--brand-blue:#4f8ef7;--brand-blue-deep:#2563eb;--brand-green:#22c55e;--brand-violet:#7c3aed;--brand-amber:#f59e0b;--app-primary:#2f6fed;--app-primary-soft:#eef4ff;--app-primary-glow:#2f6fed2e;--app-secondary:#22c55e;--app-surface:#fff;--app-surface-alt:#f8fafc;--app-surface-glass:#ffffffd1;--app-bg:#f0f4ff;--app-border:#6382c82e;--app-border-strong:#6382c852;--app-text:#0f172a;--app-muted:#64748b;--app-shadow:0 8px 32px #0f172a14, 0 2px 8px #0f172a0a;--app-shadow-lg:0 20px 60px #0f172a1f, 0 4px 16px #0f172a0f;--app-shadow-glow:0 0 40px #2f6fed26;--grad-primary:linear-gradient(135deg, #4f8ef7 0%, #2f6fed 50%, #1e54bd 100%);--grad-hero:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--grad-success:linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--grad-warm:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--grad-card-hover:linear-gradient(135deg, #4f8ef70f 0%, #7c3aed0a 100%);--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-full:999px;--ease:cubic-bezier(.25, .46, .45, .94);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.15s;--dur-mid:.28s;--dur-slow:.45s}:root[data-app-theme=dark]{--app-primary:#6ea6ff;--app-primary-soft:#6ea6ff1f;--app-primary-glow:#6ea6ff3d;--app-secondary:#4ade80;--app-surface:#0d1b2e;--app-surface-alt:#0a1628;--app-surface-glass:#0d1b2ed9;--app-bg:#060e1c;--app-border:#6ea6ff1a;--app-border-strong:#6ea6ff38;--app-text:#e2ecff;--app-muted:#7b93b8;--app-shadow:0 8px 32px #00000052, 0 2px 8px #0003;--app-shadow-lg:0 20px 60px #0000007a, 0 4px 16px #00000047;--app-shadow-glow:0 0 48px #6ea6ff38;--grad-primary:linear-gradient(135deg, #6ea6ff 0%, #4f8ef7 50%, #2f6fed 100%);--grad-hero:linear-gradient(135deg, #4f6ef5 0%, #8b5cf6 100%);--grad-card-hover:linear-gradient(135deg, #6ea6ff14 0%, #8b5cf60f 100%)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--app-text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--app-bg);background-image:radial-gradient(80% 50% at 50% -10%,#2f6fed1f 0%,#0000 60%),radial-gradient(60% 40% at 90% 10%,#7c3aed0f 0%,#0000 50%),radial-gradient(50% 30% at 0 80%,#22c55e0d 0%,#0000 50%);background-attachment:fixed;min-height:100vh;margin:0;font-family:Inter,Plus Jakarta Sans,IBM Plex Sans,Segoe UI,sans-serif;overflow-x:hidden}:root[data-app-theme=dark] body{background-image:radial-gradient(80% 50% at 50% -10%,#4f6ef52e 0%,#0000 60%),radial-gradient(60% 40% at 90% 10%,#8b5cf61a 0%,#0000 50%),radial-gradient(50% 30% at 0 80%,#22c55e0f 0%,#0000 50%)}a{color:inherit;text-decoration:none}::selection{background:#2f6fed33}.glass-card{background:var(--app-surface-glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--app-border);border-radius:var(--r-lg);box-shadow:var(--app-shadow);transition:border-color var(--dur-mid) var(--ease), box-shadow var(--dur-mid) var(--ease), transform var(--dur-mid) var(--ease-spring), background var(--dur-mid) var(--ease)}.glass-card:hover{border-color:var(--app-border-strong);box-shadow:var(--app-shadow-lg);transform:translateY(-2px)}.gradient-text,.hero-gradient-text{background:var(--grad-primary);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.gradient-text-warm{background:linear-gradient(135deg,#f59e0b 0%,#ef4444 60%,#7c3aed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-grid{position:relative;overflow:hidden}.hero-grid.glass-card:hover{transform:none}.hero-grid:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#2f6fed0b 1px,#0000 1px),linear-gradient(90deg,#2f6fed0b 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 80% at 30% 40%,#000 10%,#0000 65%);mask-image:radial-gradient(90% 80% at 30% 40%,#000 10%,#0000 65%)}:root[data-app-theme=dark] .hero-grid:before{background-image:linear-gradient(#6ea6ff12 1px,#0000 1px),linear-gradient(90deg,#6ea6ff12 1px,#0000 1px)}.orb{filter:blur(80px);pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.orb-blue{background:radial-gradient(circle,#4f8ef738 0%,#0000 70%);width:400px;height:400px}.orb-violet{background:radial-gradient(circle,#7c3aed24 0%,#0000 70%);width:320px;height:320px}.orb-green{background:radial-gradient(circle,#22c55e1f 0%,#0000 70%);width:260px;height:260px}.stat-glow{position:relative;overflow:hidden}.stat-glow:after{content:"";filter:blur(20px);pointer-events:none;opacity:0;height:80px;transition:opacity var(--dur-mid) var(--ease);background:linear-gradient(90deg,#2f6fed1f,#7c3aed14,#22c55e14);position:absolute;inset:-40% -10% auto}.stat-glow:hover:after{opacity:1}.nav-link{color:var(--app-muted);letter-spacing:.01em;transition:color var(--dur-fast) var(--ease);padding:6px 2px;font-size:14px;font-weight:600;text-decoration:none;position:relative}.nav-link:hover,.nav-link.active{color:var(--app-primary)}.nav-link:after{content:"";border-radius:var(--r-full);transform-origin:50%;background:var(--grad-primary);height:2px;transition:transform var(--dur-mid) var(--ease-spring);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--app-primary-glow)}50%{box-shadow:0 0 0 12px #0000}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--dur-mid) var(--ease) both}.animate-fade-in-up{animation:fadeInUp .5s var(--ease) both}.animate-scale-in{animation:scaleIn var(--dur-mid) var(--ease-spring) both}.animate-float{animation:4s ease-in-out infinite float}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:60ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.18s}.stagger-children>:nth-child(5){animation-delay:.24s}.stagger-children>:nth-child(6){animation-delay:.3s}.shimmer{background:linear-gradient(90deg, var(--app-surface-alt) 25%, var(--app-border) 50%, var(--app-surface-alt) 75%);background-size:200% 100%;animation:1.6s infinite shimmer}.badge-premium{border-radius:var(--r-full);letter-spacing:.04em;color:var(--app-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#4f8ef726 0%,#7c3aed1f 100%);border:1px solid #4f8ef740;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.icon-btn{border-radius:var(--r-sm);border:1px solid var(--app-border);background:var(--app-surface-glass);width:40px;height:40px;color:var(--app-muted);cursor:pointer;transition:all var(--dur-fast) var(--ease);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--app-primary);border-color:var(--app-primary);background:var(--app-primary-soft);transform:scale(1.05)}.cat-chip{border-radius:var(--r-full);border:1px solid var(--app-border);background:var(--app-surface-glass);color:var(--app-muted);cursor:pointer;transition:all var(--dur-mid) var(--ease);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.cat-chip:hover,.cat-chip.active{color:var(--app-primary);border-color:var(--app-primary);background:var(--app-primary-soft);box-shadow:0 4px 12px var(--app-primary-glow);transform:translateY(-1px)}.hero-badge{border-radius:var(--r-full);color:var(--app-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeInUp .6s var(--ease) .1s both;background:linear-gradient(135deg,#4f8ef72e 0%,#7c3aed1f 100%);border:1px solid #4f8ef747;align-items:center;gap:7px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-flex}.hero-badge-dot{background:var(--app-secondary);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite pulse-glow}.metric-value{background:var(--grad-primary);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:900;line-height:1}.product-card-wrap{animation:fadeInUp .4s var(--ease) both}.product-card-wrap:nth-child(2){animation-delay:50ms}.product-card-wrap:nth-child(3){animation-delay:.1s}.product-card-wrap:nth-child(4){animation-delay:.15s}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--app-primary);background:var(--app-primary-soft);border-radius:var(--r-full);align-items:center;gap:8px;margin-bottom:10px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--app-border-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--app-primary)}.truncate-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.bg-blobs,.blob{display:none}button,a,.glass-card{transition:border-color var(--dur-mid) var(--ease), box-shadow var(--dur-mid) var(--ease), transform var(--dur-mid) var(--ease-spring), background-color var(--dur-mid) var(--ease), color var(--dur-fast) var(--ease)!important}:focus-visible{outline:2px solid var(--app-primary);outline-offset:2px;border-radius:4px}.MuiPaper-root{background-image:none!important}.topbar{background:var(--app-surface-glass);-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);border-bottom:1px solid var(--app-border)}.footer-link{color:var(--app-muted);transition:color var(--dur-fast) var(--ease);font-size:13.5px;font-weight:500;text-decoration:none}.footer-link:hover{color:var(--app-primary)}.search-glow:focus-within{box-shadow:0 0 0 4px var(--app-primary-glow), var(--app-shadow-lg)!important}