@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap");:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a26;--bg-card-hover:#22223a;--border:#2a2a40;--border-bright:#3a3a58;--text-primary:#e8e8f0;--text-secondary:#8888aa;--text-muted:#55557a;--accent-purple:#7c5cbf;--accent-blue:#3b82f6;--accent-cyan:#22d3ee;--accent-green:#10b981;--accent-orange:#f59e0b;--accent-pink:#ec4899;--gradient-hero:linear-gradient(135deg,#0a0a0f,#12122a 50%,#0a1a2f);--gradient-card:linear-gradient(135deg,#1a1a26,#22223a);--gradient-accent:linear-gradient(135deg,#7c5cbf,#3b82f6);--gradient-glow:radial-gradient(ellipse at 50% 0%,rgba(124,92,191,0.15) 0%,transparent 70%);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-card:0 4px 24px rgba(0,0,0,0.4);--shadow-glow:0 0 40px rgba(124,92,191,0.2);--shadow-glow-blue:0 0 40px rgba(59,130,246,0.2)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}::selection{background:rgba(124,92,191,.3);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px;border-radius:var(--radius-sm)}.container{max-width:1280px;margin:0 auto;padding:0 24px}.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:rgba(26,26,38,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--gradient-accent);color:white;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(124,92,191,.4)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;color:var(--text-primary);border:1px solid var(--border-bright);border-radius:var(--radius-md);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-secondary:hover{border-color:var(--accent-purple);color:var(--accent-purple);background:rgba(124,92,191,.1)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.badge-webgpu{background:rgba(124,92,191,.2);color:var(--accent-purple);border:1px solid rgba(124,92,191,.3)}.badge-wasm{background:rgba(59,130,246,.2);color:var(--accent-blue);border:1px solid rgba(59,130,246,.3)}.badge-new{background:rgba(16,185,129,.2);color:var(--accent-green);border:1px solid rgba(16,185,129,.3)}.badge-beta{background:rgba(245,158,11,.2);color:var(--accent-orange);border:1px solid rgba(245,158,11,.3)}.drop-zone{border:2px dashed var(--border-bright);border-radius:var(--radius-lg);padding:48px 24px;text-align:center;cursor:pointer;transition:all .2s ease;background:rgba(26,26,38,.5)}.drop-zone.active,.drop-zone:hover{border-color:var(--accent-purple);background:rgba(124,92,191,.05)}@media (max-width:768px){.container{padding:0 16px}.hide-mobile{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}