:root{--text:#cbd5e1;--text-h:#f8fafc;--bg:#020617;--border:#ffffff1a;--code-bg:#0f172ae6;--accent:#7c3aed;--accent-2:#2563eb;--accent-3:#22d3ee;--accent-bg:#7c3aed29;--accent-border:#7c3aed73;--social-bg:#0f172aa6;--shadow:#0006 0 24px 80px -28px, #2563eb2e 0 16px 60px -32px;--sans:Inter, system-ui, "Segoe UI", Roboto, sans-serif;--heading:Inter, system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{background:0 0;width:100%;min-width:100%;min-height:100vh;margin:0;padding:0}body{min-height:100vh;color:var(--text);font-family:var(--sans);background-color:#0000;background-image:radial-gradient(circle at 8% 4%,#22d3ee33,#0000 28%),radial-gradient(circle at 86% 10%,#7c3aed3d,#0000 30%),radial-gradient(circle at 50% 100%,#2563eb29,#0000 34%),linear-gradient(135deg,#020617 0%,#071326 45%,#020617 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:56px 56px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000a6,#0000 70%);mask-image:linear-gradient(#000000a6,#0000 70%)}h1,h2{font-family:var(--heading);color:inherit;font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.glass-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ab8;border:1px solid #ffffff14;border-radius:28px;box-shadow:0 0 0 1px #ffffff08,0 24px 80px #00000057,inset 0 1px #ffffff0a}.fade-in-up{animation:.45s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.product-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;padding:20px 0 0;display:grid}.loading-orb{background:conic-gradient(from 90deg,#22d3ee,#2563eb,#7c3aed,#22d3ee);border-radius:999px;width:34px;height:34px;animation:.9s linear infinite spinOrb;position:relative;box-shadow:0 0 22px #2563eb8c,0 0 38px #7c3aed59}.loading-orb:after{content:"";border-radius:inherit;background:#0f172a;position:absolute;inset:4px}.loading-pulse{animation:1.4s ease-in-out infinite loadingPulse}@keyframes spinOrb{to{transform:rotate(360deg)}}@keyframes loadingPulse{0%,to{opacity:.55}50%{opacity:1}}